@das-fed/ui 6.4.0-dev.80 → 6.4.0-dev.82
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/package.json +5 -5
- package/packages/business-components/app-container/index.js +137 -133
- package/packages/business-components/app-container/index.js.gz +0 -0
- package/packages/business-components/area-phone-select/index.js +14 -10
- package/packages/business-components/area-phone-select/index.js.gz +0 -0
- package/packages/business-components/area-phone-select/style.css +1 -1
- package/packages/business-components/area-phone-select/style.css.gz +0 -0
- package/packages/business-components/device-panel/i18n/index.d.ts +1 -1
- package/packages/business-components/device-panel/index.js +10236 -10183
- package/packages/business-components/device-panel/index.js.gz +0 -0
- package/packages/business-components/device-panel/src/components/alarmDevicePanel/dataTrends/components/barChart.vue.d.ts +1 -1
- package/packages/business-components/device-panel/src/components/alarmDevicePanel/dataTrends/index.vue.d.ts +8 -2
- package/packages/business-components/device-panel/src/components/devicePanelModal/dataTrends/components/barChart.vue.d.ts +6 -2
- package/packages/business-components/device-panel/src/components/devicePanelModal/dataTrends/index.vue.d.ts +8 -2
- package/packages/business-components/device-panel/style.css +1 -1
- package/packages/business-components/device-panel/style.css.gz +0 -0
- package/packages/business-components/import-button/index.js +30 -30
- package/packages/business-components/import-button/index.js.gz +0 -0
- package/packages/business-components/import-button/style.css +1 -1
- package/packages/business-components/payment/index.js +61 -59
- package/packages/business-components/payment/index.js.gz +0 -0
- package/packages/business-components/payment/style.css +1 -1
- package/packages/business-components/process-form/index.js +763 -793
- package/packages/business-components/process-form/index.js.gz +0 -0
- package/packages/business-components/process-form/style.css +1 -1
- package/packages/business-components/upload-file/index.d.ts +8 -0
- package/packages/business-components/upload-file/index.js +48 -49
- package/packages/business-components/upload-file/index.js.gz +0 -0
- package/packages/business-components/upload-file/src/App.vue.d.ts +2 -0
- package/packages/business-components/upload-file/src/type.d.ts +3 -0
- package/packages/business-components/upload-file/style.css +1 -1
- package/packages/components/color-picker/index.js +62 -63
- package/packages/components/color-picker/index.js.gz +0 -0
- package/packages/components/color-picker/style.css +1 -1
- package/packages/components/color-picker/style.css.gz +0 -0
- package/packages/components/edit-table/index.js +580 -567
- package/packages/components/edit-table/index.js.gz +0 -0
- package/packages/components/edit-table/style.css +1 -1
- package/packages/components/edit-table/style.css.gz +0 -0
- package/packages/components/image-upload/index.js +109 -124
- package/packages/components/image-upload/index.js.gz +0 -0
- package/packages/components/image-upload/src/hooks/use-imageUpload.d.ts +1 -1
- package/packages/components/image-viewer/index.js +339 -354
- package/packages/components/image-viewer/index.js.gz +0 -0
- package/packages/components/image-viewer/src/hooks/use-imageViewer.d.ts +2 -2
- package/packages/components/image-viewer/style.css +1 -1
- package/packages/components/image-viewer/style.css.gz +0 -0
- package/packages/components/pagination/index.js +1 -1
- package/packages/components/pagination/index.js.gz +0 -0
- package/packages/components/pagination/style.css +1 -1
- package/packages/components/pagination/style.css.gz +0 -0
- package/packages/components/search-form/index.js +734 -708
- package/packages/components/search-form/index.js.gz +0 -0
- package/packages/components/search-form/src/hooks/common.d.ts +1 -0
- package/packages/components/search-form/style.css +1 -1
- package/packages/components/search-form/style.css.gz +0 -0
- package/packages/components/text-tooltip/index.js +616 -616
- package/packages/components/text-tooltip/index.js.gz +0 -0
- package/packages/components/tree-table/index.js +68 -72
- package/packages/components/tree-table/index.js.gz +0 -0
- package/packages/components/tree-table/style.css +1 -1
- package/packages/components/tree-table/style.css.gz +0 -0
- package/packages/components/upload/i18n/index.d.ts +5 -0
- package/packages/components/upload/index.d.ts +3 -0
- package/packages/components/upload/index.js +143 -124
- package/packages/components/upload/index.js.gz +0 -0
- package/packages/components/upload/src/Index.vue.d.ts +1 -0
- package/packages/components/upload/src/type.d.ts +3 -0
- package/packages/components/upload/style.css +1 -1
- package/packages/components/upload/style.css.gz +0 -0
- package/packages/components/virtual-tree/index.js +40 -35
- package/packages/components/virtual-tree/index.js.gz +0 -0
- package/packages/components/virtual-tree/src/App.vue.d.ts +1 -0
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.edit-table-row-botton[data-v-4aeee1b0]{width:100%;height:100%}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell{padding:4.5px 0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell{padding:0 4px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center{overflow:hidden;height:100%;display:flex;align-items:center}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .center-box_y{height:100%;display:flex;flex-direction:column;justify-content:center}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table-button-container{padding:0 8px;width:100%}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text{height:30px;line-height:30px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-flex-box{width:100%;height:30px;display:flex;align-items:center;padding:0 8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-flex-box .item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .el-input .el-input__inner::placeholder,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .ant-select-selection-placeholder{font-size:12px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-radio,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-checkbox,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-switch,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-cascader .el-input__wrapper,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-date-picker .ant-picker,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-range-picker .ant-picker,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-tree-select .das-tree-select__selct-text-content,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-autocomplete .input-text-content{padding-left:8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-radio .ant-radio-wrapper{margin-right:0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-checkbox .label.label-min-width{min-width:unset;margin-left:0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-input-dialog-select-content{background-color:#fff}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-tree-select .das-tree-select__select-content{height:30px!important}
|
|
1
|
+
@charset "UTF-8";.edit-table-row-botton[data-v-4aeee1b0]{width:100%;height:100%}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell{padding:4.5px 0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell{padding:0 4px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center{overflow:hidden;height:100%;display:flex;align-items:center}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .center-box_y{height:100%;display:flex;flex-direction:column;justify-content:center}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table-button-container{padding:0 8px;width:100%}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text{height:30px;line-height:30px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-flex-box{width:100%;height:30px;display:flex;align-items:center;padding:0 8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-flex-box .item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-space-between{width:100%;height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-space-between .color-lump{width:14px;height:14px;border-radius:2px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .el-input .el-input__inner::placeholder,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .ant-select-selection-placeholder{font-size:12px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-radio,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-checkbox,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-switch,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-cascader .el-input__wrapper,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-date-picker .ant-picker,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-range-picker .ant-picker,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-tree-select .das-tree-select__selct-text-content,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-autocomplete .input-text-content{padding-left:8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-radio .ant-radio-wrapper{margin-right:0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-checkbox .label.label-min-width{min-width:unset;margin-left:0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-input-dialog-select-content{background-color:#fff}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-tree-select .das-tree-select__select-content{height:30px!important}
|
|
Binary file
|
|
@@ -1,85 +1,70 @@
|
|
|
1
1
|
import '@das-fed/ui/packages/components/image-upload/style.css';
|
|
2
|
-
import { withInstall as
|
|
3
|
-
import { i18n as
|
|
4
|
-
import { getVar as
|
|
5
|
-
import { computed as
|
|
6
|
-
import { UploadDragger as
|
|
2
|
+
import { withInstall as V } from "@das-fed/utils/with-install/index";
|
|
3
|
+
import { i18n as N, t as x, setI18nRule as j } from "@das-fed/web/packages/i18n/index";
|
|
4
|
+
import { getVar as y, setThemeRule as D } from "@das-fed/web/packages/theme/index";
|
|
5
|
+
import { computed as b, defineComponent as $, openBlock as E, createElementBlock as R, createCommentVNode as w, withDirectives as k, createVNode as m, unref as a, normalizeClass as F, withCtx as g, createElementVNode as C, toDisplayString as A, vShow as z, createTextVNode as W } from "vue";
|
|
6
|
+
import { UploadDragger as K, Upload as P } from "ant-design-vue";
|
|
7
7
|
import "ant-design-vue/es/upload/style/css";
|
|
8
|
-
import { DasSpin as
|
|
9
|
-
import { DasButton as
|
|
10
|
-
import { DasIconAddto as
|
|
11
|
-
import { DasIconWarning as
|
|
12
|
-
import { DasMessage as
|
|
13
|
-
import { useModelValue as
|
|
8
|
+
import { DasSpin as H } from "@das-fed/ui/packages/components/spin/index";
|
|
9
|
+
import { DasButton as O } from "@das-fed/ui/packages/components/button/index";
|
|
10
|
+
import { DasIconAddto as q } from "@das-fed/ui/packages/icons/addto/index";
|
|
11
|
+
import { DasIconWarning as G } from "@das-fed/ui/packages/icons/warning/index";
|
|
12
|
+
import { DasMessage as S } from "@das-fed/ui/packages/components/message/index";
|
|
13
|
+
import { useModelValue as J } from "@das-fed/utils/vue";
|
|
14
14
|
import "@das-fed/ui/packages/global/theme";
|
|
15
|
-
const
|
|
16
|
-
isNaN(Number(
|
|
17
|
-
const
|
|
18
|
-
M:
|
|
19
|
-
K:
|
|
15
|
+
const L = () => ({ size2B: (t) => {
|
|
16
|
+
isNaN(Number(t)) ? t = t.toString() : t = t + "M";
|
|
17
|
+
const s = Number(t.slice(0, -1)), u = t[t.length - 1].toUpperCase(), i = 1024, f = {
|
|
18
|
+
M: i * i,
|
|
19
|
+
K: i,
|
|
20
20
|
B: 1
|
|
21
21
|
};
|
|
22
|
-
return { finalSize:
|
|
23
|
-
} }),
|
|
24
|
-
const
|
|
22
|
+
return { finalSize: s * f[u], sizeText: t };
|
|
23
|
+
} }), Q = (o, t) => {
|
|
24
|
+
const s = J(o, "status"), { size2B: u } = L(), i = b(() => {
|
|
25
25
|
var r;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const { finalSize: i, sizeText: u } = p(e.maxSize);
|
|
36
|
-
if (r.size > i) {
|
|
37
|
-
const d = !e.acceptAudio && !e.acceptVideo ? b("das-ui-import-upload-key3", u, "JPG、JPEG、PNG、GIF、SVG").value : b(
|
|
26
|
+
let e = o.accept ? (r = o.accept) == null ? void 0 : r.split(",") : [];
|
|
27
|
+
return e.includes("image/jpg") && !e.includes("image/jpeg") && e.push("image/jpeg"), e.includes(".jpg") && !e.includes(".jpeg") && e.push(".jpeg"), o.acceptVideo && e.push("video/*"), o.acceptAudio && e.push("audio/*"), e.join(",");
|
|
28
|
+
}), f = b(() => s.value === "uploading"), h = b(() => s.value === "error");
|
|
29
|
+
return { isAccept: i, uploadStatus: s, loading: f, errored: h, beforeupload: (e) => {
|
|
30
|
+
var c;
|
|
31
|
+
if (o.maxSize) {
|
|
32
|
+
const { finalSize: l, sizeText: n } = u(o.maxSize);
|
|
33
|
+
if (e.size > l) {
|
|
34
|
+
const v = N(
|
|
38
35
|
"das-ui-import-upload-key3",
|
|
39
|
-
|
|
40
|
-
(
|
|
41
|
-
).value,
|
|
42
|
-
return
|
|
36
|
+
n,
|
|
37
|
+
((c = i.value) == null ? void 0 : c.toUpperCase().replaceAll(".", "").replaceAll(",", "、")) ?? ""
|
|
38
|
+
).value, p = o.errorMessage || v;
|
|
39
|
+
return S.warning(p), t("update:status", "normal"), s.value = "normal", !1;
|
|
43
40
|
}
|
|
44
41
|
}
|
|
45
|
-
const
|
|
46
|
-
if (
|
|
47
|
-
const
|
|
48
|
-
if (
|
|
49
|
-
return new Promise(async (
|
|
50
|
-
let
|
|
42
|
+
const r = () => (s.value = "uploading", t("update:status", "uploading"), t("image-upload", e), !1);
|
|
43
|
+
if (o.customCheck) {
|
|
44
|
+
const l = o.customCheck(e);
|
|
45
|
+
if (l instanceof Promise)
|
|
46
|
+
return new Promise(async (n, v) => {
|
|
47
|
+
let p;
|
|
51
48
|
try {
|
|
52
|
-
|
|
49
|
+
p = await l.then();
|
|
53
50
|
} catch {
|
|
54
|
-
|
|
51
|
+
p = !1;
|
|
55
52
|
}
|
|
56
|
-
|
|
53
|
+
p ? r() : v(!1);
|
|
57
54
|
});
|
|
58
|
-
if (!
|
|
59
|
-
return
|
|
60
|
-
} else if (
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
if (i.includes("image/jpg") && !i.includes("image/jpeg") && i.push("image/jpeg"), !i.includes(r.type)) {
|
|
67
|
-
const u = e.errorMessage || b("das-ui-import-upload-key1", s.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")).value;
|
|
68
|
-
return V.warning(u), !1;
|
|
69
|
-
}
|
|
70
|
-
} else {
|
|
71
|
-
const i = s.value.split(",").map((c) => {
|
|
72
|
-
let f = c.trim().slice(1);
|
|
73
|
-
return f === "svg" && (f = "svg+xml"), `image/${f}`;
|
|
74
|
-
}) ?? [], u = l.map((c) => `video/${c.split(".")[1]}`) ?? [], d = g.map((c) => `audio/${c.split(".")[1]}`) ?? [], m = l.map((c) => `audio/${c.split(".")[1]}`) ?? [];
|
|
75
|
-
if (![...i, ...u, ...d, ...m].includes(r.type)) {
|
|
76
|
-
const c = e.errorMessage || b("das-ui-import-upload-key2", ($ = s.value) == null ? void 0 : $.toUpperCase()).value;
|
|
77
|
-
return V.warning(c), !1;
|
|
78
|
-
}
|
|
55
|
+
if (!l)
|
|
56
|
+
return t("update:status", "normal"), s.value = "normal", !1;
|
|
57
|
+
} else if (i.value) {
|
|
58
|
+
const l = i.value.split(",").filter((d) => d.trim().startsWith(".")).map((d) => d.trim()), n = i.value.split(",").filter((d) => !d.trim().startsWith(".")).map((d) => d.trim()), v = e.name.match(/\.(.+)$/), p = l.includes(v[0]);
|
|
59
|
+
let I = n.includes("image/*") && e.type.split("/")[0].trim() === "image", T = n.includes("video/*") && e.type.split("/")[0].trim() === "video", U = n.includes("audio/*") && e.type.split("/")[0].trim() === "audio", B = n.includes(e.type) || I || T || U;
|
|
60
|
+
if (!p && !B) {
|
|
61
|
+
const d = o.acceptAudio || o.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", M = o.errorMessage || N(d, i.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")).value;
|
|
62
|
+
return S.warning(M), !1;
|
|
79
63
|
}
|
|
80
|
-
|
|
64
|
+
}
|
|
65
|
+
return r();
|
|
81
66
|
} };
|
|
82
|
-
},
|
|
67
|
+
}, X = { class: "das-ui-image-upload" }, Y = { class: "das-ui-image-upload-dragger-context" }, Z = { class: "text" }, ee = { class: "das-ui-image-upload-error-container" }, ae = { class: "tips-container" }, oe = { class: "text" }, te = /* @__PURE__ */ $({
|
|
83
68
|
__name: "Index",
|
|
84
69
|
props: {
|
|
85
70
|
maxCount: { default: 1 },
|
|
@@ -94,35 +79,35 @@ const q = () => ({ size2B: (o) => {
|
|
|
94
79
|
autoContentType: { type: Boolean }
|
|
95
80
|
},
|
|
96
81
|
emits: ["update:status", "image-upload"],
|
|
97
|
-
setup(
|
|
98
|
-
const
|
|
99
|
-
return (
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
class: F([{ "loading-border": a(
|
|
82
|
+
setup(o, { emit: t }) {
|
|
83
|
+
const s = o, u = t, { isAccept: i, uploadStatus: f, loading: h, errored: _, beforeupload: e } = Q(s, u);
|
|
84
|
+
return (r, c) => (E(), R("div", X, [
|
|
85
|
+
w(" 图片上传组件 "),
|
|
86
|
+
k(m(a(H), {
|
|
87
|
+
class: F([{ "loading-border": a(h) }]),
|
|
103
88
|
type: "component",
|
|
104
|
-
spinning: a(
|
|
89
|
+
spinning: a(h)
|
|
105
90
|
}, {
|
|
106
|
-
default:
|
|
107
|
-
|
|
91
|
+
default: g(() => [
|
|
92
|
+
m(a(K), {
|
|
108
93
|
class: "das-ui-image-upload-dragger",
|
|
109
|
-
accept: a(
|
|
110
|
-
"max-count":
|
|
111
|
-
"before-upload": a(
|
|
94
|
+
accept: a(i),
|
|
95
|
+
"max-count": r.maxCount,
|
|
96
|
+
"before-upload": a(e)
|
|
112
97
|
}, {
|
|
113
|
-
itemRender:
|
|
114
|
-
default:
|
|
115
|
-
|
|
98
|
+
itemRender: g(({ file: l, actions: n }) => c[0] || (c[0] = [])),
|
|
99
|
+
default: g(() => [
|
|
100
|
+
k(C(
|
|
116
101
|
"div",
|
|
117
|
-
|
|
102
|
+
Y,
|
|
118
103
|
[
|
|
119
|
-
|
|
120
|
-
iconColor: a(
|
|
104
|
+
m(a(q), {
|
|
105
|
+
iconColor: a(y)("--das-ui-color-secondary")
|
|
121
106
|
}, null, 8, ["iconColor"]),
|
|
122
|
-
|
|
107
|
+
C(
|
|
123
108
|
"div",
|
|
124
|
-
|
|
125
|
-
|
|
109
|
+
Z,
|
|
110
|
+
A(r.message || a(x)("das-image-upload-text")),
|
|
126
111
|
1
|
|
127
112
|
/* TEXT */
|
|
128
113
|
)
|
|
@@ -130,7 +115,7 @@ const q = () => ({ size2B: (o) => {
|
|
|
130
115
|
512
|
|
131
116
|
/* NEED_PATCH */
|
|
132
117
|
), [
|
|
133
|
-
[
|
|
118
|
+
[z, a(f) === "normal"]
|
|
134
119
|
])
|
|
135
120
|
]),
|
|
136
121
|
_: 1
|
|
@@ -140,40 +125,40 @@ const q = () => ({ size2B: (o) => {
|
|
|
140
125
|
_: 1
|
|
141
126
|
/* STABLE */
|
|
142
127
|
}, 8, ["class", "spinning"]), [
|
|
143
|
-
[
|
|
128
|
+
[z, !a(_)]
|
|
144
129
|
]),
|
|
145
|
-
|
|
146
|
-
|
|
130
|
+
w(" 错误状态 "),
|
|
131
|
+
k(C(
|
|
147
132
|
"div",
|
|
148
|
-
|
|
133
|
+
ee,
|
|
149
134
|
[
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
iconColor: a(
|
|
135
|
+
C("div", ae, [
|
|
136
|
+
m(a(G), {
|
|
137
|
+
iconColor: a(y)("--das-ui-color-danger"),
|
|
153
138
|
size: "small"
|
|
154
139
|
}, null, 8, ["iconColor"]),
|
|
155
|
-
|
|
140
|
+
C(
|
|
156
141
|
"div",
|
|
157
|
-
|
|
158
|
-
|
|
142
|
+
oe,
|
|
143
|
+
A(a(x)("das-image-upload-fail")),
|
|
159
144
|
1
|
|
160
145
|
/* TEXT */
|
|
161
146
|
)
|
|
162
147
|
]),
|
|
163
|
-
|
|
164
|
-
accept: a(
|
|
165
|
-
"before-upload": a(
|
|
166
|
-
"max-count":
|
|
148
|
+
m(a(P), {
|
|
149
|
+
accept: a(i),
|
|
150
|
+
"before-upload": a(e),
|
|
151
|
+
"max-count": r.maxCount
|
|
167
152
|
}, {
|
|
168
|
-
itemRender:
|
|
169
|
-
default:
|
|
170
|
-
|
|
153
|
+
itemRender: g(({ file: l, actions: n }) => c[1] || (c[1] = [])),
|
|
154
|
+
default: g(() => [
|
|
155
|
+
m(a(O), {
|
|
171
156
|
"btn-type": "primary-text",
|
|
172
157
|
block: ""
|
|
173
158
|
}, {
|
|
174
|
-
default:
|
|
175
|
-
|
|
176
|
-
|
|
159
|
+
default: g(() => [
|
|
160
|
+
W(
|
|
161
|
+
A(a(x)("das-image-upload-reupload")),
|
|
177
162
|
1
|
|
178
163
|
/* TEXT */
|
|
179
164
|
)
|
|
@@ -189,16 +174,16 @@ const q = () => ({ size2B: (o) => {
|
|
|
189
174
|
512
|
|
190
175
|
/* NEED_PATCH */
|
|
191
176
|
), [
|
|
192
|
-
[
|
|
177
|
+
[z, a(_)]
|
|
193
178
|
])
|
|
194
179
|
]));
|
|
195
180
|
}
|
|
196
|
-
}),
|
|
197
|
-
const
|
|
198
|
-
for (const [
|
|
199
|
-
|
|
200
|
-
return
|
|
201
|
-
},
|
|
181
|
+
}), ie = (o, t) => {
|
|
182
|
+
const s = o.__vccOpts || o;
|
|
183
|
+
for (const [u, i] of t)
|
|
184
|
+
s[u] = i;
|
|
185
|
+
return s;
|
|
186
|
+
}, se = /* @__PURE__ */ ie(te, [["__scopeId", "data-v-5821ad3e"]]), re = {
|
|
202
187
|
"das-ui-import-upload-key1": {
|
|
203
188
|
"zh-CN": "上传的图片格式只能是$0",
|
|
204
189
|
en: "The uploaded picture format can only be $0",
|
|
@@ -217,16 +202,16 @@ const q = () => ({ size2B: (o) => {
|
|
|
217
202
|
"das-image-upload-text": { "zh-CN": "上传图片", en: "Upload Image", _appCode: "framework" },
|
|
218
203
|
"das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-upload", _appCode: "framework" },
|
|
219
204
|
"das-image-upload-fail": { "zh-CN": "上传失败", en: "Uploaded Failed", _appCode: "framework" }
|
|
220
|
-
},
|
|
205
|
+
}, le = {
|
|
221
206
|
"--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
|
|
222
207
|
"--das-ui-image-upload-border-color": { light: "#E5E5E5" },
|
|
223
|
-
"--das-ui-image-upload-bgcolor-hover": { light:
|
|
208
|
+
"--das-ui-image-upload-bgcolor-hover": { light: y("--das-ui-color-primary-level1") },
|
|
224
209
|
"--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
|
|
225
|
-
"--das-ui-image-upload-border-color-error": { light:
|
|
226
|
-
},
|
|
227
|
-
|
|
228
|
-
|
|
210
|
+
"--das-ui-image-upload-border-color-error": { light: y("--das-ui-color-danger-level2") }
|
|
211
|
+
}, xe = V(se);
|
|
212
|
+
j(re);
|
|
213
|
+
D(le);
|
|
229
214
|
export {
|
|
230
|
-
|
|
231
|
-
|
|
215
|
+
xe as DasImageUpload,
|
|
216
|
+
xe as default
|
|
232
217
|
};
|
|
Binary file
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Props, Emits } from '../type';
|
|
2
2
|
export declare const useImageUpload: (props: Props, emits: Emits) => {
|
|
3
|
-
isAccept: import("vue").ComputedRef<string
|
|
3
|
+
isAccept: import("vue").ComputedRef<string>;
|
|
4
4
|
uploadStatus: any;
|
|
5
5
|
loading: import("vue").ComputedRef<boolean>;
|
|
6
6
|
errored: import("vue").ComputedRef<boolean>;
|