@das-fed/ui 6.4.0-hot.1 → 6.4.0-hot.11

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

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

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

@@ -1,14 +1,14 @@
 import type { FormProps, Props as FormItemProps, Emits } from '../type';
 export declare const useForm: (formItemProps: FormItemProps, emit: Emits, isShow: any) => {
-    innerValue: import("vue").Ref<any>;
-    selectModelValue: import("vue").Ref<any>;
+    innerValue: import("vue").Ref<any, any>;
+    selectModelValue: import("vue").Ref<any, any>;
     errored: import("vue").ComputedRef<boolean>;
     erroredMode: import("vue").ComputedRef<"default" | "overlay" | undefined>;
-    innerError: import("vue").Ref<any>;
+    innerError: import("vue").Ref<any, any>;
     labelWidth: string;
     formLabelMarginRight: import("vue").ComputedRef<string | undefined>;
     contentWidth: string;
-    flexConfig: import("vue").Ref<string | number>;
+    flexConfig: import("vue").Ref<string | number, string | number>;
     marginRight: import("vue").ComputedRef<string>;
     marginBottom: import("vue").ComputedRef<string>;
     formProps: FormProps;

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

@@ -1 +1 @@
-.das-ui-form-item[data-v-0753670b]{display:flex;flex-direction:column}.das-ui-form-item.top[data-v-0753670b]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-0753670b]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-0753670b]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-0753670b]{text-align:left}.das-ui-form-item.right[data-v-0753670b]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-0753670b]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-0753670b]{width:auto}.das-ui-form-item.flex-layout[data-v-0753670b]{width:100%}.das-ui-form-item.flex-layout .das-ui-form-container[data-v-0753670b]{flex:1}.das-ui-form-item .das-ui-form-item-label[data-v-0753670b]{font-size:var(--das-ui-font-size-sm);height:18px;line-height:18px}.das-ui-form-item .das-ui-form-item-label .label[data-v-0753670b]{width:fit-content;position:relative;max-width:100%;display:flex;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-0753670b]{width:100%}.das-ui-form-item .das-ui-form-item-label .label.required-mark[data-v-0753670b]:after{content:"*";position:absolute;top:0;right:-8px;width:6px;height:18px;line-height:18px;text-align:left;color:var(--das-ui-form-error-label-color)}.das-ui-form-item .das-ui-form-item-label .label .help-icon[data-v-0753670b]{position:absolute;right:-28px;top:1px}.das-ui-form-item .das-ui-form-item-label .label .help-icon.no-required[data-v-0753670b]{right:-20px}.das-ui-form-item .das-ui-form-container[data-v-0753670b]{display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-0753670b]{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-0753670b]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-input-number-overlay-error-bg-color);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-0753670b]{position:absolute;top:100%;left:0;width:var(--9a99ea4a)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}
+.das-ui-form-item[data-v-038a33ec]{display:flex;flex-direction:column}.das-ui-form-item.marin-right-0[data-v-038a33ec]{margin-right:0!important}.das-ui-form-item.top[data-v-038a33ec]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-038a33ec]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-038a33ec]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-038a33ec]{text-align:left}.das-ui-form-item.right[data-v-038a33ec]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-038a33ec]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-038a33ec]{width:auto}.das-ui-form-item.flex-layout[data-v-038a33ec]{width:100%}.das-ui-form-item.flex-layout .das-ui-form-container[data-v-038a33ec]{flex:1}.das-ui-form-item .das-ui-form-item-label[data-v-038a33ec]{font-size:var(--das-ui-font-size-sm);height:18px;line-height:18px}.das-ui-form-item .das-ui-form-item-label .label[data-v-038a33ec]{width:fit-content;position:relative;max-width:100%;display:flex;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-038a33ec]{width:100%}.das-ui-form-item .das-ui-form-item-label .label.required-mark[data-v-038a33ec]:after{content:"*";position:absolute;top:0;right:-8px;width:6px;height:18px;line-height:18px;text-align:left;color:var(--das-ui-form-error-label-color)}.das-ui-form-item .das-ui-form-item-label .label .help-icon[data-v-038a33ec]{position:absolute;right:-28px;top:1px}.das-ui-form-item .das-ui-form-item-label .label .help-icon.no-required[data-v-038a33ec]{right:-20px}.das-ui-form-item .das-ui-form-container[data-v-038a33ec]{display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-038a33ec]{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-038a33ec]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-input-number-overlay-error-bg-color);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-038a33ec]{position:absolute;top:100%;left:0;width:var(--24e0dfa6)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}

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

@@ -1,43 +1,9 @@
 import DasBaseIcon from './src/base-icon.vue';
 import { DasRegisterIcon, DasAutoRegisterIcon, DasAutoRegisterAllIcon } from './src/icon';
-declare const DasIcon: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"small" | "big" | "large" | "medium" | "mini">;
-        default: string;
-    };
-    icon: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    customSize: {
-        type: import("vue").PropType<string | number>;
-    };
-    iconColor: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"small" | "big" | "large" | "medium" | "mini">;
-        default: string;
-    };
-    icon: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    customSize: {
-        type: import("vue").PropType<string | number>;
-    };
-    iconColor: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>>, {
+declare const DasIcon: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{}>, {
     size: "large" | "big" | "medium" | "small" | "mini";
     icon: string;
     iconColor: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasIcon, DasBaseIcon, DasRegisterIcon, DasAutoRegisterIcon, DasAutoRegisterAllIcon };
 export default DasIcon;

package/packages/components/icon/index.js

@@ -23,13 +23,19 @@ const re = ["innerHTML"], oe = /* @__PURE__ */ h({
         "--color": u.iconColor
       };
     });
-    return (t, Hu) => (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, Hu) => (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;

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

@@ -1,32 +1,7 @@
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    icon: string;
-    size: string;
-    iconColor: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    icon: string;
-    size: string;
-    iconColor: string;
-}>>>, {
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "large" | "big" | "medium" | "small" | "mini";
     icon: string;
     iconColor: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/packages/components/icon/src/base-icon.vue.d.ts

@@ -1,41 +1,21 @@
 import type { Props } from './type';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    icon: string;
-    size: string;
-    iconColor: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    icon: string;
-    size: string;
-    iconColor: string;
-}>>>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "large" | "big" | "medium" | "small" | "mini";
     icon: string;
     iconColor: string;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -1,88 +1,16 @@
 import '@das-fed/ui/packages/global/theme';
-declare const DasImageUpload: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    status: {
-        type: import("vue").PropType<"error" | "normal" | "uploading">;
-        default: string;
-    };
-    autoContentType: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    errorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    acceptVideo: {
-        type: import("vue").PropType<boolean>;
-    };
-    acceptAudio: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxSize: {
-        type: import("vue").PropType<string | number>;
-    };
-    customCheck: {
-        type: import("vue").PropType<(file: import("ant-design-vue").UploadFile) => boolean | Promise>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:status": (val: any) => void;
-    "image-upload": (file: import("ant-design-vue").UploadFile<any>) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    status: {
-        type: import("vue").PropType<"error" | "normal" | "uploading">;
-        default: string;
-    };
-    autoContentType: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    errorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    acceptVideo: {
-        type: import("vue").PropType<boolean>;
-    };
-    acceptAudio: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxSize: {
-        type: import("vue").PropType<string | number>;
-    };
-    customCheck: {
-        type: import("vue").PropType<(file: import("ant-design-vue").UploadFile) => boolean | Promise>;
-    };
-}>> & {
+declare const DasImageUpload: import("@das-fed/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;
+}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:status"?: ((val: any) => any) | undefined;
     "onImage-upload"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
-}, {
+}>, {
     message: string;
     status: "normal" | "uploading" | "error";
     maxCount: number;
     errorMessage: string;
     accept: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasImageUpload };
 export default DasImageUpload;

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

@@ -1,85 +1,85 @@
 import '@das-fed/ui/packages/components/image-upload/style.css';
-import { withInstall as $ } from "@das-fed/utils/with-install/index";
-import { i18n as b, t as w, setI18nRule as B } from "@das-fed/web/packages/i18n/index";
-import { getVar as S, setThemeRule as U } from "@das-fed/web/packages/theme/index";
-import { computed as z, defineComponent as D, openBlock as k, createElementBlock as j, withDirectives as N, createVNode as v, unref as a, normalizeClass as E, withCtx as h, createElementVNode as y, toDisplayString as T, vShow as M, createTextVNode as F } from "vue";
-import { UploadDragger as G, Upload as P } from "ant-design-vue";
+import { withInstall as B } from "@das-fed/utils/with-install/index";
+import { i18n as b, t as N, setI18nRule as U } from "@das-fed/web/packages/i18n/index";
+import { getVar as S, setThemeRule as D } from "@das-fed/web/packages/theme/index";
+import { computed as w, defineComponent as k, openBlock as j, createElementBlock as E, createCommentVNode as $, withDirectives as z, createVNode as v, unref as a, normalizeClass as F, withCtx as y, createElementVNode as h, toDisplayString as T, vShow as V, createTextVNode as G } from "vue";
+import { UploadDragger as P, Upload as R } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasSpin as R } from "@das-fed/ui/packages/components/spin/index";
-import { DasButton as J } from "@das-fed/ui/packages/components/button/index";
-import { DasIconAddto as H } from "@das-fed/ui/packages/icons/addto/index";
-import { DasIconWarning as K } from "@das-fed/ui/packages/icons/warning/index";
-import { DasMessage as V } from "@das-fed/ui/packages/components/message/index";
-import { useModelValue as O } from "@das-fed/utils/vue";
+import { DasSpin as J } from "@das-fed/ui/packages/components/spin/index";
+import { DasButton as H } from "@das-fed/ui/packages/components/button/index";
+import { DasIconAddto as K } from "@das-fed/ui/packages/icons/addto/index";
+import { DasIconWarning as O } from "@das-fed/ui/packages/icons/warning/index";
+import { DasMessage as M } from "@das-fed/ui/packages/components/message/index";
+import { useModelValue as W } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const W = () => ({ size2B: (t) => {
+const q = () => ({ size2B: (t) => {
   isNaN(Number(t)) ? t = t.toString() : t = t + "M";
-  const o = Number(t.slice(0, -1)), p = t[t.length - 1].toUpperCase(), r = 1024, g = {
-    M: r * r,
-    K: r,
+  const o = Number(t.slice(0, -1)), p = t[t.length - 1].toUpperCase(), s = 1024, g = {
+    M: s * s,
+    K: s,
     B: 1
   };
   return { finalSize: o * g[p], sizeText: t };
-} }), q = (e, t) => {
-  const o = O(e, "status"), { size2B: p } = W(), r = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], g = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], i = z(() => {
-    var n;
+} }), L = (e, t) => {
+  const o = W(e, "status"), { size2B: p } = q(), s = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], g = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], l = w(() => {
+    var r;
     if (e.acceptVideo || e.acceptAudio) {
-      let l = e.accept ? (n = e.accept) == null ? void 0 : n.split(",") : [];
-      return e.acceptVideo && (l = [...l, ...r]), e.acceptAudio && (l = [...l, ...g]), l.join(",");
+      let n = e.accept ? (r = e.accept) == null ? void 0 : r.split(",") : [];
+      return e.acceptVideo && (n = [...n, ...s]), e.acceptAudio && (n = [...n, ...g]), n.join(",");
     } else
       return e.accept;
-  }), A = z(() => o.value === "uploading"), _ = z(() => o.value === "error");
-  return { isAccept: i, uploadStatus: o, loading: A, errored: _, beforeupload: (n) => {
-    var C, I;
+  }), A = w(() => o.value === "uploading"), x = w(() => o.value === "error");
+  return { isAccept: l, uploadStatus: o, loading: A, errored: x, beforeupload: (r) => {
+    var _, I;
     if (e.maxSize) {
-      const { finalSize: s, sizeText: c } = p(e.maxSize);
-      if (n.size > s) {
+      const { finalSize: i, sizeText: c } = p(e.maxSize);
+      if (r.size > i) {
         const u = !e.acceptAudio && !e.acceptVideo ? b(`上传的图片大小不能超过${c}的JPG、JPEG、PNG、GIF、SVG文件`).value : b(
-          `上传的图片大小不能超过${c}的${(C = i.value) == null ? void 0 : C.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}文件`
+          `上传的图片大小不能超过${c}的${(_ = l.value) == null ? void 0 : _.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}文件`
         ).value, m = e.errorMessage || u;
-        return V.warning(m), t("update:status", "normal"), o.value = "normal", !1;
+        return M.warning(m), t("update:status", "normal"), o.value = "normal", !1;
       }
     }
-    const l = () => (o.value = "uploading", t("update:status", "uploading"), t("image-upload", n), !1);
+    const n = () => (o.value = "uploading", t("update:status", "uploading"), t("image-upload", r), !1);
     if (e.customCheck) {
-      const s = e.customCheck(n);
-      if (s instanceof Promise)
+      const i = e.customCheck(r);
+      if (i instanceof Promise)
         return new Promise(async (c, u) => {
           let m;
           try {
-            m = await s.then();
+            m = await i.then();
           } catch {
             m = !1;
           }
-          m ? l() : u(!1);
+          m ? n() : u(!1);
         });
-      if (!s)
+      if (!i)
         return t("update:status", "normal"), o.value = "normal", !1;
-    } else if (i.value)
+    } else if (l.value)
       if (!e.acceptAudio && !e.acceptVideo) {
-        const s = i.value.split(",").map((c) => {
+        const i = l.value.split(",").map((c) => {
           let u = c.trim().slice(1);
           return u === "svg" && (u = "svg+xml"), `image/${u}`;
         }) ?? [];
-        if (s.includes("image/jpg") && !s.includes("image/jpeg") && s.push("image/jpeg"), !s.includes(n.type)) {
+        if (i.includes("image/jpg") && !i.includes("image/jpeg") && i.push("image/jpeg"), !i.includes(r.type)) {
           const c = e.errorMessage || b(
-            `上传的图片格式只能是${i.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}格式`
+            `上传的图片格式只能是${l.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}格式`
           ).value;
-          return V.warning(c), !1;
+          return M.warning(c), !1;
         }
       } else {
-        const s = i.value.split(",").map((d) => {
+        const i = l.value.split(",").map((d) => {
           let f = d.trim().slice(1);
           return f === "svg" && (f = "svg+xml"), `image/${f}`;
-        }) ?? [], c = r.map((d) => `video/${d.split(".")[1]}`) ?? [], u = g.map((d) => `audio/${d.split(".")[1]}`) ?? [], m = r.map((d) => `audio/${d.split(".")[1]}`) ?? [];
-        if (![...s, ...c, ...u, ...m].includes(n.type)) {
-          const d = e.errorMessage || b(`上传的文件格式只能是${(I = i.value) == null ? void 0 : I.toUpperCase()}格式`).value;
-          return V.warning(d), !1;
+        }) ?? [], c = s.map((d) => `video/${d.split(".")[1]}`) ?? [], u = g.map((d) => `audio/${d.split(".")[1]}`) ?? [], m = s.map((d) => `audio/${d.split(".")[1]}`) ?? [];
+        if (![...i, ...c, ...u, ...m].includes(r.type)) {
+          const d = e.errorMessage || b(`上传的文件格式只能是${(I = l.value) == null ? void 0 : I.toUpperCase()}格式`).value;
+          return M.warning(d), !1;
         }
       }
-    return l();
+    return n();
   } };
-}, L = { class: "das-ui-image-upload" }, Q = { class: "das-ui-image-upload-dragger-context" }, X = { class: "text" }, Y = { class: "das-ui-image-upload-error-container" }, Z = { class: "tips-container" }, ee = { class: "text" }, ae = /* @__PURE__ */ D({
+}, Q = { class: "das-ui-image-upload" }, X = { class: "das-ui-image-upload-dragger-context" }, Y = { class: "text" }, Z = { class: "das-ui-image-upload-error-container" }, ee = { class: "tips-container" }, ae = { class: "text" }, te = /* @__PURE__ */ k({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -95,89 +95,123 @@ const W = () => ({ size2B: (t) => {
   },
   emits: ["update:status", "image-upload"],
   setup(e, { emit: t }) {
-    const o = e, p = t, { isAccept: r, uploadStatus: g, loading: i, errored: A, beforeupload: _ } = q(o, p);
-    return (x, n) => (k(), j("div", L, [
-      N(v(a(R), {
-        class: E([{ "loading-border": a(i) }]),
+    const o = e, p = t, { isAccept: s, uploadStatus: g, loading: l, errored: A, beforeupload: x } = L(o, p);
+    return (C, r) => (j(), E("div", Q, [
+      $(" 图片上传组件 "),
+      z(v(a(J), {
+        class: F([{ "loading-border": a(l) }]),
         type: "component",
-        spinning: a(i)
+        spinning: a(l)
       }, {
-        default: h(() => [
-          v(a(G), {
+        default: y(() => [
+          v(a(P), {
             class: "das-ui-image-upload-dragger",
-            accept: a(r),
-            "max-count": x.maxCount,
-            "before-upload": a(_)
+            accept: a(s),
+            "max-count": C.maxCount,
+            "before-upload": a(x)
           }, {
-            itemRender: h(({ file: l, actions: C }) => []),
-            default: h(() => [
-              N(y("div", Q, [
-                v(a(H), {
-                  iconColor: a(S)("--das-ui-color-secondary")
-                }, null, 8, ["iconColor"]),
-                y("div", X, T(x.message || a(w)("das-image-upload-text")), 1)
-              ], 512), [
-                [M, a(g) === "normal"]
+            itemRender: y(({ file: n, actions: _ }) => r[0] || (r[0] = [])),
+            default: y(() => [
+              z(h(
+                "div",
+                X,
+                [
+                  v(a(K), {
+                    iconColor: a(S)("--das-ui-color-secondary")
+                  }, null, 8, ["iconColor"]),
+                  h(
+                    "div",
+                    Y,
+                    T(C.message || a(N)("das-image-upload-text")),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                512
+                /* NEED_PATCH */
+              ), [
+                [V, a(g) === "normal"]
               ])
             ]),
             _: 1
+            /* STABLE */
           }, 8, ["accept", "max-count", "before-upload"])
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [M, !a(A)]
+        [V, !a(A)]
       ]),
-      N(y("div", Y, [
-        y("div", Z, [
-          v(a(K), {
-            iconColor: a(S)("--das-ui-color-danger"),
-            size: "small"
-          }, null, 8, ["iconColor"]),
-          y("div", ee, T(a(w)("das-image-upload-fail")), 1)
-        ]),
-        v(a(P), {
-          accept: a(r),
-          "before-upload": a(_),
-          "max-count": x.maxCount
-        }, {
-          itemRender: h(({ file: l, actions: C }) => []),
-          default: h(() => [
-            v(a(J), {
-              "btn-type": "primary-text",
-              block: ""
-            }, {
-              default: h(() => [
-                F(T(a(w)("das-image-upload-reupload")), 1)
-              ]),
-              _: 1
-            })
+      $(" 错误状态 "),
+      z(h(
+        "div",
+        Z,
+        [
+          h("div", ee, [
+            v(a(O), {
+              iconColor: a(S)("--das-ui-color-danger"),
+              size: "small"
+            }, null, 8, ["iconColor"]),
+            h(
+              "div",
+              ae,
+              T(a(N)("das-image-upload-fail")),
+              1
+              /* TEXT */
+            )
           ]),
-          _: 1
-        }, 8, ["accept", "before-upload", "max-count"])
-      ], 512), [
-        [M, a(A)]
+          v(a(R), {
+            accept: a(s),
+            "before-upload": a(x),
+            "max-count": C.maxCount
+          }, {
+            itemRender: y(({ file: n, actions: _ }) => r[1] || (r[1] = [])),
+            default: y(() => [
+              v(a(H), {
+                "btn-type": "primary-text",
+                block: ""
+              }, {
+                default: y(() => [
+                  G(
+                    T(a(N)("das-image-upload-reupload")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["accept", "before-upload", "max-count"])
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
+        [V, a(A)]
       ])
     ]));
   }
-}), te = (e, t) => {
+}), oe = (e, t) => {
   const o = e.__vccOpts || e;
-  for (const [p, r] of t)
-    o[p] = r;
+  for (const [p, s] of t)
+    o[p] = s;
   return o;
-}, oe = /* @__PURE__ */ te(ae, [["__scopeId", "data-v-45524fb8"]]), re = {
+}, re = /* @__PURE__ */ oe(te, [["__scopeId", "data-v-c7870c47"]]), se = {
   "das-image-upload-text": { "zh-CN": "上传图片", en: "test" },
   "das-image-upload-reupload": { "zh-CN": "重新上传", en: "test" },
   "das-image-upload-fail": { "zh-CN": "上传失败", en: "test" }
-}, se = {
+}, ie = {
   "--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-image-upload-border-color": { light: "#E5E5E5" },
   "--das-ui-image-upload-bgcolor-hover": { light: S("--das-ui-color-primary-level1") },
   "--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
   "--das-ui-image-upload-border-color-error": { light: S("--das-ui-color-danger-level2") }
-}, _e = $(oe);
-B(re);
+}, Ce = B(re);
 U(se);
+D(ie);
 export {
-  _e as DasImageUpload,
-  _e as default
+  Ce as DasImageUpload,
+  Ce as default
 };