szld-libs 0.0.32 → 0.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/szld-components.es.js +2158 -2153
- package/dist/szld-components.umd.js +33 -33
- package/es/components/Upload/index.js +14 -4
- package/es/index.js +23 -2
- package/lib/components/Upload/index.js +14 -4
- package/lib/index.js +23 -2
- package/package.json +1 -1
|
@@ -20,9 +20,12 @@ const UploadFile = (props) => {
|
|
|
20
20
|
const [previewSrc, setPreviewSrc] = useState("");
|
|
21
21
|
const uploadButton = () => {
|
|
22
22
|
if (listType !== "text") {
|
|
23
|
-
return /* @__PURE__ */ jsxs("div", { children: [
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
|
|
23
|
+
return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
|
|
24
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
25
|
+
/* @__PURE__ */ jsx(PlusOutlined, {}),
|
|
26
|
+
/* @__PURE__ */ jsx("div", { style: { marginTop: 8 }, children: uploadBtnName })
|
|
27
|
+
] }),
|
|
28
|
+
uploadHint
|
|
26
29
|
] });
|
|
27
30
|
}
|
|
28
31
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -47,6 +50,13 @@ const UploadFile = (props) => {
|
|
|
47
50
|
const onChange = (info) => {
|
|
48
51
|
props.onChange && props.onChange(info);
|
|
49
52
|
};
|
|
53
|
+
const isPropsPreview = (file) => {
|
|
54
|
+
if (props.onPreview) {
|
|
55
|
+
props.onPreview(file);
|
|
56
|
+
} else {
|
|
57
|
+
onPreview(file);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
50
60
|
const onPreview = async (file) => {
|
|
51
61
|
let suffix = getFileSuffix(file.name) || "";
|
|
52
62
|
if (!suffix) {
|
|
@@ -82,7 +92,7 @@ const UploadFile = (props) => {
|
|
|
82
92
|
Upload,
|
|
83
93
|
{
|
|
84
94
|
...props,
|
|
85
|
-
onPreview,
|
|
95
|
+
onPreview: isPropsPreview,
|
|
86
96
|
beforeUpload,
|
|
87
97
|
onChange,
|
|
88
98
|
listType,
|
package/es/index.js
CHANGED
|
@@ -35,6 +35,26 @@ const Demo = () => {
|
|
|
35
35
|
}))
|
|
36
36
|
);
|
|
37
37
|
useState(false);
|
|
38
|
+
const [fileList, setFileList] = useState([
|
|
39
|
+
{
|
|
40
|
+
uid: "-1",
|
|
41
|
+
name: "image.png",
|
|
42
|
+
status: "done",
|
|
43
|
+
url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
uid: "-2",
|
|
47
|
+
name: "image.png",
|
|
48
|
+
status: "done",
|
|
49
|
+
url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
uid: "-3",
|
|
53
|
+
name: "image.png",
|
|
54
|
+
status: "done",
|
|
55
|
+
url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
56
|
+
}
|
|
57
|
+
]);
|
|
38
58
|
return /* @__PURE__ */ jsxs("div", { children: [
|
|
39
59
|
/* @__PURE__ */ jsx(BackHeader, { title: "标题111", subTitle: /* @__PURE__ */ jsx("span", { children: "副标题" }) }),
|
|
40
60
|
/* @__PURE__ */ jsx(AuthButton, { type: "primary", children: "按钮1" }),
|
|
@@ -101,9 +121,10 @@ const Demo = () => {
|
|
|
101
121
|
/* @__PURE__ */ jsx(
|
|
102
122
|
UploadFile,
|
|
103
123
|
{
|
|
104
|
-
|
|
124
|
+
fileList,
|
|
125
|
+
uploadBtnName: "上传图片",
|
|
105
126
|
accept: ".zip,.jpg,.png",
|
|
106
|
-
uploadHint: /* @__PURE__ */ jsx("span", { style: {
|
|
127
|
+
uploadHint: /* @__PURE__ */ jsx("span", { style: { position: "absolute", left: "100px", top: "20px" }, children: "11111111111111111111111111111" })
|
|
107
128
|
}
|
|
108
129
|
)
|
|
109
130
|
] });
|
|
@@ -21,9 +21,12 @@ const UploadFile = (props) => {
|
|
|
21
21
|
const [previewSrc, setPreviewSrc] = react.useState("");
|
|
22
22
|
const uploadButton = () => {
|
|
23
23
|
if (listType !== "text") {
|
|
24
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
25
|
-
/* @__PURE__ */ jsxRuntime.
|
|
26
|
-
|
|
24
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
|
|
25
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
26
|
+
/* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
|
|
27
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 8 }, children: uploadBtnName })
|
|
28
|
+
] }),
|
|
29
|
+
uploadHint
|
|
27
30
|
] });
|
|
28
31
|
}
|
|
29
32
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -48,6 +51,13 @@ const UploadFile = (props) => {
|
|
|
48
51
|
const onChange = (info) => {
|
|
49
52
|
props.onChange && props.onChange(info);
|
|
50
53
|
};
|
|
54
|
+
const isPropsPreview = (file) => {
|
|
55
|
+
if (props.onPreview) {
|
|
56
|
+
props.onPreview(file);
|
|
57
|
+
} else {
|
|
58
|
+
onPreview(file);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
51
61
|
const onPreview = async (file) => {
|
|
52
62
|
let suffix = utils.getFileSuffix(file.name) || "";
|
|
53
63
|
if (!suffix) {
|
|
@@ -83,7 +93,7 @@ const UploadFile = (props) => {
|
|
|
83
93
|
antd.Upload,
|
|
84
94
|
{
|
|
85
95
|
...props,
|
|
86
|
-
onPreview,
|
|
96
|
+
onPreview: isPropsPreview,
|
|
87
97
|
beforeUpload,
|
|
88
98
|
onChange,
|
|
89
99
|
listType,
|
package/lib/index.js
CHANGED
|
@@ -36,6 +36,26 @@ const Demo = () => {
|
|
|
36
36
|
}))
|
|
37
37
|
);
|
|
38
38
|
react.useState(false);
|
|
39
|
+
const [fileList, setFileList] = react.useState([
|
|
40
|
+
{
|
|
41
|
+
uid: "-1",
|
|
42
|
+
name: "image.png",
|
|
43
|
+
status: "done",
|
|
44
|
+
url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
uid: "-2",
|
|
48
|
+
name: "image.png",
|
|
49
|
+
status: "done",
|
|
50
|
+
url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
uid: "-3",
|
|
54
|
+
name: "image.png",
|
|
55
|
+
status: "done",
|
|
56
|
+
url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
57
|
+
}
|
|
58
|
+
]);
|
|
39
59
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
40
60
|
/* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "标题111", subTitle: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "副标题" }) }),
|
|
41
61
|
/* @__PURE__ */ jsxRuntime.jsx(main.AuthButton, { type: "primary", children: "按钮1" }),
|
|
@@ -102,9 +122,10 @@ const Demo = () => {
|
|
|
102
122
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
103
123
|
main.UploadFile,
|
|
104
124
|
{
|
|
105
|
-
|
|
125
|
+
fileList,
|
|
126
|
+
uploadBtnName: "上传图片",
|
|
106
127
|
accept: ".zip,.jpg,.png",
|
|
107
|
-
uploadHint: /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
|
|
128
|
+
uploadHint: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", left: "100px", top: "20px" }, children: "11111111111111111111111111111" })
|
|
108
129
|
}
|
|
109
130
|
)
|
|
110
131
|
] });
|