Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
菜鸟程序猿_c
uni-app
提交
1c784aba
U
uni-app
项目概览
菜鸟程序猿_c
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
1c784aba
编写于
5月 11, 2022
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: build h5
上级
9eddd9d8
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
34 addition
and
38 deletion
+34
-38
packages/uni-h5/dist/uni-h5.cjs.js
packages/uni-h5/dist/uni-h5.cjs.js
+17
-19
packages/uni-h5/dist/uni-h5.es.js
packages/uni-h5/dist/uni-h5.es.js
+17
-19
未找到文件。
packages/uni-h5/dist/uni-h5.cjs.js
浏览文件 @
1c784aba
...
...
@@ -2598,28 +2598,13 @@ var index$w = /* @__PURE__ */ defineBuiltInComponent({
const
{
fixSize
}
=
useImageSize
(
rootRef
,
props2
,
state
);
useImageLoader
(
state
,
fixSize
,
trigger
);
useImageLoader
(
state
,
props2
,
rootRef
,
fixSize
,
trigger
);
return
()
=>
{
const
{
mode
:
mode2
}
=
props2
;
const
{
imgSrc
,
modeStyle
,
src
}
=
state
;
let
imgTsx
;
{
imgTsx
=
vue
.
createVNode
(
"
img
"
,
{
"
src
"
:
src
,
"
draggable
"
:
props2
.
draggable
},
null
,
8
,
[
"
src
"
,
"
draggable
"
]);
}
return
vue
.
createVNode
(
"
uni-image
"
,
{
"
ref
"
:
rootRef
},
[
vue
.
createVNode
(
"
div
"
,
{
"
style
"
:
modeStyle
},
null
,
4
),
imgTsx
,
FIX_MODES
[
mode2
]
?
vue
.
createVNode
(
ResizeSensor
,
{
"
style
"
:
state
.
modeStyle
},
null
,
4
),
FIX_MODES
[
props2
.
mode
]
?
vue
.
createVNode
(
ResizeSensor
,
{
"
onResize
"
:
fixSize
},
null
,
8
,
[
"
onResize
"
])
:
vue
.
createVNode
(
"
span
"
,
null
,
null
)],
512
);
};
...
...
@@ -2654,8 +2639,9 @@ function useImageState(rootRef, props2) {
});
return
state
;
}
function
useImageLoader
(
state
,
fixSize
,
trigger
)
{
function
useImageLoader
(
state
,
props2
,
rootRef
,
fixSize
,
trigger
)
{
let
img
;
let
draggableImg
;
const
setState
=
(
width
=
0
,
height
=
0
,
imgSrc
=
""
)
=>
{
state
.
origWidth
=
width
;
state
.
origHeight
=
height
;
...
...
@@ -2675,6 +2661,12 @@ function useImageLoader(state, fixSize, trigger) {
}
=
img
;
setState
(
width
,
height
,
src
);
fixSize
();
img
.
draggable
=
props2
.
draggable
;
if
(
draggableImg
)
{
draggableImg
.
remove
();
}
draggableImg
=
img
;
rootRef
.
value
.
appendChild
(
img
);
resetImage
();
trigger
(
"
load
"
,
evt
,
{
width
,
...
...
@@ -2698,6 +2690,12 @@ function useImageLoader(state, fixSize, trigger) {
}
};
vue
.
watch
(()
=>
state
.
src
,
(
value
)
=>
loadImage
(
value
));
vue
.
watch
(()
=>
state
.
imgSrc
,
(
value
)
=>
{
if
(
!
value
&&
draggableImg
)
{
draggableImg
.
remove
();
draggableImg
=
null
;
}
});
}
function
fixNumber
(
num
)
{
return
num
;
...
...
packages/uni-h5/dist/uni-h5.es.js
浏览文件 @
1c784aba
...
...
@@ -8091,28 +8091,13 @@ var index$r = /* @__PURE__ */ defineBuiltInComponent({
const {
fixSize
} = useImageSize(rootRef, props2, state2);
useImageLoader(state2, fixSize, trigger);
useImageLoader(state2,
props2, rootRef,
fixSize, trigger);
return () => {
const {
mode: mode2
} = props2;
const {
imgSrc,
modeStyle,
src
} = state2;
let imgTsx;
{
imgTsx = imgSrc ? createVNode("img", {
"src": imgSrc,
"draggable": props2.draggable
}, null, 8, ["src", "draggable"]) : createVNode("img", null, null);
}
return createVNode("uni-image", {
"ref": rootRef
}, [createVNode("div", {
"style": modeStyle
}, null, 4),
imgTsx, FIX_MODES[mode2
] ? createVNode(ResizeSensor, {
"style":
state2.
modeStyle
}, null, 4),
FIX_MODES[props2.mode
] ? createVNode(ResizeSensor, {
"onResize": fixSize
}, null, 8, ["onResize"]) : createVNode("span", null, null)], 512);
};
...
...
@@ -8153,8 +8138,9 @@ function useImageState(rootRef, props2) {
});
return state2;
}
function useImageLoader(state2, fixSize, trigger) {
function useImageLoader(state2,
props2, rootRef,
fixSize, trigger) {
let img;
let draggableImg;
const setState = (width = 0, height = 0, imgSrc = "") => {
state2.origWidth = width;
state2.origHeight = height;
...
...
@@ -8174,6 +8160,12 @@ function useImageLoader(state2, fixSize, trigger) {
} = img;
setState(width, height, src);
fixSize();
img.draggable = props2.draggable;
if (draggableImg) {
draggableImg.remove();
}
draggableImg = img;
rootRef.value.appendChild(img);
resetImage();
trigger("load", evt, {
width,
...
...
@@ -8197,6 +8189,12 @@ function useImageLoader(state2, fixSize, trigger) {
}
};
watch(() => state2.src, (value) => loadImage(value));
watch(() => state2.imgSrc, (value) => {
if (!value && draggableImg) {
draggableImg.remove();
draggableImg = null;
}
});
onMounted(() => loadImage(state2.src));
onBeforeUnmount(() => resetImage());
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录