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

package/packages/components/input-dialog-select/index.js

@@ -1,24 +1,24 @@
 import '@das-fed/ui/packages/components/input-dialog-select/style.css';
-import { withInstall as H } from "@das-fed/utils/with-install/index";
-import { defineComponent as q, ref as l, computed as C, watch as G, nextTick as J, openBlock as r, createElementBlock as i, mergeProps as Q, createElementVNode as h, normalizeClass as U, unref as a, toDisplayString as y, withDirectives as X, createCommentVNode as D, Fragment as E, withModifiers as Y, createVNode as ee, createBlock as te, Teleport as oe, normalizeStyle as F } from "vue";
-import { DasAutoRegisterIcon as le, DasIcon as ae } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as re } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { getVarValue as V, setThemeRule as se } from "@das-fed/web/packages/theme/index";
-import { isEmpty as b } from "@das-fed/utils/common-tools";
-import { setI18nRule as ie } from "@das-fed/web/packages/i18n/index";
-const ne = {
+import { withInstall as Q } from "@das-fed/utils/with-install/index";
+import { defineComponent as U, ref as a, computed as M, watch as X, nextTick as Y, openBlock as r, createElementBlock as d, mergeProps as ee, createElementVNode as g, normalizeClass as te, unref as l, withDirectives as $, toDisplayString as k, createCommentVNode as z, Fragment as E, withModifiers as oe, createVNode as le, createBlock as ae, Teleport as re, normalizeStyle as F } from "vue";
+import { DasAutoRegisterIcon as se, DasIcon as ie } from "@das-fed/ui/packages/components/icon/index";
+import { vDasTooltip as V } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { getVarValue as N, setThemeRule as de } from "@das-fed/web/packages/theme/index";
+import { t as W, setI18nRule as ne } from "@das-fed/web/packages/i18n/index";
+import { isEmpty as n } from "@das-fed/utils/common-tools";
+const ue = {
   key: 0,
   class: "placeholder-text"
-}, de = {
+}, ce = {
   key: 1,
   class: "dialog-text"
-}, ue = {
+}, pe = {
   key: 2,
   class: "reset-plus"
-}, pe = { class: "das-input-dialog-select-label-content" }, ce = ["title"], fe = {
+}, fe = { class: "das-input-dialog-select-label-content" }, ve = ["title"], me = {
   key: 1,
   class: "das-input-dialog-select-overlay-error-label-content"
-}, ve = { class: "label" }, be = /* @__PURE__ */ q({
+}, ge = { class: "label" }, be = /* @__PURE__ */ U({
   __name: "Index",
   props: {
     modelValue: {},
@@ -34,48 +34,52 @@ const ne = {
     borderType: { default: "bottom" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: {},
+    placeholder: { default: W("请选择") },
     errorMode: { default: "default" },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
-  setup(M, { emit: S }) {
-    le({
+  setup(B, { emit: S }) {
+    se({
       search: import("@das-fed/ui/packages/icons/search")
     });
-    const t = M, s = S, k = l(!1), W = C(() => t.teleported), m = C(() => t.isView), $ = C(() => `width:${t.width === "auto" ? "100%" : t.width}`);
-    let n = l("");
-    n.value = t.modelValue;
-    const d = l(null), u = l(null);
-    let z = l(""), T = l([]);
-    G(
+    const t = B, s = S, I = a(!1), K = M(() => t.teleported), b = M(() => t.isView), x = M(() => t.placeholder), P = M(() => `width:${t.width === "auto" ? "100%" : t.width}`);
+    let i = a("");
+    i.value = t.modelValue;
+    const c = a(null), p = a(null);
+    let h = a(""), w = a([]);
+    X(
       () => t.selectedOptions,
-      (e, p) => {
-        let c = "", f = [], v = [];
-        if (b(e) && b(p)) return;
+      (e, u) => {
+        let f = "", v = [], m = [];
+        if (n(e) && n(u) && t.modelValue instanceof Array && !t.modelValue.length) {
+          i.value = "", h.value = "";
+          return;
+        }
+        if (n(e) && n(u)) return;
         if (typeof e == "string")
-          c = e;
+          f = e;
         else if (e instanceof Array) {
-          if (!(e != null && e.length) && !(p != null && p.length)) {
-            n.value = m.value || t.disabled ? "-" : "";
+          if (!(e != null && e.length) && !(u != null && u.length)) {
+            i.value = b.value || t.disabled ? "-" : "";
             return;
           }
-          v = e.map((g) => {
-            const o = g[t.optionsLabelKey];
+          m = e.map((y) => {
+            const o = y[t.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), f = e.map((g) => {
-            const o = g[t.optionsValueKey];
+          }), v = e.map((y) => {
+            const o = y[t.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), c = v.join("、");
+          }), f = m.join("、");
         }
         const L = t.noSetDefaultVal ? "" : "-";
-        n.value = (m.value || t.disabled) && b(c) ? L : c, T.value = f, f.length || (z.value = ""), s("update:modelValue", T.value), s("change", T.value, t.selectedOptions), J(() => {
-          var g, o, O, x;
-          ((g = d == null ? void 0 : d.value) == null ? void 0 : g.offsetWidth) > 0 && ((o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth) > 0 && ((O = u == null ? void 0 : u.value) == null ? void 0 : O.offsetWidth) > ((x = d == null ? void 0 : d.value) == null ? void 0 : x.offsetWidth) - 20 && v.length > 1 ? z.value = f.length > 0 ? `共${v.length}项` : "" : z.value = "";
+        i.value = (b.value || t.disabled) && n(f) ? L : f, w.value = v, v.length || (h.value = ""), s("update:modelValue", w.value), s("change", w.value, t.selectedOptions), Y(() => {
+          var y, o, _, O;
+          ((y = c == null ? void 0 : c.value) == null ? void 0 : y.offsetWidth) > 0 && ((o = p == null ? void 0 : p.value) == null ? void 0 : o.offsetWidth) > 0 && ((_ = p == null ? void 0 : p.value) == null ? void 0 : _.offsetWidth) > ((O = c == null ? void 0 : c.value) == null ? void 0 : O.offsetWidth) - 20 && m.length > 1 ? h.value = v.length > 0 ? `${W("das-framework-input-dialog-select-total-items", m.length)}` : "" : h.value = "";
         });
       },
       {
@@ -83,121 +87,191 @@ const ne = {
         immediate: !0
       }
     );
-    const B = l(), I = l({
+    const C = a(), D = a({
       x: 0,
       y: 0
-    }), w = l(0), K = l({
+    }), T = a(0), R = a({
       "font-size": "12px",
-      "background-color": V("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": N("--das-ui-color-overlay-error").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "2px 8px",
       "box-sizing": "border-box"
-    }), N = C(() => ({
-      ...K.value,
-      width: w.value + "px",
+    }), A = M(() => ({
+      ...R.value,
+      width: T.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: I.value.y + "px",
-      left: I.value.x + "px",
+      top: D.value.y + "px",
+      left: D.value.x + "px",
       "z-index": t.errorModelZIndex
-    })), P = l({
+    })), Z = a({
       display: "block",
-      color: V("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), R = () => {
+      color: N("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), j = () => {
       s("open-dialog");
-    }, _ = () => {
-      z.value = "", n.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
-    }, A = () => {
-      var f, v, L;
-      const { top: e, left: p } = (f = B.value) == null ? void 0 : f.getBoundingClientRect(), c = (v = B.value) == null ? void 0 : v.clientHeight;
-      w.value = (L = B.value) == null ? void 0 : L.clientWidth, I.value.x = p, I.value.y = e + c;
-    }, Z = () => {
-      k.value = !0, A();
-    }, j = () => {
-      k.value = !1;
+    }, H = () => {
+      h.value = "", i.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
+    }, q = () => {
+      var v, m, L;
+      const { top: e = 0, left: u = 0 } = ((v = C.value) == null ? void 0 : v.getBoundingClientRect()) ?? {}, f = (m = C.value) == null ? void 0 : m.clientHeight;
+      T.value = (L = C.value) == null ? void 0 : L.clientWidth, D.value.x = u, D.value.y = e + f;
+    }, G = () => {
+      I.value = !0, q();
+    }, J = () => {
+      I.value = !1;
     };
-    return (e, p) => (r(), i("div", Q({
-      class: "das-ui-input-dialog-select",
-      tabindex: "0",
-      style: $.value
-    }, e.$attrs, {
-      ref_key: "$refInputDialogSelect",
-      ref: B,
-      onMouseenter: Z,
-      onMouseleave: j,
-      class: [{ "normal-size": e.size === "default" }, { "auto-size": e.size === "auto" }, { "small-size": e.size === "small" }, { "table-size": e.size === "table" }, { isview: m.value }, { disabled: e.disabled }]
-    }), [
-      h("div", {
-        ref_key: "dialogTextWrap",
-        ref: d,
-        class: U([
-          "das-ui-input-dialog-select-content",
-          { "only-border-bottom": e.borderType === "bottom" },
-          { "das-input-dialog-select-error": e.error },
-          { "das-input-dialog-select-clear-mode": !a(b)(a(n)) && e.isClear }
-        ])
-      }, [
-        a(b)(a(n)) && !a(b)(e.placeholder) && !m.value && !e.disabled ? (r(), i("div", ne, y(e.placeholder), 1)) : X((r(), i("div", de, [
-          h("span", {
-            ref_key: "dialogText",
-            ref: u
-          }, y(a(n)), 513)
-        ])), [
-          [a(re)]
-        ]),
-        m.value ? D("", !0) : (r(), i("span", ue, y(a(z)), 1)),
-        !m.value && !e.disabled ? (r(), i(E, { key: 3 }, [
-          !a(b)(a(n)) && e.isClear ? (r(), i("span", {
+    return (e, u) => (r(), d(
+      "div",
+      ee({
+        class: "das-ui-input-dialog-select",
+        tabindex: "0",
+        style: P.value
+      }, e.$attrs, {
+        ref_key: "$refInputDialogSelect",
+        ref: C,
+        onMouseenter: G,
+        onMouseleave: J,
+        class: [
+          { "normal-size": e.size === "default" },
+          { "auto-size": e.size === "auto" },
+          { "small-size": e.size === "small" },
+          { "table-size": e.size === "table" },
+          { isview: b.value },
+          { disabled: e.disabled }
+        ]
+      }),
+      [
+        g(
+          "div",
+          {
+            ref_key: "dialogTextWrap",
+            ref: c,
+            class: te([
+              "das-ui-input-dialog-select-content",
+              { "only-border-bottom": e.borderType === "bottom" },
+              { "das-input-dialog-select-error": e.error },
+              { "das-input-dialog-select-clear-mode": !l(n)(l(i)) && e.isClear }
+            ])
+          },
+          [
+            l(n)(l(i)) && !l(n)(x.value) && !b.value && !e.disabled ? $((r(), d("div", ue, [
+              g(
+                "span",
+                null,
+                k(x.value),
+                1
+                /* TEXT */
+              )
+            ])), [
+              [l(V)]
+            ]) : $((r(), d("div", ce, [
+              g(
+                "span",
+                {
+                  ref_key: "dialogText",
+                  ref: p
+                },
+                k(l(i)),
+                513
+                /* TEXT, NEED_PATCH */
+              )
+            ])), [
+              [l(V)]
+            ]),
+            b.value ? z("v-if", !0) : (r(), d(
+              "span",
+              pe,
+              k(l(h)),
+              1
+              /* TEXT */
+            )),
+            !b.value && !e.disabled ? (r(), d(
+              E,
+              { key: 3 },
+              [
+                !l(n)(l(i)) && e.isClear ? (r(), d("span", {
+                  key: 0,
+                  class: "das-ui-input-dialog-select-clear",
+                  onClick: oe(H, ["stop"])
+                })) : z("v-if", !0),
+                le(l(ie), {
+                  class: "das-ui-input-dialog-select-search",
+                  icon: e.suffixIcon,
+                  onClick: j
+                }, null, 8, ["icon"])
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : z("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        g("div", fe, [
+          e.error && e.errorLabel && e.errorMode === "default" ? (r(), d("span", {
             key: 0,
-            class: "das-ui-input-dialog-select-clear",
-            onClick: Y(_, ["stop"])
-          })) : D("", !0),
-          ee(a(ae), {
-            class: "das-ui-input-dialog-select-search",
-            icon: e.suffixIcon,
-            onClick: R
-          }, null, 8, ["icon"])
-        ], 64)) : D("", !0)
-      ], 2),
-      h("div", pe, [
-        e.error && e.errorLabel && e.errorMode === "default" ? (r(), i("span", {
-          key: 0,
-          class: "das-input-dialog-select-error-label",
-          title: e.errorLabel
-        }, y(e.errorLabel), 9, ce)) : D("", !0)
-      ]),
-      e.error && e.errorLabel && k.value && e.errorMode === "overlay" ? (r(), i(E, { key: 0 }, [
-        W.value ? (r(), te(oe, {
-          key: 0,
-          to: "body"
-        }, [
-          h("div", {
-            style: F(N.value)
-          }, [
-            h("span", {
-              style: F(P.value)
-            }, y(e.errorLabel), 5)
-          ], 4)
-        ])) : (r(), i("div", fe, [
-          h("span", ve, y(e.errorLabel), 1)
-        ]))
-      ], 64)) : D("", !0)
-    ], 16));
+            class: "das-input-dialog-select-error-label",
+            title: e.errorLabel
+          }, k(e.errorLabel), 9, ve)) : z("v-if", !0)
+        ]),
+        z(" 错误状态 "),
+        e.error && e.errorLabel && I.value && e.errorMode === "overlay" ? (r(), d(
+          E,
+          { key: 0 },
+          [
+            K.value ? (r(), ae(re, {
+              key: 0,
+              to: "body"
+            }, [
+              g(
+                "div",
+                {
+                  style: F(A.value)
+                },
+                [
+                  g(
+                    "span",
+                    {
+                      style: F(Z.value)
+                    },
+                    k(e.errorLabel),
+                    5
+                    /* TEXT, STYLE */
+                  )
+                ],
+                4
+                /* STYLE */
+              )
+            ])) : (r(), d("div", me, [
+              g(
+                "span",
+                ge,
+                k(e.errorLabel),
+                1
+                /* TEXT */
+              )
+            ]))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : z("v-if", !0)
+      ],
+      16
+      /* FULL_PROPS */
+    ));
   }
-}), me = (M, S) => {
-  const t = M.__vccOpts || M;
-  for (const [s, k] of S)
-    t[s] = k;
+}), he = (B, S) => {
+  const t = B.__vccOpts || B;
+  for (const [s, I] of S)
+    t[s] = I;
   return t;
-}, ge = /* @__PURE__ */ me(be, [["__scopeId", "data-v-dafac7ab"]]), he = {
-  "demo-msg": {
-    "zh-CN": "这是第一个示例路由页面",
-    en: "This is Demo Page"
-  }
-}, ye = {
+}, ye = /* @__PURE__ */ he(be, [["__scopeId", "data-v-f26cfc1d"]]), ke = {
+  请选择: { "zh-CN": "请选择", en: "Please Select", _appCode: "framework" },
+  "das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", _appCode: "framework" }
+}, ze = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -210,13 +284,13 @@ const ne = {
   "--das-ui-input-dialog-select-disabled-text": "#b2b2b2",
   "--das-ui-input-dialog-select-border-active": "#5582F3",
   "--das-ui-input-dialog-select-error-color": "#FB2323",
-  "--das-ui-input-number-overlay-error-bg-color": "#FFDBE0",
+  "--das-ui-color-overlay-error": "#FFDBE0",
   "--das-ui-input-error-color": "#FB2323"
 };
-ie(he);
-se(ye);
-const Ce = H(ge);
+ne(ke);
+de(ze);
+const we = Q(ye);
 export {
-  Ce as DasInputDialogSelect,
-  Ce as default
+  we as DasInputDialogSelect,
+  we as default
 };

package/packages/components/input-dialog-select/src/Index.vue.d.ts

@@ -1,77 +1,31 @@
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    selectedOptions: never[];
-    disabled: boolean;
-    isView: boolean;
-    isClear: boolean;
-    error: boolean;
-    errorLabel: string;
-    size: string;
-    suffixIcon: string;
-    borderType: string;
-    optionsLabelKey: string;
-    optionsValueKey: string;
-    errorMode: string;
-    teleported: boolean;
-    errorModelZIndex: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
     "open-dialog": (...args: any[]) => void;
     "clear-dialog": (...args: any[]) => void;
     "update:selectedOptions": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    selectedOptions: never[];
-    disabled: boolean;
-    isView: boolean;
-    isClear: boolean;
-    error: boolean;
-    errorLabel: string;
-    size: string;
-    suffixIcon: string;
-    borderType: string;
-    optionsLabelKey: string;
-    optionsValueKey: string;
-    errorMode: string;
-    teleported: boolean;
-    errorModelZIndex: number;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onOpen-dialog"?: ((...args: any[]) => any) | undefined;
     "onClear-dialog"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedOptions"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     size: "default" | "auto" | "table" | "small";
-    error: boolean;
     disabled: boolean;
     teleported: boolean;
-    suffixIcon: string;
-    isView: boolean;
-    errorMode: "default" | "overlay";
     borderType: string;
+    placeholder: string;
+    isView: boolean;
+    error: boolean;
     errorLabel: string;
+    errorMode: "default" | "overlay";
     errorModelZIndex: number;
+    suffixIcon: string;
     optionsLabelKey: string | number;
     optionsValueKey: string | number;
     selectedOptions: any;
     isClear: boolean;
-}, {}>;
+}, {}, {}, {}, 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/input-dialog-select/src/type.d.ts

@@ -1,72 +1,72 @@
-export interface Props {
-  
-  modelValue: any
-
-  
-  selectedOptions: any
-
-  
-  disabled?: boolean
-
-  
-  isView?: boolean
-
-  
-  isClear?: boolean
-
-  
-  error?: boolean
-
-  
-  errorLabel?: string
-
-  
-  suffixIcon?: string
-
-  
-  width?: string
-
-  
-  size?: 'default' | 'auto' | 'table' | 'small'
-
-  
-  borderType?: string
-
-  
-  optionsLabelKey?: string | number
-
-  
-  optionsValueKey?: string | number
-
-  
-  placeholder?: string
-
-  
-  errorMode?: 'default' | 'overlay'
-
-  
-  teleported?: boolean
-
-  
-  errorModelZIndex?: number
-
-  
-  noSetDefaultVal?: boolean
-}
-
-export interface Emits {
-  
-  (e: 'update:modelValue', value: any): void
-
-  
-  (e: 'update:selectedOptions', value: any): void
-
-  
-  (e: 'open-dialog'): void
-
-  
-  (e: 'clear-dialog'): void
-
-  
-  (e: 'change', value: any, value2?: any): void
-}
+export interface Props {
+  
+  modelValue: any
+
+  
+  selectedOptions: any
+
+  
+  disabled?: boolean
+
+  
+  isView?: boolean
+
+  
+  isClear?: boolean
+
+  
+  error?: boolean
+
+  
+  errorLabel?: string
+
+  
+  suffixIcon?: string
+
+  
+  width?: string
+
+  
+  size?: 'default' | 'auto' | 'table' | 'small'
+
+  
+  borderType?: string
+
+  
+  optionsLabelKey?: string | number
+
+  
+  optionsValueKey?: string | number
+
+  
+  placeholder?: string
+
+  
+  errorMode?: 'default' | 'overlay'
+
+  
+  teleported?: boolean
+
+  
+  errorModelZIndex?: number
+
+  
+  noSetDefaultVal?: boolean
+}
+
+export interface Emits {
+  
+  (e: 'update:modelValue', value: any): void
+
+  
+  (e: 'update:selectedOptions', value: any): void
+
+  
+  (e: 'open-dialog'): void
+
+  
+  (e: 'clear-dialog'): void
+
+  
+  (e: 'change', value: any, value2?: any): void
+}