@das-fed/ui 6.4.0-dev.20 → 6.4.0-dev.21

package/packages/components/input/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/input/style.css';
 import { withInstall as Y } from "@das-fed/utils/with-install/index";
 import { getVarValue as V, setThemeRule as _ } from "@das-fed/web/packages/theme/index";
-import { defineComponent as ee, computed as u, ref as r, watch as B, nextTick as D, openBlock as s, createElementBlock as n, normalizeStyle as w, normalizeClass as C, createVNode as N, unref as R, withCtx as m, mergeProps as te, createSlots as oe, renderSlot as T, toDisplayString as L, createCommentVNode as b, Fragment as le, createBlock as re, Teleport as ae, createElementVNode as $ } from "vue";
+import { defineComponent as ee, computed as n, ref as r, watch as B, nextTick as D, openBlock as s, createElementBlock as d, normalizeStyle as w, normalizeClass as C, createCommentVNode as i, createVNode as N, unref as R, withCtx as b, 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 "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";
@@ -52,13 +52,13 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   },
   emits: ["update:modelValue"],
   setup(l, { expose: y, emit: h }) {
-    const o = l, k = u(() => `width:${de(o.width)}`), F = u(() => {
+    const o = l, k = n(() => `width:${de(o.width)}`), F = n(() => {
       const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
       return e || t && t || !1;
-    }), P = h, g = u({
+    }), P = h, g = n({
       get: () => o.modelValue,
       set: (e) => P("update:modelValue", e)
-    }), O = r(o.isTitle), i = r(!1), W = r(), a = r(), S = r(!1), U = u(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), A = u(() => o.isView || o.disabled), Z = u(() => A.value ? o.noSetDefaultVal ? "" : "-" : o.placeholder ?? ""), E = r(!1), d = r(0), p = r(0), x = r({
+    }), O = r(o.isTitle), u = r(!1), W = 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({
       x: 0,
       y: 0
     }), M = r(0), j = r({
@@ -69,7 +69,7 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
       padding: "2px 8px",
       "word-break": "break-all",
       "box-sizing": "border-box"
-    }), H = u(() => ({
+    }), H = n(() => ({
       ...j.value,
       width: M.value + "px",
       position: "fixed",
@@ -82,9 +82,9 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
       color: V("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
     }), G = () => {
-      var v, z, I;
-      const { top: e, left: t } = (v = a.value) == null ? void 0 : v.$el.getBoundingClientRect(), c = (z = a.value) == null ? void 0 : z.$el.clientHeight;
-      M.value = (I = a.value) == null ? void 0 : I.$el.clientWidth, x.value.x = t, x.value.y = e + c;
+      var m, z, I;
+      const { top: e, left: t } = (m = a.value) == null ? void 0 : m.$el.getBoundingClientRect(), v = (z = a.value) == null ? void 0 : z.$el.clientHeight;
+      M.value = (I = a.value) == null ? void 0 : I.$el.clientWidth, x.value.x = t, x.value.y = e + v;
     };
     B(
       () => {
@@ -114,20 +114,20 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
       (e) => {
         setTimeout(() => {
           const t = e;
-          t && (d.value = t == null ? void 0 : t.ref.offsetWidth, p.value = t == null ? void 0 : t.ref.scrollWidth);
+          t && (p.value = t == null ? void 0 : t.ref.offsetWidth, f.value = t == null ? void 0 : t.ref.scrollWidth);
         }, 200);
       }
     ), B(
       () => g.value,
       (e) => {
         D(() => {
-          var t, c, v;
-          (t = a.value) != null && t.ref && (d.value = (c = a.value) == null ? void 0 : c.ref.offsetWidth, p.value = (v = a.value) == null ? void 0 : v.ref.scrollWidth, (d.value === p.value || p.value - d.value < 5) && (i.value = !1));
+          var t, v, m;
+          (t = a.value) != null && t.ref && (p.value = (v = a.value) == null ? void 0 : v.ref.offsetWidth, f.value = (m = a.value) == null ? void 0 : m.ref.scrollWidth, (p.value === f.value || f.value - p.value < 5) && (u.value = !1));
         });
       }
     );
-    const f = r(), Q = () => {
-      d.value === p.value || p.value - d.value < 5 ? i.value = !1 : (i.value = !0, f.value && clearTimeout(f.value)), S.value = !0, G();
+    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();
     };
     B(
       () => {
@@ -136,131 +136,174 @@ const ue = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          i.value = !0, f.value && clearTimeout(f.value);
+          u.value = !0, c.value && clearTimeout(c.value);
         }), e.addEventListener("mouseleave", function() {
-          f.value = setTimeout(() => {
-            i.value = !1;
+          c.value = setTimeout(() => {
+            u.value = !1;
           }, 200);
         }));
       }
     );
     const X = () => {
-      f.value = setTimeout(() => {
-        i.value = !1;
+      c.value = setTimeout(() => {
+        u.value = !1;
       }, 200), S.value = !1;
     };
     return y({
       $refInput: a
-    }), (e, t) => (s(), n("div", {
-      style: w(k.value),
-      class: C([
-        "das-ui-input",
-        { "only-border-bottom": e.borderType === "bottom" },
-        { "das-input-normal-size": e.size === "default" },
-        { "das-input-table-size": e.size === "table" }
-      ])
-    }, [
-      N(R(ie), {
-        ref_key: "inputTooltipRef",
-        ref: W,
-        effect: "light",
-        manual: !0,
-        visible: i.value,
-        disabled: !O.value,
-        content: g.value,
-        placement: "top"
-      }, {
-        default: m(() => [
-          N(R(se), te({
-            ref_key: "$refInput",
-            ref: a
-          }, e.$attrs, {
-            modelValue: g.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (c) => g.value = c),
-            placeholder: Z.value,
-            disabled: e.disabled,
-            readonly: e.isView,
-            type: o.type,
-            class: [
-              { "is-view": e.isView },
-              { "das-input-success": e.success },
-              { "das-input-error": e.error },
-              { "input-focus-color": E.value }
-            ],
-            autosize: o.autosize,
-            showWordLimit: U.value,
-            maxlength: F.value,
-            onFocus: J,
-            onBlur: K,
-            onMouseenter: Q,
-            onMouseleave: X
-          }), oe({ _: 2 }, [
-            e.$slots.prepend ? {
-              name: "prepend",
-              fn: m(() => [
-                T(e.$slots, "prepend", {}, void 0, !0)
-              ]),
-              key: "0"
-            } : void 0,
-            e.$slots.append ? {
-              name: "append",
-              fn: m(() => [
-                T(e.$slots, "append", {}, void 0, !0)
-              ]),
-              key: "1"
-            } : void 0,
-            e.$slots.suffix ? {
-              name: "suffix",
-              fn: m(() => [
-                T(e.$slots, "suffix", {}, void 0, !0)
-              ]),
-              key: "2"
-            } : void 0,
-            e.$slots.prefix ? {
-              name: "prefix",
-              fn: m(() => [
-                T(e.$slots, "prefix", {}, void 0, !0)
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "class", "autosize", "showWordLimit", "maxlength"])
-        ]),
-        _: 3
-      }, 8, ["visible", "disabled", "content"]),
-      e.success && e.successLabel ? (s(), n("div", pe, [
-        e.success ? (s(), n("span", fe, L(e.successLabel), 1)) : b("", !0)
-      ])) : b("", !0),
-      e.error && e.errorLabel && e.errorMode === "default" ? (s(), n("div", ce, [
-        e.error ? (s(), n("span", {
-          key: 0,
-          class: C(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
-          title: e.isErrorTitle ? e.errorLabel : ""
-        }, L(e.errorLabel), 11, ve)) : b("", !0)
-      ])) : b("", !0),
-      e.error && e.errorLabel && S.value && e.errorMode === "overlay" ? (s(), n(le, { key: 2 }, [
-        e.teleported ? (s(), re(ae, {
-          key: 0,
-          to: "body"
-        }, [
-          $("div", {
-            style: w(H.value)
-          }, [
-            $("span", {
-              style: w(q.value)
-            }, L(e.errorLabel), 5)
-          ], 4)
-        ])) : (s(), n("div", me, [
-          $("span", be, L(e.errorLabel), 1)
-        ]))
-      ], 64)) : b("", !0)
-    ], 6));
+    }), (e, t) => (s(), d(
+      "div",
+      {
+        style: w(k.value),
+        class: C([
+          "das-ui-input",
+          { "only-border-bottom": e.borderType === "bottom" },
+          { "das-input-normal-size": e.size === "default" },
+          { "das-input-table-size": e.size === "table" }
+        ])
+      },
+      [
+        i(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        N(R(ie), {
+          ref_key: "inputTooltipRef",
+          ref: W,
+          effect: "light",
+          manual: !0,
+          visible: u.value,
+          disabled: !O.value,
+          content: g.value,
+          placement: "top"
+        }, {
+          default: b(() => [
+            N(R(se), te({
+              ref_key: "$refInput",
+              ref: a
+            }, e.$attrs, {
+              modelValue: g.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (v) => g.value = v),
+              placeholder: Z.value,
+              disabled: e.disabled,
+              readonly: e.isView,
+              type: o.type,
+              class: [
+                { "is-view": e.isView },
+                { "das-input-success": e.success },
+                { "das-input-error": e.error },
+                { "input-focus-color": E.value }
+              ],
+              autosize: o.autosize,
+              showWordLimit: U.value,
+              maxlength: F.value,
+              onFocus: J,
+              onBlur: K,
+              onMouseenter: Q,
+              onMouseleave: X
+            }), oe({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              e.$slots.prepend ? {
+                name: "prepend",
+                fn: b(() => [
+                  i(" 输入框前置内容 "),
+                  T(e.$slots, "prepend", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              e.$slots.append ? {
+                name: "append",
+                fn: b(() => [
+                  i(" 输入框后置内容 "),
+                  T(e.$slots, "append", {}, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0,
+              e.$slots.suffix ? {
+                name: "suffix",
+                fn: b(() => [
+                  T(e.$slots, "suffix", {}, void 0, !0)
+                ]),
+                key: "2"
+              } : void 0,
+              e.$slots.prefix ? {
+                name: "prefix",
+                fn: b(() => [
+                  T(e.$slots, "prefix", {}, void 0, !0)
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "class", "autosize", "showWordLimit", "maxlength"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["visible", "disabled", "content"]),
+        e.success && e.successLabel ? (s(), d("div", pe, [
+          e.success ? (s(), d(
+            "span",
+            fe,
+            L(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", {
+            key: 0,
+            class: C(["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,
+          { key: 2 },
+          [
+            e.teleported ? (s(), re(ae, {
+              key: 0,
+              to: "body"
+            }, [
+              $(
+                "div",
+                {
+                  style: w(H.value)
+                },
+                [
+                  $(
+                    "span",
+                    {
+                      style: w(q.value)
+                    },
+                    L(e.errorLabel),
+                    5
+                    /* TEXT, STYLE */
+                  )
+                ],
+                4
+                /* STYLE */
+              )
+            ])) : (s(), d("div", me, [
+              $(
+                "span",
+                be,
+                L(e.errorLabel),
+                1
+                /* TEXT */
+              )
+            ]))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : i("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
 }), ge = (l, y) => {
   const h = l.__vccOpts || l;
   for (const [o, k] of y)
     h[o] = k;
   return h;
-}, xe = /* @__PURE__ */ ge(he, [["__scopeId", "data-v-7f83dfbb"]]), Be = {
+}, xe = /* @__PURE__ */ ge(he, [["__scopeId", "data-v-05abd31d"]]), Be = {
   "--das-ui-input-default-text-color": "#212121",
   "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
   "--das-ui-input-full-border-color": "#D9D9D9",

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

@@ -1,112 +1,47 @@
 import 'element-plus/es/components/input/style/css';
 import type { Props } from './type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: string;
-    width: string;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+    $refInput: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: any) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+}>, {
+    size: "default" | "table";
+    error: boolean;
     type: string;
-    borderType: string;
-    placeholder: string;
-    size: string;
-    disabled: boolean;
-    isView: boolean;
     success: boolean;
-    successLabel: string;
-    error: boolean;
-    errorLabel: string;
-    isErrorTitle: boolean;
-    isTitle: boolean;
-    errorMode: string;
-    noSetDefaultVal: boolean;
+    disabled: boolean;
+    width: string | number;
+    modelValue: any;
     teleported: boolean;
-    errorModelZIndex: number;
-    autosize: boolean;
-    showWordLimit: boolean;
-    showTextWordLimit: boolean;
-    maxLength: number;
-    maxlength: number;
-}>, {
-    $refInput: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: string;
-    width: string;
-    type: string;
     borderType: string;
     placeholder: string;
-    size: string;
-    disabled: boolean;
     isView: boolean;
-    success: boolean;
     successLabel: string;
-    error: boolean;
     errorLabel: string;
     isErrorTitle: boolean;
     isTitle: boolean;
-    errorMode: string;
-    noSetDefaultVal: boolean;
-    teleported: boolean;
+    errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    autosize: boolean;
-    showWordLimit: boolean;
-    showTextWordLimit: boolean;
-    maxLength: number;
-    maxlength: number;
-}>>> & {
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-}, {
-    size: "default" | "table";
-    error: boolean;
-    type: string;
-    success: boolean;
-    disabled: boolean;
-    width: string | number;
-    modelValue: any;
-    teleported: boolean;
+    noSetDefaultVal: boolean;
     autosize: boolean | {
         minRows?: number;
         maxRows?: number;
     };
-    placeholder: string;
     showWordLimit: boolean;
-    isView: boolean;
-    noSetDefaultVal: boolean;
-    errorMode: "default" | "overlay";
-    borderType: string;
-    errorLabel: string;
-    errorModelZIndex: number;
-    successLabel: string;
-    isErrorTitle: boolean;
-    isTitle: boolean;
     showTextWordLimit: boolean;
     maxlength: number | string;
     maxLength: number | string;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     prepend?(_: {}): any;
     append?(_: {}): any;
     suffix?(_: {}): any;
     prefix?(_: {}): 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_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/input/src/type.d.ts

@@ -1,70 +1,70 @@
-
-import type { InputProps } from 'element-plus'
-
-
-
-export interface Props {
-  
-  modelValue: any
-  
-  type: string
-  
-  width?: string | number
-  
-  borderType?: string
-  
-  placeholder?: string
-  
-  size?: 'default' | 'table'
-  
-  disabled?: boolean
-  
-  isView?: boolean
-  
-  success?: boolean
-  
-  successLabel?: string
-  
-  error?: boolean
-  
-  errorLabel?: string
-  
-  isErrorTitle?: boolean
-  
-  isTitle?: boolean
-  
-  errorMode?: 'default' | 'overlay'
-  
-  errorModelZIndex?: number
-  
-  noSetDefaultVal?: boolean
-  
-  teleported?: boolean
-  
-  autosize?: boolean | { minRows?: number; maxRows?: number }
-  
-  showWordLimit?: boolean
-  
-  showTextWordLimit?: boolean
-  
-  maxlength?: number | string
-  
-  maxLength?: number | string
-}
-export interface Emits {
-  (e: 'update:modelValue', val: any): void
-}
-export type Exposes = {
-  
-  $refInput
-}
-export interface Slots {
-  
-  prefix: {}
-  
-  suffix: {}
-  
-  prepend: {}
-  
-  append: {}
-}
+
+import type { InputProps } from 'element-plus'
+
+
+
+export interface Props {
+  
+  modelValue: any
+  
+  type: string
+  
+  width?: string | number
+  
+  borderType?: string
+  
+  placeholder?: string
+  
+  size?: 'default' | 'table'
+  
+  disabled?: boolean
+  
+  isView?: boolean
+  
+  success?: boolean
+  
+  successLabel?: string
+  
+  error?: boolean
+  
+  errorLabel?: string
+  
+  isErrorTitle?: boolean
+  
+  isTitle?: boolean
+  
+  errorMode?: 'default' | 'overlay'
+  
+  errorModelZIndex?: number
+  
+  noSetDefaultVal?: boolean
+  
+  teleported?: boolean
+  
+  autosize?: boolean | { minRows?: number; maxRows?: number }
+  
+  showWordLimit?: boolean
+  
+  showTextWordLimit?: boolean
+  
+  maxlength?: number | string
+  
+  maxLength?: number | string
+}
+export interface Emits {
+  (e: 'update:modelValue', val: any): void
+}
+export type Exposes = {
+  
+  $refInput
+}
+export interface Slots {
+  
+  prefix: {}
+  
+  suffix: {}
+  
+  prepend: {}
+  
+  append: {}
+}