@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

package/packages/components/form-item/src/Index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/packages/components/form-item/src/hooks/use-error.d.ts

@@ -1,17 +1,6 @@
-export declare const useError: (props: any) => {
+export declare const useError: () => {
     $dasFormItem: import("vue").Ref<any, any>;
     isHoverInInput: import("vue").Ref<boolean, boolean>;
-    errorModalBaseSyle: import("vue").ComputedRef<{
-        'font-size': string;
-        'background-color': any;
-        'box-shadow': string;
-        'border-radius': string;
-        padding: string;
-        'box-sizing': string;
-        'z-index': any;
-    }>;
-    errorModelStyle: import("vue").ComputedRef<any>;
-    errorLabelStyle: import("vue").Ref<Record<any, any>, Record<any, any>>;
     errorModalInputMouseEnter: () => void;
     errorModallInputMouseLeave: () => void;
 };

package/packages/components/form-item/style.css

@@ -1 +1 @@
-.das-ui-form-item[data-v-22a7585c]{display:flex;flex-direction:column;min-width:0}.das-ui-form-item.marin-right-0[data-v-22a7585c]{margin-right:0!important}.das-ui-form-item.top[data-v-22a7585c]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-22a7585c]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-22a7585c]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-22a7585c]{text-align:left}.das-ui-form-item.right[data-v-22a7585c]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-22a7585c]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-22a7585c]{width:auto}.das-ui-form-item.flex-layout[data-v-22a7585c]{width:100%}.das-ui-form-item .das-ui-form-item-label[data-v-22a7585c]{flex-shrink:0}.das-ui-form-item .das-ui-form-item-label.size-small[data-v-22a7585c]{height:24px;line-height:24px;font-size:12px}.das-ui-form-item .das-ui-form-item-label.size-default[data-v-22a7585c]{height:32px;line-height:32px;font-size:14px}.das-ui-form-item .das-ui-form-item-label.size-large[data-v-22a7585c]{height:40px;line-height:40px;font-size:14px}.das-ui-form-item .das-ui-form-item-label .label[data-v-22a7585c]{width:fit-content;position:relative;max-width:100%;display:flex;align-items:center;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-22a7585c]{width:100%}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner[data-v-22a7585c]{position:relative}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-22a7585c]{position:relative;padding-left:var(--264dc6d7)}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-22a7585c]:before{content:"*";position:absolute;left:0;width:var(--264dc6d7);color:var(--das-ui-form-error-label-color);font-weight:700}.das-ui-form-item .das-ui-form-item-label .label .help-icon-container[data-v-22a7585c]{height:100%;display:flex;align-items:center;justify-content:center}.das-ui-form-item .das-ui-form-container[data-v-22a7585c]{flex:1;min-width:0;display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-22a7585c]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-form-error-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-22a7585c]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--das-ui-form-error-label-color)}.das-form-item-overlay-error-label-content[data-v-22a7585c]{position:absolute;top:100%;left:0;width:var(--597ea72a)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}
+.das-ui-form-item[data-v-065309fb]{display:flex;flex-direction:column;min-width:0}.das-ui-form-item.marin-right-0[data-v-065309fb]{margin-right:0!important}.das-ui-form-item.top[data-v-065309fb]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-065309fb]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-065309fb]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-065309fb]{text-align:left}.das-ui-form-item.right[data-v-065309fb]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-065309fb]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-065309fb]{width:auto}.das-ui-form-item.flex-layout[data-v-065309fb]{width:100%}.das-ui-form-item .das-ui-form-item-label[data-v-065309fb]{flex-shrink:0}.das-ui-form-item .das-ui-form-item-label.size-small[data-v-065309fb]{height:24px;line-height:24px;font-size:12px}.das-ui-form-item .das-ui-form-item-label.size-default[data-v-065309fb]{height:32px;line-height:32px;font-size:14px}.das-ui-form-item .das-ui-form-item-label.size-large[data-v-065309fb]{height:40px;line-height:40px;font-size:14px}.das-ui-form-item .das-ui-form-item-label .label[data-v-065309fb]{width:fit-content;position:relative;max-width:100%;display:flex;align-items:center;color:var(--upf-text-secondary)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-065309fb]{width:100%}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner[data-v-065309fb]{position:relative}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-065309fb]{position:relative;padding-left:var(--v4e03e0ce)}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-065309fb]:before{content:"*";position:absolute;left:0;width:var(--v4e03e0ce);color:var(--upf-color-error);font-weight:700}.das-ui-form-item .das-ui-form-item-label .label .help-icon-container[data-v-065309fb]{height:100%;display:flex;align-items:center;justify-content:center}.das-ui-form-item .das-ui-form-container[data-v-065309fb]{flex:1;min-width:0;display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-065309fb]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--upf-message-error-text, var(--upf-color-error));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-065309fb]{position:absolute;width:100%;left:0;top:100%;background-color:var(--upf-message-error-bg, var(--upf-bg-primary));box-shadow:var(--upf-box-shadow-elevated, 0 4px 12px rgba(38, 38, 38, .12));border-radius:var(--upf-border-radius, 4px);padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--upf-message-error-text, var(--upf-color-error))}.das-form-item-overlay-error-label-content[data-v-065309fb]{position:absolute;top:100%;left:0;width:var(--v17c65c28)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}

package/packages/components/icon/index.js

@@ -23,13 +23,19 @@ const re = ["innerHTML"], oe = /* @__PURE__ */ h({
         "--color": u.iconColor
       };
     });
-    return (t, Zu) => (d(), Y("i", {
-      class: "das-icon",
-      style: q(o.value)
-    }, [
-      K("use", { innerHTML: n.value }, null, 8, re),
-      Q(t.$slots, "default")
-    ], 4));
+    return (t, Zu) => (d(), Y(
+      "i",
+      {
+        class: "das-icon",
+        style: q(o.value)
+      },
+      [
+        K("use", { innerHTML: n.value }, null, 8, re),
+        Q(t.$slots, "default")
+      ],
+      4
+      /* STYLE */
+    ));
   }
 });
 var ne = typeof global == "object" && global && global.Object === Object && global, te = typeof self == "object" && self && self.Object === Object && self, ae = ne || te || Function("return this")(), c = ae.Symbol;
@@ -370,7 +376,7 @@ const Nu = (e) => {
   if (!e || !e.then) return;
   const u = await e;
   Object.keys(u).map((r) => {
-    f.value[r] = u[r];
+    f[r] = u[r];
   });
 }, Vu = async (e) => {
   var u;

package/packages/components/icon/src/icon.d.ts

@@ -0,0 +1,13 @@
+import type { Component, ShallowRef } from 'vue';
+declare let iconComponents: import("vue").ShallowReactive<Record<string, Component>>;
+declare let iconRaws: ShallowRef<Record<string, string>>;
+declare const getIconComponent: (name?: string) => "" | Component;
+declare const DasAutoRegisterIcon: (dynamicImportIconMap: {
+    [key: string]: Promise<any>;
+}) => Promise<void>;
+declare const DasAutoRegisterAllIcon: (dynamicImport?: Promise<any>) => Promise<void>;
+declare const DasRegisterIcon: (data: {
+    name: string;
+    raw: string | Promise<any>;
+}[]) => Promise<void>;
+export { iconComponents, iconRaws, getIconComponent, DasRegisterIcon, DasAutoRegisterIcon, DasAutoRegisterAllIcon };

package/packages/components/image-upload/index.d.ts

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/global/theme';
 declare const DasImageUpload: import("@das-fed/upf-utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:status": (val: any) => any;
     "image-upload": (file: import("ant-design-vue").UploadFile<any>) => any;

package/packages/components/image-upload/index.js

@@ -1,71 +1,69 @@
 import '@das-fed/upf-ui/packages/components/image-upload/style.css';
-import { withInstall as j } from "@das-fed/upf-utils/with-install/index";
-import { currentLang as S, i18n as F, t as A, setI18nRule as E } from "@das-fed/upf-web/packages/i18n/index";
-import { getVar as _, setThemeRule as R } from "@das-fed/upf-web/packages/theme/index";
-import { computed as w, defineComponent as K, openBlock as W, createElementBlock as P, withDirectives as N, createVNode as g, unref as o, normalizeClass as H, withCtx as f, createElementVNode as v, toDisplayString as M, vShow as $, createTextVNode as L } from "vue";
-import { UploadDragger as q, Upload as G } from "ant-design-vue";
+import { withInstall as F } from "@das-fed/upf-utils/with-install/index";
+import { currentLang as O, i18n as A, t as z, setI18nRule as E } from "@das-fed/upf-web/packages/i18n/index";
+import { computed as _, defineComponent as R, openBlock as K, createElementBlock as W, createCommentVNode as S, withDirectives as b, createVNode as p, unref as o, normalizeClass as P, withCtx as m, createElementVNode as h, toDisplayString as w, vShow as N, createTextVNode as H } from "vue";
+import { UploadDragger as L, Upload as q } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasSpin as J } from "@das-fed/upf-ui/packages/components/spin/index";
-import { DasButton as Q } from "@das-fed/upf-ui/packages/components/button/index";
-import { DasIconAddto as X } from "@das-fed/upf-ui/packages/icons/addto/index";
-import { DasIconWarning as Y } from "@das-fed/upf-ui/packages/icons/warning/index";
+import { DasSpin as G } from "@das-fed/upf-ui/packages/components/spin/index";
+import { DasButton as J } from "@das-fed/upf-ui/packages/components/button/index";
+import { DasIconAddto as Q } from "@das-fed/upf-ui/packages/icons/addto/index";
+import { DasIconWarning as X } from "@das-fed/upf-ui/packages/icons/warning/index";
 import { DasMessage as I } from "@das-fed/upf-ui/packages/components/message/index";
-import { getFileExtension as Z } from "@das-fed/upf-utils/common-tools";
-import { useModelValue as ee } from "@das-fed/upf-utils/vue";
-import "@das-fed/upf-ui/packages/global/theme";
-const ae = () => ({ size2B: (t) => {
+import { getFileExtension as Y } from "@das-fed/upf-utils/common-tools";
+import { useModelValue as Z } from "@das-fed/upf-utils/vue";
+const ee = () => ({ size2B: (t) => {
   isNaN(Number(t)) ? t = t.toString() : t = t + "M";
-  const i = Number(t.slice(0, -1)), n = t[t.length - 1].toUpperCase(), l = 1024, h = {
-    M: l * l,
-    K: l,
+  const i = Number(t.slice(0, -1)), r = t[t.length - 1].toUpperCase(), n = 1024, g = {
+    M: n * n,
+    K: n,
     B: 1
   };
-  return { finalSize: i * h[n], sizeText: t };
-} }), oe = (a, t) => {
-  const i = ee(a, "status"), { size2B: n } = ae(), l = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], h = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], s = w(() => {
-    var c;
-    let e = a.accept ? (c = a.accept) == null ? void 0 : c.split(",") : [];
-    return e.includes("image/jpg") && !e.includes("image/jpeg") && e.push("image/jpeg"), e.includes(".jpg") && !e.includes(".jpeg") && e.push(".jpeg"), a.acceptVideo && (e = [...e, ...l]), a.acceptAudio && (e = [...e, ...h]), e.join(",");
-  }), y = w(() => i.value === "uploading"), k = w(() => i.value === "error");
-  return { isAccept: s, uploadStatus: i, loading: y, errored: k, beforeupload: (e) => {
-    var z, D, O;
-    if (a.maxSize) {
-      const { finalSize: d, sizeText: u } = n(a.maxSize);
-      if (e.size > d) {
-        const C = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", p = S.value === "zh-CN" ? "、" : ", ", x = F(
+  return { finalSize: i * g[r], sizeText: t };
+} }), ae = (e, t) => {
+  const i = Z(e, "status"), { size2B: r } = ee(), n = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], g = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], s = _(() => {
+    var f;
+    let a = e.accept ? (f = e.accept) == null ? void 0 : f.split(",") : [];
+    return a.includes("image/jpg") && !a.includes("image/jpeg") && a.push("image/jpeg"), a.includes(".jpg") && !a.includes(".jpeg") && a.push(".jpeg"), e.acceptVideo && (a = [...a, ...n]), e.acceptAudio && (a = [...a, ...g]), a.join(",");
+  }), v = _(() => i.value === "uploading"), y = _(() => i.value === "error");
+  return { isAccept: s, uploadStatus: i, loading: v, errored: y, beforeupload: (a) => {
+    var M, $, D;
+    if (e.maxSize) {
+      const { finalSize: c, sizeText: u } = r(e.maxSize);
+      if (a.size > c) {
+        const C = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", d = O.value === "zh-CN" ? "、" : ", ", k = A(
           C,
           u,
-          ((O = (D = (z = s.value) == null ? void 0 : z.toUpperCase()) == null ? void 0 : D.replaceAll(".", "")) == null ? void 0 : O.replaceAll(",", p)) ?? ""
-        ).value, b = a.errorMessage || x;
-        return I.warning(b), t("update:status", "normal"), i.value = "normal", !1;
+          ((D = ($ = (M = s.value) == null ? void 0 : M.toUpperCase()) == null ? void 0 : $.replace(/\./g, "")) == null ? void 0 : D.replace(/,/g, d)) ?? ""
+        ).value, x = e.errorMessage || k;
+        return I.warning(x), t("update:status", "normal"), i.value = "normal", !1;
       }
     }
-    const c = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", e), !1);
-    if (a.customCheck) {
-      const d = a.customCheck(e);
-      if (d instanceof Promise)
+    const f = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", a), !1);
+    if (e.customCheck) {
+      const c = e.customCheck(a);
+      if (c instanceof Promise)
         return new Promise(async (u, C) => {
-          let p;
+          let d;
           try {
-            p = await d.then();
+            d = await c.then();
           } catch {
-            p = !1;
+            d = !1;
           }
-          p ? c() : C(!1);
+          d ? f() : C(!1);
         });
-      if (!d)
+      if (!c)
         return t("update:status", "normal"), i.value = "normal", !1;
     } else if (s.value) {
-      const d = s.value.split(",").filter((r) => r.trim().startsWith(".")).map((r) => r.trim()), u = s.value.split(",").filter((r) => !r.trim().startsWith(".")).map((r) => r.trim()), C = Z(e.name), p = d.includes(C);
-      let x = u.includes("image/*") && e.type.split("/")[0].trim() === "image", b = u.includes("video/*") && e.type.split("/")[0].trim() === "video", T = u.includes("audio/*") && e.type.split("/")[0].trim() === "audio", B = u.includes(e.type) || x || b || T;
-      if (!p && !B) {
-        const r = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", U = S.value === "zh-CN" ? "、" : ", ", V = a.errorMessage || F(r, s.value.toUpperCase().replaceAll(".", "").replaceAll(",", U)).value;
-        return I.warning(V), !1;
+      const c = s.value.split(",").filter((l) => l.trim().startsWith(".")).map((l) => l.trim()), u = s.value.split(",").filter((l) => !l.trim().startsWith(".")).map((l) => l.trim()), C = Y(a.name), d = c.includes(C);
+      let k = u.includes("image/*") && a.type.split("/")[0].trim() === "image", x = u.includes("video/*") && a.type.split("/")[0].trim() === "video", T = u.includes("audio/*") && a.type.split("/")[0].trim() === "audio", U = u.includes(a.type) || k || x || T;
+      if (!d && !U) {
+        const l = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", V = O.value === "zh-CN" ? "、" : ", ", j = e.errorMessage || A(l, s.value.toUpperCase().replace(/\./g, "").replace(/,/g, V)).value;
+        return I.warning(j), !1;
       }
     }
-    return c();
+    return f();
   } };
-}, te = { class: "das-ui-image-upload" }, ie = { class: "das-ui-image-upload-dragger-context" }, le = { class: "text" }, se = { class: "das-ui-image-upload-error-container" }, re = { class: "tips-container" }, ne = { class: "text" }, ce = /* @__PURE__ */ K({
+}, te = { class: "das-ui-image-upload" }, oe = { class: "das-ui-image-upload-dragger-context" }, ie = { class: "text" }, ne = { class: "das-ui-image-upload-error-container" }, se = { class: "tips-container" }, le = { class: "text" }, re = /* @__PURE__ */ R({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -81,79 +79,111 @@ const ae = () => ({ size2B: (t) => {
     openFileDialogOnClick: { type: Boolean, default: !0 }
   },
   emits: ["update:status", "image-upload"],
-  setup(a, { emit: t }) {
-    const i = a, n = t, { isAccept: l, uploadStatus: h, loading: s, errored: y, beforeupload: k } = oe(i, n);
-    return (m, e) => (W(), P("div", te, [
-      N(g(o(J), {
-        class: H([{ "loading-border": o(s) }]),
+  setup(e, { emit: t }) {
+    const i = e, r = t, { isAccept: n, uploadStatus: g, loading: s, errored: v, beforeupload: y } = ae(i, r);
+    return (B, a) => (K(), W("div", te, [
+      S(" 图片上传组件 "),
+      b(p(o(G), {
+        class: P([{ "loading-border": o(s) }]),
         type: "component",
         spinning: o(s)
       }, {
-        default: f(() => [
-          g(o(q), {
+        default: m(() => [
+          p(o(L), {
             class: "das-ui-image-upload-dragger",
-            accept: o(l),
-            "max-count": m.maxCount,
-            "before-upload": o(k),
-            openFileDialogOnClick: m.openFileDialogOnClick
+            accept: o(n),
+            "max-count": e.maxCount,
+            "before-upload": o(y),
+            openFileDialogOnClick: e.openFileDialogOnClick
           }, {
-            itemRender: f(({ file: c, actions: z }) => e[0] || (e[0] = [])),
-            default: f(() => [
-              N(v("div", ie, [
-                g(o(X), {
-                  iconColor: o(_)("--das-ui-color-secondary")
-                }, null, 8, ["iconColor"]),
-                v("div", le, M(m.message || o(A)("das-image-upload-text")), 1)
-              ], 512), [
-                [$, o(h) === "normal"]
+            itemRender: m(({}) => [...a[0] || (a[0] = [])]),
+            default: m(() => [
+              b(h(
+                "div",
+                oe,
+                [
+                  p(o(Q), { iconColor: "var(--upf-text-secondary)" }),
+                  h(
+                    "div",
+                    ie,
+                    w(e.message || o(z)("das-image-upload-text")),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                512
+                /* NEED_PATCH */
+              ), [
+                [N, o(g) === "normal"]
               ])
             ]),
             _: 1
+            /* STABLE */
           }, 8, ["accept", "max-count", "before-upload", "openFileDialogOnClick"])
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [$, !o(y)]
+        [N, !o(v)]
       ]),
-      N(v("div", se, [
-        v("div", re, [
-          g(o(Y), {
-            iconColor: o(_)("--das-ui-color-danger"),
-            size: "small"
-          }, null, 8, ["iconColor"]),
-          v("div", ne, M(o(A)("das-image-upload-fail")), 1)
-        ]),
-        g(o(G), {
-          accept: o(l),
-          "before-upload": o(k),
-          "max-count": m.maxCount,
-          openFileDialogOnClick: m.openFileDialogOnClick
-        }, {
-          itemRender: f(({ file: c, actions: z }) => e[1] || (e[1] = [])),
-          default: f(() => [
-            g(o(Q), {
-              "btn-type": "primary-text",
-              block: ""
-            }, {
-              default: f(() => [
-                L(M(o(A)("das-image-upload-reupload")), 1)
-              ]),
-              _: 1
-            })
+      S(" 错误状态 "),
+      b(h(
+        "div",
+        ne,
+        [
+          h("div", se, [
+            p(o(X), {
+              iconColor: "var(--upf-color-error)",
+              size: "small"
+            }),
+            h(
+              "div",
+              le,
+              w(o(z)("das-image-upload-fail")),
+              1
+              /* TEXT */
+            )
           ]),
-          _: 1
-        }, 8, ["accept", "before-upload", "max-count", "openFileDialogOnClick"])
-      ], 512), [
-        [$, o(y)]
+          p(o(q), {
+            accept: o(n),
+            "before-upload": o(y),
+            "max-count": e.maxCount,
+            openFileDialogOnClick: e.openFileDialogOnClick
+          }, {
+            itemRender: m(({}) => [...a[1] || (a[1] = [])]),
+            default: m(() => [
+              p(o(J), {
+                "btn-type": "primary-text",
+                block: ""
+              }, {
+                default: m(() => [
+                  H(
+                    w(o(z)("das-image-upload-reupload")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["accept", "before-upload", "max-count", "openFileDialogOnClick"])
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
+        [N, o(v)]
       ])
     ]));
   }
-}), de = (a, t) => {
-  const i = a.__vccOpts || a;
-  for (const [n, l] of t)
-    i[n] = l;
+}), ce = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [r, n] of t)
+    i[r] = n;
   return i;
-}, ue = /* @__PURE__ */ de(ce, [["__scopeId", "data-v-e1e2f34d"]]), pe = {
+}, ue = /* @__PURE__ */ ce(re, [["__scopeId", "data-v-4eb3ab93"]]), de = {
   "das-ui-import-upload-key1": {
     "zh-CN": "上传的图片格式只能是$0",
     en: "The uploaded picture format can only be $0",
@@ -181,16 +211,9 @@ const ae = () => ({ size2B: (t) => {
   "das-image-upload-text": { "zh-CN": "上传图片", en: "Upload Image", "zh-MO": "上傳圖片", _appCode: "framework" },
   "das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-upload", "zh-MO": "重新上傳", _appCode: "framework" },
   "das-image-upload-fail": { "zh-CN": "上传失败", en: "Uploaded Failed", "zh-MO": "上傳失敗", _appCode: "framework" }
-}, me = {
-  "--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
-  "--das-ui-image-upload-border-color": { light: "#E5E5E5" },
-  "--das-ui-image-upload-bgcolor-hover": { light: _("--das-ui-color-primary-level1") },
-  "--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
-  "--das-ui-image-upload-border-color-error": { light: _("--das-ui-color-danger-level2") }
-}, Me = j(ue);
-E(pe);
-R(me);
+}, be = F(ue);
+E(de);
 export {
-  Me as DasImageUpload,
-  Me as default
+  be as DasImageUpload,
+  be as default
 };

package/packages/components/image-upload/style.css

@@ -1 +1 @@
-.das-ui-image-upload[data-v-e1e2f34d]{height:100px;width:100px}.das-ui-image-upload .loading-border[data-v-e1e2f34d]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-e1e2f34d] .das-ui-image-upload-dragger.ant-upload-drag{width:100%;height:100%;background:var(--das-ui-image-upload-bgcolor);border-color:var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-e1e2f34d] .das-ui-image-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-image-upload-bgcolor-hover);border-color:var(--das-ui-image-upload-border-color-hover)}.das-ui-image-upload[data-v-e1e2f34d] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn{padding:31px 0}.das-ui-image-upload[data-v-e1e2f34d] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-image-upload[data-v-e1e2f34d] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context .text{font-size:12px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:18px;font-weight:400}.das-ui-image-upload .das-ui-image-upload-error-container[data-v-e1e2f34d]{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--das-ui-color-danger);background-color:var(--das-ui-image-upload-border-color-error)}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container[data-v-e1e2f34d]{display:flex;align-items:center;color:var(--das-ui-color-danger);font-size:12px}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container .text[data-v-e1e2f34d]{margin-left:4px}
+.das-ui-image-upload[data-v-4eb3ab93]{height:100px;width:100px}.das-ui-image-upload .loading-border[data-v-4eb3ab93]{border:1px dashed var(--upf-border-color);border-radius:var(--upf-border-radius)}.das-ui-image-upload[data-v-4eb3ab93] .das-ui-image-upload-dragger.ant-upload-drag{width:100%;height:100%;background:var(--upf-bg-secondary);border-color:var(--upf-border-color);border-radius:var(--upf-border-radius)}.das-ui-image-upload[data-v-4eb3ab93] .das-ui-image-upload-dragger.ant-upload-drag:hover{background:var(--upf-color-primary-bg);border-color:var(--upf-color-primary)}.das-ui-image-upload[data-v-4eb3ab93] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn{padding:31px 0}.das-ui-image-upload[data-v-4eb3ab93] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-image-upload[data-v-4eb3ab93] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context .text{font-size:12px;color:var(--upf-text-secondary);letter-spacing:0;text-align:center;line-height:18px;font-weight:400}.das-ui-image-upload .das-ui-image-upload-error-container[data-v-4eb3ab93]{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--upf-color-error);border-radius:var(--upf-border-radius);background-color:var(--upf-bg-primary)}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container[data-v-4eb3ab93]{display:flex;align-items:center;color:var(--upf-color-error);font-size:12px}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container .text[data-v-4eb3ab93]{margin-left:4px}

package/packages/components/image-viewer/index.d.ts

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/global/theme';
 declare const DasImageViewer: import("@das-fed/upf-utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: string) => any;
     "update:status": (val: string) => any;
@@ -20,6 +19,7 @@ declare const DasImageViewer: import("@das-fed/upf-utils").SFCWithInstall<import
     style: any;
     status: "normal" | "uploading" | "error" | "info";
     needPreview: boolean;
+    accept: string;
     previewBtnConfig: boolean | {
         zoom_in?: boolean;
         zoom_out?: boolean;
@@ -27,7 +27,6 @@ declare const DasImageViewer: import("@das-fed/upf-utils").SFCWithInstall<import
         turn_right?: boolean;
         full_screen?: boolean;
     };
-    accept: string;
     openFileDialogOnClick: boolean;
     requestConfig: any;
     minioTokenApi: string;