@das-fed/ui 6.4.0-hot.9.1 → 6.4.0-test.10

package/packages/components/image-viewer/src/Index.vue.d.ts

@@ -16,9 +16,9 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     onDownloadImage?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
 }>, {
-    status: "normal" | "uploading" | "error" | "info";
     style: any;
     mode: "upload" | "view";
+    status: "normal" | "uploading" | "error" | "info";
     needPreview: boolean;
     previewBtnConfig: boolean | {
         zoom_in?: boolean;

package/packages/components/image-viewer/src/hooks/use-imageViewer.d.ts

@@ -3,7 +3,7 @@ export declare const useImageViewer: (props: Props, emits: Emits) => {
     url: any;
     singlePreviewList: import("vue").ComputedRef<string[]>;
     multiPreviewList: import("vue").ComputedRef<string[]>;
-    isAccept: import("vue").ComputedRef<string | undefined>;
+    isAccept: import("vue").ComputedRef<string>;
     loading: import("vue").ComputedRef<boolean>;
     uploadStatus: any;
     previewBtns: import("vue").ComputedRef<string[]>;
@@ -13,7 +13,7 @@ export declare const useImageViewer: (props: Props, emits: Emits) => {
     multiPreviewName: import("vue").Ref<string[], string[]>;
     getFileType: (filename: string) => "isImg" | "isVideo" | "isAudio";
     delImg: (delurl: string, index?: number) => void;
-    changeAssets: (file: any, index: number) => Promise<unknown>;
+    beforeupload: (file: any, index: number) => Promise<unknown>;
     uploadImg: (file: any) => Promise<void>;
     onDownload: (url: string, index?: number) => void;
     handleImageClick: () => void;

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

@@ -1 +1 @@
-.das-ui-image-viewer[data-v-83ebcff7]{width:100px;height:100px;box-sizing:border-box;background-color:#e2e7ef;position:relative;border-radius:2px}.das-ui-image-viewer .loading-border[data-v-83ebcff7]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-viewer .image-context[data-v-83ebcff7]{width:100%;height:100%}.das-ui-image-viewer .operate-container[data-v-83ebcff7]{visibility:hidden;position:absolute;bottom:0;height:28px;width:100%;background-color:var(--das-ui-image-viewer-bg-color);display:flex;justify-content:center;align-items:center;padding:0 8px}.das-ui-image-viewer .operate-container[data-v-83ebcff7] .m-l-20{margin-left:20px}.das-ui-image-viewer .operate-container[data-v-83ebcff7] .m-t-6{margin-top:6px}.das-ui-image-viewer .operate-container[data-v-83ebcff7] .operate-btn{cursor:pointer}.das-ui-image-viewer .operate-container[data-v-83ebcff7] .operate-btn:hover{fill:var(--das-ui-image-viewer-btn-hover)}.das-ui-image-viewer .operate-container[data-v-83ebcff7] .operate-btn.active,.das-ui-image-viewer .operate-container[data-v-83ebcff7] .operate-btn.visited{fill:var(--das-ui-image-viewer-btn-active)}.das-ui-image-viewer:hover .operate-container[data-v-83ebcff7]{visibility:visible}.image-name[data-v-83ebcff7]{font-size:12px;color:var(--das-ui-color-normal);letter-spacing:0;line-height:18px;font-weight:400;margin-top:4px;width:100px}.das-ui-image-viewer-groups[data-v-83ebcff7]{display:flex}.das-ui-image-viewer-groups .das-ui-image-viewer-container+.das-ui-image-viewer-container[data-v-83ebcff7]{margin-left:28px}.no-data-img[data-v-83ebcff7]{max-width:100%}.das-image-viewer-preview-btn-groups .el-image-viewer__actions,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-image-viewer__actions__divider,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-icon{display:none}.das-image-viewer-preview-btn-groups.zoom_in,.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions .el-icon:nth-child(2){display:block}.das-image-viewer-preview-btn-groups.zoom_out,.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions .el-icon:nth-child(1){display:block}.das-image-viewer-preview-btn-groups.turn_left,.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions .el-icon:nth-child(6){display:block}.das-image-viewer-preview-btn-groups.turn_right,.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions .el-icon:nth-child(7){display:block}.das-image-viewer-preview-btn-groups.full_screen,.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions .el-icon:nth-child(4){display:block}
+.das-ui-image-viewer[data-v-a6b067e7]{width:100px;height:100px;box-sizing:border-box;background-color:#e2e7ef;position:relative;border-radius:2px}.das-ui-image-viewer .loading-border[data-v-a6b067e7]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-viewer .image-context[data-v-a6b067e7]{width:100%;height:100%}.das-ui-image-viewer .operate-container[data-v-a6b067e7]{visibility:hidden;position:absolute;bottom:0;height:28px;width:100%;background-color:var(--das-ui-image-viewer-bg-color);display:flex;justify-content:center;align-items:center;padding:0 8px}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .m-l-20{margin-left:20px}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .m-t-6{margin-top:6px}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn{cursor:pointer}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn:hover{fill:var(--das-ui-image-viewer-btn-hover)}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn.active,.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn.visited{fill:var(--das-ui-image-viewer-btn-active)}.das-ui-image-viewer:hover .operate-container[data-v-a6b067e7]{visibility:visible}.image-name[data-v-a6b067e7]{font-size:12px;color:var(--das-ui-color-normal);letter-spacing:0;line-height:18px;font-weight:400;margin-top:4px;width:100px}.das-ui-image-viewer-groups[data-v-a6b067e7]{display:flex}.das-ui-image-viewer-groups .das-ui-image-viewer-container+.das-ui-image-viewer-container[data-v-a6b067e7]{margin-left:28px}.no-data-img[data-v-a6b067e7]{max-width:100%}.das-image-viewer-preview-btn-groups .el-image-viewer__actions,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-image-viewer__actions__divider,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-icon{display:none}.das-image-viewer-preview-btn-groups.zoom_in,.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions .el-icon:nth-child(2){display:block}.das-image-viewer-preview-btn-groups.zoom_out,.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions .el-icon:nth-child(1){display:block}.das-image-viewer-preview-btn-groups.turn_left,.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions .el-icon:nth-child(6){display:block}.das-image-viewer-preview-btn-groups.turn_right,.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions .el-icon:nth-child(7){display:block}.das-image-viewer-preview-btn-groups.full_screen,.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions .el-icon:nth-child(4){display:block}

package/packages/components/index.d.ts

@@ -65,6 +65,7 @@ export * from './tooltip';
 export * from './tree';
 export * from './tree-select';
 export * from './tree-table';
+export * from './tree-v2';
 export * from './upload';
 export * from './virtual-tree';
 export * from './watermark';

package/packages/components/index.js

@@ -65,6 +65,7 @@ export * from './tooltip'
 export * from './tree'
 export * from './tree-select'
 export * from './tree-table'
+export * from './tree-v2'
 export * from './upload'
 export * from './virtual-tree'
 export * from './watermark'

package/packages/components/input/i18n/index.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    共: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    项: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    请输入: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;

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

@@ -1,25 +1,25 @@
 declare const DasInput: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        onChange?: ((val: string | number) => any) | undefined;
     }>, {
         $refInput: import("vue").Ref<any, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (val: any) => any;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").Props> & Readonly<{
-        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-    }>, {
-        size: "default" | "table";
-        error: boolean;
+        change: (val: string | number) => any;
+    }, import("vue").PublicProps, {
         type: string;
-        success: boolean;
+        size: "default" | "table";
         disabled: boolean;
-        width: string | number;
         modelValue: any;
         teleported: boolean;
+        success: boolean;
+        width: string | number;
         borderType: string;
         placeholder: string;
         isView: boolean;
         successLabel: string;
+        error: boolean;
         errorLabel: string;
         isErrorTitle: boolean;
         isTitle: boolean;
@@ -44,21 +44,22 @@ declare const DasInput: import("@das-fed/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("./src/type.js").Props> & Readonly<{
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        onChange?: ((val: string | number) => any) | undefined;
     }>, {
         $refInput: import("vue").Ref<any, any>;
     }, {}, {}, {}, {
-        size: "default" | "table";
-        error: boolean;
         type: string;
-        success: boolean;
+        size: "default" | "table";
         disabled: boolean;
-        width: string | number;
         modelValue: any;
         teleported: boolean;
+        success: boolean;
+        width: string | number;
         borderType: string;
         placeholder: string;
         isView: boolean;
         successLabel: string;
+        error: boolean;
         errorLabel: string;
         isErrorTitle: boolean;
         isTitle: boolean;
@@ -80,23 +81,25 @@ declare const DasInput: import("@das-fed/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    onChange?: ((val: string | number) => any) | undefined;
 }>, {
     $refInput: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: any) => any;
+    change: (val: string | number) => any;
 }, string, {
-    size: "default" | "table";
-    error: boolean;
     type: string;
-    success: boolean;
+    size: "default" | "table";
     disabled: boolean;
-    width: string | number;
     modelValue: any;
     teleported: boolean;
+    success: boolean;
+    width: string | number;
     borderType: string;
     placeholder: string;
     isView: boolean;
     successLabel: string;
+    error: boolean;
     errorLabel: string;
     isErrorTitle: boolean;
     isTitle: boolean;

package/packages/components/input/index.js

@@ -1,36 +1,37 @@
 import '@das-fed/ui/packages/components/input/style.css';
-import { withInstall as Y } from "@das-fed/utils/with-install/index";
-import { getVarValue as D, setThemeRule as _ } from "@das-fed/web/packages/theme/index";
-import { defineComponent as ee, computed as n, ref as r, watch as B, nextTick as C, openBlock as s, createElementBlock as d, normalizeStyle as w, normalizeClass as N, createCommentVNode as i, createVNode as R, unref as F, withCtx as y, mergeProps as te, createSlots as oe, renderSlot as T, toDisplayString as L, Fragment as le, createBlock as re, Teleport as ae, createElementVNode as $ } from "vue";
+import { withInstall as te } from "@das-fed/utils/with-install/index";
+import { getVarValue as N, setThemeRule as oe } from "@das-fed/web/packages/theme/index";
+import { defineComponent as le, computed as n, ref as a, watch as B, nextTick as D, openBlock as u, createElementBlock as f, normalizeStyle as E, normalizeClass as R, createCommentVNode as d, createVNode as F, unref as P, withCtx as y, mergeProps as ae, createSlots as re, renderSlot as T, toDisplayString as k, Fragment as se, createBlock as ie, Teleport as ne, createElementVNode as z } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as se } from "element-plus";
-import { DasTooltip as ie } from "@das-fed/ui/packages/components/tooltip/index";
-const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], ne = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), de = (l) => {
+import { ElInput as ue } from "element-plus";
+import { DasTooltip as de } from "@das-fed/ui/packages/components/tooltip/index";
+import { t as pe, setI18nRule as fe } from "@das-fed/web/packages/i18n/index";
+const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], ve = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), me = (l) => {
   if (l)
-    return typeof l == "string" && ne(l) || typeof l == "string" && ue.includes(l) ? l : l + "px";
-}, pe = {
+    return typeof l == "string" && ve(l) || typeof l == "string" && ce.includes(l) ? l : l + "px";
+}, be = {
   key: 0,
   class: "das-input-label-content"
-}, fe = {
+}, ye = {
   key: 0,
   class: "das-input-success-label"
-}, ce = {
+}, he = {
   key: 1,
   class: "das-input-label-content"
-}, ve = ["title"], me = {
+}, ge = ["title"], xe = {
   key: 1,
   class: "das-input-overlay-error-label-content"
-}, be = { class: "label" }, ye = {
+}, Be = { class: "label" }, Te = {
   inheritAttrs: !1
-}, he = /* @__PURE__ */ ee({
-  ...ye,
+}, ke = /* @__PURE__ */ le({
+  ...Te,
   __name: "index",
   props: {
     modelValue: { default: "" },
     type: { default: "text" },
     width: { default: "" },
     borderType: { default: "bottom" },
-    placeholder: { default: "请输入" },
+    placeholder: { default: "" },
     size: { default: "default" },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
@@ -51,112 +52,116 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     maxLength: { default: 0 },
     filterSpace: { type: Boolean, default: !0 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(l, { expose: h, emit: g }) {
-    const o = l, k = n(() => `width:${de(o.width)}`), P = n(() => {
+    const o = l, L = n(() => o.placeholder || pe("请输入")), O = n(() => `width:${me(o.width)}`), U = n(() => {
       const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
       return e || t && t || !1;
-    }), W = g, m = n({
+    }), $ = g, b = n({
       get: () => o.modelValue,
-      set: (e) => W("update:modelValue", e)
-    }), O = r(o.isTitle), u = r(!1), M = r(), a = r(), S = r(!1), U = n(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), A = n(() => o.isView || o.disabled), Z = n(() => A.value ? o.noSetDefaultVal ? "" : "-" : o.placeholder ?? ""), E = r(!1), p = r(0), f = r(0), x = r({
+      set: (e) => $("update:modelValue", e)
+    }), A = a(o.isTitle), p = a(!1), W = a(), r = a(), S = a(!1), Z = n(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), j = n(() => o.isView || o.disabled), H = n(() => j.value ? o.noSetDefaultVal ? "" : "-" : L.value ?? ""), w = a(!1), c = a(0), v = a(0), x = a({
       x: 0,
       y: 0
-    }), z = r(0), j = r({
+    }), M = a(0), q = a({
       "font-size": "12px",
-      "background-color": D("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": N("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "2px 8px",
-      "word-break": "break-all",
+      // 'word-break': 'break-all',
       "box-sizing": "border-box"
-    }), H = n(() => ({
-      ...j.value,
-      width: z.value + "px",
+    }), G = n(() => ({
+      ...q.value,
+      width: M.value + "px",
       position: "fixed",
       visibility: "visible",
       top: x.value.y + "px",
       left: x.value.x + "px",
       "z-index": o.errorModelZIndex
-    })), q = r({
+    })), J = a({
       display: "block",
-      color: D("--das-ui-input-error-color").value,
+      color: N("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
-    }), G = () => {
-      var b, V, I;
-      const { top: e, left: t } = (b = a.value) == null ? void 0 : b.$el.getBoundingClientRect(), v = (V = a.value) == null ? void 0 : V.$el.clientHeight;
-      z.value = (I = a.value) == null ? void 0 : I.$el.clientWidth, x.value.x = t, x.value.y = e + v;
+    }), K = () => {
+      var i, C, I, V;
+      const { top: e = 0, left: t = 0 } = ((C = (i = r.value) == null ? void 0 : i.$el) == null ? void 0 : C.getBoundingClientRect()) ?? {}, s = (I = r.value) == null ? void 0 : I.$el.clientHeight;
+      M.value = (V = r.value) == null ? void 0 : V.$el.clientWidth, x.value.x = t, x.value.y = e + s;
     };
     B(
       () => {
         var e;
-        return (e = a.value) == null ? void 0 : e.textarea;
+        return (e = r.value) == null ? void 0 : e.textarea;
       },
       (e) => {
-        C(() => {
+        D(() => {
           var t;
           e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
         });
       }
     );
-    const J = () => {
+    const Q = (e) => {
+      let t = e + "";
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), b.value = t, $("change", t);
+    }, X = () => {
       var t;
-      o.borderType === "bottom" && (E.value = !0);
-      const e = (t = a.value) == null ? void 0 : t.textarea;
+      o.borderType === "bottom" && (w.value = !0);
+      const e = (t = r.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block");
-    }, K = () => {
+    }, Y = () => {
       var t;
-      o.type !== "textarea" && o.filterSpace && W("update:modelValue", m.value.trim()), o.borderType === "bottom" && (E.value = !1);
-      const e = (t = a.value) == null ? void 0 : t.textarea;
+      o.borderType === "bottom" && (w.value = !1);
+      const e = (t = r.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "none");
     };
     B(
-      () => a.value,
+      () => r.value,
       (e) => {
         setTimeout(() => {
+          var s, i;
           const t = e;
-          t && (p.value = t == null ? void 0 : t.ref.offsetWidth, f.value = t == null ? void 0 : t.ref.scrollWidth);
+          t && (c.value = ((s = t == null ? void 0 : t.ref) == null ? void 0 : s.offsetWidth) ?? 0, v.value = ((i = t == null ? void 0 : t.ref) == null ? void 0 : i.scrollWidth) ?? 0);
         }, 200);
       }
     ), B(
-      () => m.value,
+      () => b.value,
       (e) => {
-        C(() => {
-          var t, v, b;
-          (t = a.value) != null && t.ref && (p.value = (v = a.value) == null ? void 0 : v.ref.offsetWidth, f.value = (b = a.value) == null ? void 0 : b.ref.scrollWidth, (p.value === f.value || f.value - p.value < 5) && (u.value = !1));
+        D(() => {
+          var t, s, i;
+          (t = r.value) != null && t.ref && (c.value = (s = r.value) == null ? void 0 : s.ref.offsetWidth, v.value = (i = r.value) == null ? void 0 : i.ref.scrollWidth, (c.value === v.value || v.value - c.value < 5) && (p.value = !1));
         });
       }
     );
-    const c = r(), Q = () => {
-      p.value === f.value || f.value - p.value < 5 ? u.value = !1 : (u.value = !0, c.value && clearTimeout(c.value)), S.value = !0, G();
+    const m = a(), _ = () => {
+      c.value === v.value || v.value - c.value < 5 ? p.value = !1 : (p.value = !0, m.value && clearTimeout(m.value)), S.value = !0, K();
     };
     B(
       () => {
         var e;
-        return (e = M.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = W.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          u.value = !0, c.value && clearTimeout(c.value);
+          p.value = !0, m.value && clearTimeout(m.value);
         }), e.addEventListener("mouseleave", function() {
-          c.value = setTimeout(() => {
-            u.value = !1;
+          m.value = setTimeout(() => {
+            p.value = !1;
           }, 200);
         }));
       }
     );
-    const X = () => {
-      c.value = setTimeout(() => {
-        u.value = !1;
+    const ee = () => {
+      m.value = setTimeout(() => {
+        p.value = !1;
       }, 200), S.value = !1;
     };
     return h({
-      $refInput: a
-    }), (e, t) => (s(), d(
+      $refInput: r
+    }), (e, t) => (u(), f(
       "div",
       {
-        style: w(k.value),
-        class: N([
+        style: E(O.value),
+        class: R([
           "das-ui-input",
           { "only-border-bottom": e.borderType === "bottom" },
           { "das-input-normal-size": e.size === "default" },
@@ -164,25 +169,25 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
         ])
       },
       [
-        i(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        R(F(ie), {
+        d(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        F(P(de), {
           ref_key: "inputTooltipRef",
-          ref: M,
+          ref: W,
           effect: "light",
           manual: !0,
-          visible: u.value,
-          disabled: !O.value,
-          content: m.value,
+          visible: p.value,
+          disabled: !A.value,
+          content: b.value,
           placement: "top"
         }, {
           default: y(() => [
-            R(F(se), te({
+            F(P(ue), ae({
               ref_key: "$refInput",
-              ref: a
+              ref: r
             }, e.$attrs, {
-              modelValue: m.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (v) => m.value = v),
-              placeholder: Z.value,
+              modelValue: b.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (s) => b.value = s),
+              placeholder: H.value,
               disabled: e.disabled,
               readonly: e.isView,
               type: o.type,
@@ -190,23 +195,24 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
                 { "is-view": e.isView },
                 { "das-input-success": e.success },
                 { "das-input-error": e.error },
-                { "input-focus-color": E.value }
+                { "input-focus-color": w.value }
               ],
               autosize: o.autosize,
-              showWordLimit: U.value,
-              maxlength: P.value,
-              onFocus: J,
-              onBlur: K,
-              onMouseenter: Q,
-              onMouseleave: X
-            }), oe({
+              showWordLimit: Z.value,
+              maxlength: U.value,
+              onChange: Q,
+              onFocus: X,
+              onBlur: Y,
+              onMouseenter: _,
+              onMouseleave: ee
+            }), re({
               _: 2
               /* DYNAMIC */
             }, [
               e.$slots.prepend ? {
                 name: "prepend",
                 fn: y(() => [
-                  i(" 输入框前置内容 "),
+                  d(" 输入框前置内容 "),
                   T(e.$slots, "prepend", {}, void 0, !0)
                 ]),
                 key: "0"
@@ -214,7 +220,7 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
               e.$slots.append ? {
                 name: "append",
                 fn: y(() => [
-                  i(" 输入框后置内容 "),
+                  d(" 输入框后置内容 "),
                   T(e.$slots, "append", {}, void 0, !0)
                 ]),
                 key: "1"
@@ -238,42 +244,42 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
           _: 3
           /* FORWARDED */
         }, 8, ["visible", "disabled", "content"]),
-        e.success && e.successLabel ? (s(), d("div", pe, [
-          e.success ? (s(), d(
+        e.success && e.successLabel ? (u(), f("div", be, [
+          e.success ? (u(), f(
             "span",
-            fe,
-            L(e.successLabel),
+            ye,
+            k(e.successLabel),
             1
             /* TEXT */
-          )) : i("v-if", !0)
-        ])) : i("v-if", !0),
-        e.error && e.errorLabel && e.errorMode === "default" ? (s(), d("div", ce, [
-          e.error ? (s(), d("span", {
+          )) : d("v-if", !0)
+        ])) : d("v-if", !0),
+        e.error && e.errorLabel && e.errorMode === "default" ? (u(), f("div", he, [
+          e.error ? (u(), f("span", {
             key: 0,
-            class: N(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
+            class: R(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
             title: e.isErrorTitle ? e.errorLabel : ""
-          }, L(e.errorLabel), 11, ve)) : i("v-if", !0)
-        ])) : i("v-if", !0),
-        e.error && e.errorLabel && S.value && e.errorMode === "overlay" ? (s(), d(
-          le,
+          }, k(e.errorLabel), 11, ge)) : d("v-if", !0)
+        ])) : d("v-if", !0),
+        e.error && e.errorLabel && S.value && e.errorMode === "overlay" ? (u(), f(
+          se,
           { key: 2 },
           [
-            e.teleported ? (s(), re(ae, {
+            e.teleported ? (u(), ie(ne, {
               key: 0,
               to: "body"
             }, [
-              $(
+              z(
                 "div",
                 {
-                  style: w(H.value)
+                  style: E(G.value)
                 },
                 [
-                  $(
+                  z(
                     "span",
                     {
-                      style: w(q.value)
+                      style: E(J.value)
                     },
-                    L(e.errorLabel),
+                    k(e.errorLabel),
                     5
                     /* TEXT, STYLE */
                   )
@@ -281,11 +287,11 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
                 4
                 /* STYLE */
               )
-            ])) : (s(), d("div", me, [
-              $(
+            ])) : (u(), f("div", xe, [
+              z(
                 "span",
-                be,
-                L(e.errorLabel),
+                Be,
+                k(e.errorLabel),
                 1
                 /* TEXT */
               )
@@ -293,18 +299,18 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : i("v-if", !0)
+        )) : d("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ge = (l, h) => {
+}), Le = (l, h) => {
   const g = l.__vccOpts || l;
-  for (const [o, k] of h)
-    g[o] = k;
+  for (const [o, L] of h)
+    g[o] = L;
   return g;
-}, xe = /* @__PURE__ */ ge(he, [["__scopeId", "data-v-cb3bfbf1"]]), Be = {
+}, Se = /* @__PURE__ */ Le(ke, [["__scopeId", "data-v-70e8c421"]]), we = {
   "--das-ui-input-default-text-color": "#212121",
   "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
   "--das-ui-input-full-border-color": "#D9D9D9",
@@ -321,10 +327,15 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   "--das-ui-input-only-bottom-view-border-color": "#E5E5E5",
   "--das-ui-input-success-color": "#1BA854",
   "--das-ui-input-error-color": "#FB2323"
+}, Ee = {
+  共: { "zh-CN": "共", en: "Total", _appCode: "framework" },
+  项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
+  请输入: { "zh-CN": "请输入", en: "Please Enter", _appCode: "framework" }
 };
-_(Be);
-const $e = Y(xe);
+fe(Ee);
+oe(we);
+const Ne = te(Se);
 export {
-  $e as DasInput,
-  $e as default
+  Ne as DasInput,
+  Ne as default
 };

package/packages/components/input/src/index.vue.d.ts

@@ -4,21 +4,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     $refInput: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: any) => any;
+    change: (val: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    onChange?: ((val: string | number) => any) | undefined;
 }>, {
-    size: "default" | "table";
-    error: boolean;
     type: string;
-    success: boolean;
+    size: "default" | "table";
     disabled: boolean;
-    width: string | number;
     modelValue: any;
     teleported: boolean;
+    success: boolean;
+    width: string | number;
     borderType: string;
     placeholder: string;
     isView: boolean;
     successLabel: string;
+    error: boolean;
     errorLabel: string;
     isErrorTitle: boolean;
     isTitle: boolean;

package/packages/components/input/src/type.d.ts

@@ -55,6 +55,7 @@ export interface Props {
 }
 export interface Emits {
   (e: 'update:modelValue', val: any): void
+  (e: 'change', val: string | number): void
 }
 export type Exposes = {