@das-fed/upf-ui 6.4.0-dev.230 → 6.4.0-dev.231

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

@@ -1,16 +1,16 @@
 import '@das-fed/upf-ui/packages/components/input-dialog-select/style.css';
 import { withInstall as j } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as P, ref as s, computed as I, watch as H, nextTick as q, openBlock as d, createElementBlock as f, mergeProps as G, createElementVNode as M, normalizeClass as J, unref as l, withDirectives as w, toDisplayString as x, createCommentVNode as h, Fragment as Q, withModifiers as U, createVNode as X, createBlock as Y } from "vue";
-import { DasAutoRegisterIcon as _, DasIcon as ee } from "@das-fed/upf-ui/packages/components/icon/index";
-import { vDasTooltip as T } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasErrorOverlayModel as te } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { getVarValue as le, setThemeRule as ae } from "@das-fed/upf-web/packages/theme/index";
-import { t as F, currentLang as oe, setI18nRule as re } from "@das-fed/upf-web/packages/i18n/index";
-import { isEmpty as u } from "@das-fed/upf-utils/common-tools";
-const ie = {
+import { defineComponent as P, ref as s, computed as y, watch as H, nextTick as q, openBlock as u, createElementBlock as c, mergeProps as G, createElementVNode as M, normalizeClass as J, unref as t, withDirectives as T, toDisplayString as D, createCommentVNode as k, Fragment as Q, withModifiers as U, createVNode as X, createBlock as Y } from "vue";
+import { DasAutoRegisterIcon as x, DasIcon as ee } from "@das-fed/upf-ui/packages/components/icon/index";
+import { vDasTooltip as F } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasErrorOverlayModel as le } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { getVarValue as te, setThemeRule as oe } from "@das-fed/upf-web/packages/theme/index";
+import { t as N, currentLang as ae, setI18nRule as re } from "@das-fed/upf-web/packages/i18n/index";
+import { isEmpty as i } from "@das-fed/upf-utils/common-tools";
+const se = {
   key: 0,
   class: "placeholder-text"
-}, se = {
+}, ie = {
   key: 1,
   class: "dialog-text"
 }, ue = {
@@ -32,52 +32,52 @@ const ie = {
     borderType: { default: "bordered" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: { default: F("请选择") },
+    placeholder: { default: N("请选择") },
     errorMode: { default: "default" },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean },
     formSize: {}
   },
   emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
-  setup(e, { emit: D }) {
-    _({
+  setup(I, { emit: C }) {
+    x({
       search: import("@das-fed/upf-ui/packages/icons/search")
     });
-    const t = e, r = D, b = s(!1), m = I(() => t.isView), B = I(() => t.placeholder), N = I(() => `${t.width === "auto" ? "100%" : t.width}`);
-    let i = s("");
-    i.value = t.modelValue;
-    const n = s(null), c = s(null);
-    let v = s(""), C = s([]);
+    const l = I, a = C, g = s(!1), p = y(() => l.isView), S = y(() => l.placeholder), V = y(() => `${l.width === "auto" ? "100%" : l.width}`);
+    let r = s("");
+    r.value = l.modelValue;
+    const d = s(null), n = s(null);
+    let f = s(""), L = s([]);
     H(
-      () => t.selectedOptions,
-      (a, p) => {
-        let y = "", z = [], k = [];
-        if (u(a) && u(p) && t.modelValue instanceof Array && !t.modelValue.length) {
-          i.value = "", v.value = "";
+      () => l.selectedOptions,
+      (e, m) => {
+        let h = "", z = [], b = [];
+        if (i(e) && i(m) && l.modelValue instanceof Array && !l.modelValue.length) {
+          r.value = "", f.value = "";
           return;
         }
-        if (u(a) && u(p)) return;
-        if (typeof a == "string")
-          y = a;
-        else if (a instanceof Array) {
-          if (!(a != null && a.length) && !(p != null && p.length)) {
-            i.value = m.value || t.disabled ? "-" : "";
+        if (i(e) && i(m)) return;
+        if (typeof e == "string")
+          h = e;
+        else if (e instanceof Array) {
+          if (!(e != null && e.length) && !(m != null && m.length)) {
+            r.value = p.value || l.disabled ? "-" : "";
             return;
           }
-          k = a.map((g) => {
-            const o = g[t.optionsLabelKey];
+          b = e.map((v) => {
+            const o = v[l.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), z = a.map((g) => {
-            const o = g[t.optionsValueKey];
+          }), z = e.map((v) => {
+            const o = v[l.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), y = oe.value === "zh-CN" ? k.join("、") : k.join(",");
+          }), h = ae.value === "zh-CN" ? b.join("、") : b.join(",");
         }
-        const W = t.noSetDefaultVal ? "" : "-";
-        i.value = (m.value || t.disabled) && u(y) ? W : y, C.value = z, z.length || (v.value = ""), r("update:modelValue", C.value), r("change", C.value, t.selectedOptions), q(() => {
-          var g, o, E, $;
-          ((g = n == null ? void 0 : n.value) == null ? void 0 : g.offsetWidth) > 0 && ((o = c == null ? void 0 : c.value) == null ? void 0 : o.offsetWidth) > 0 && ((E = c == null ? void 0 : c.value) == null ? void 0 : E.offsetWidth) > (($ = n == null ? void 0 : n.value) == null ? void 0 : $.offsetWidth) - 20 && k.length > 1 ? v.value = z.length > 0 ? `${F("das-framework-input-dialog-select-total-items", k.length)}` : "" : v.value = "";
+        const W = l.noSetDefaultVal ? "" : "-";
+        r.value = (p.value || l.disabled) && i(h) ? W : h, L.value = z, z.length || (f.value = ""), a("update:modelValue", L.value), a("change", L.value, l.selectedOptions), q(() => {
+          var v, o, $, w;
+          ((v = d == null ? void 0 : d.value) == null ? void 0 : v.offsetWidth) > 0 && ((o = n == null ? void 0 : n.value) == null ? void 0 : o.offsetWidth) > 0 && (($ = n == null ? void 0 : n.value) == null ? void 0 : $.offsetWidth) > ((w = d == null ? void 0 : d.value) == null ? void 0 : w.offsetWidth) - 20 && b.length > 1 ? f.value = z.length > 0 ? `${N("das-framework-input-dialog-select-total-items", b.length)}` : "" : f.value = "";
         });
       },
       {
@@ -85,144 +85,107 @@ const ie = {
         immediate: !0
       }
     );
-    const S = s();
+    const O = s();
     s({
       display: "block",
-      color: le("--das-ui-input-error-color").value,
+      color: te("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
       // 'word-break': 'break-all',
     });
-    const V = () => {
-      r("open-dialog");
-    }, K = () => {
-      v.value = "", i.value = "", r("update:selectedOptions", []), r("update:modelValue", []), r("clear-dialog"), r("change", [], []);
-    }, L = s(!1), Z = () => {
-      b.value = !0, t.errorMode === "overlay" && (L.value = !0);
+    const K = () => {
+      a("open-dialog");
+    }, Z = () => {
+      f.value = "", r.value = "", a("update:selectedOptions", []), a("update:modelValue", []), a("clear-dialog"), a("change", [], []);
+    }, B = s(!1), _ = () => {
+      g.value = !0, l.errorMode === "overlay" && (B.value = !0);
     }, A = () => {
-      b.value = !1, t.errorMode === "overlay" && (L.value = !1);
-    }, O = I(() => t.formSize), R = I(() => ({
-      width: N.value,
-      "--input-dialog-select-height": O.value && {
+      g.value = !1, l.errorMode === "overlay" && (B.value = !1);
+    }, E = y(() => l.formSize), R = y(() => ({
+      width: V.value,
+      "--input-dialog-select-height": E.value && {
         small: "24px",
         default: "32px",
         large: "40px"
-      }[O.value]
+      }[E.value]
     }));
-    return (a, p) => (d(), f(
-      "div",
-      G({
-        class: "das-ui-input-dialog-select",
-        tabindex: "0",
-        style: R.value
-      }, a.$attrs, {
-        ref_key: "$refInputDialogSelect",
-        ref: S,
-        onMouseenter: Z,
-        onMouseleave: A,
-        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 }
-        ]
-      }),
-      [
-        M(
-          "div",
-          {
-            ref_key: "dialogTextWrap",
-            ref: n,
-            class: J([
-              "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(u)(l(i)) && e.isClear }
-            ])
-          },
-          [
-            l(u)(l(i)) && !l(u)(B.value) && !m.value && !e.disabled ? w((d(), f("div", ie, [
-              M(
-                "span",
-                null,
-                x(B.value),
-                1
-                /* TEXT */
-              )
-            ])), [
-              [l(T)]
-            ]) : w((d(), f("div", se, [
-              M(
-                "span",
-                {
-                  ref_key: "dialogText",
-                  ref: c
-                },
-                x(l(i)),
-                513
-                /* TEXT, NEED_PATCH */
-              )
-            ])), [
-              [l(T)]
-            ]),
-            m.value ? h("v-if", !0) : (d(), f(
-              "span",
-              ue,
-              x(l(v)),
-              1
-              /* TEXT */
-            )),
-            !m.value && !e.disabled ? (d(), f(
-              Q,
-              { key: 3 },
-              [
-                !l(u)(l(i)) && e.isClear ? (d(), f("span", {
-                  key: 0,
-                  class: "das-ui-input-dialog-select-clear",
-                  onClick: U(K, ["stop"])
-                })) : h("v-if", !0),
-                X(l(ee), {
-                  class: "das-ui-input-dialog-select-search",
-                  icon: e.suffixIcon,
-                  onClick: V
-                }, null, 8, ["icon"])
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : h("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        ),
-        M("div", de, [
-          e.error && e.errorLabel && e.errorMode === "default" ? (d(), f("span", {
-            key: 0,
-            class: "das-input-dialog-select-error-label",
-            title: e.errorLabel
-          }, x(e.errorLabel), 9, ne)) : h("v-if", !0)
+    return (e, m) => (u(), c("div", G({
+      class: "das-ui-input-dialog-select",
+      tabindex: "0",
+      style: R.value
+    }, e.$attrs, {
+      ref_key: "$refInputDialogSelect",
+      ref: O,
+      onMouseenter: _,
+      onMouseleave: A,
+      class: [
+        { "normal-size": e.size === "default" },
+        { "auto-size": e.size === "auto" },
+        { "small-size": e.size === "small" },
+        { "table-size": e.size === "table" },
+        { isview: p.value },
+        { disabled: e.disabled }
+      ]
+    }), [
+      M("div", {
+        ref_key: "dialogTextWrap",
+        ref: d,
+        class: J([
+          "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": !t(i)(t(r)) && e.isClear }
+        ])
+      }, [
+        t(i)(t(r)) && !t(i)(S.value) && !p.value && !e.disabled ? T((u(), c("div", se, [
+          M("span", null, D(S.value), 1)
+        ])), [
+          [t(F)]
+        ]) : T((u(), c("div", ie, [
+          M("span", {
+            ref_key: "dialogText",
+            ref: n
+          }, D(t(r)), 513)
+        ])), [
+          [t(F)]
         ]),
-        h(" 错误状态 "),
-        e.error && e.errorLabel && b.value && e.errorMode === "overlay" && L.value ? (d(), Y(l(te), {
+        p.value ? k("", !0) : (u(), c("span", ue, D(t(f)), 1)),
+        !p.value && !e.disabled ? (u(), c(Q, { key: 3 }, [
+          !t(i)(t(r)) && e.isClear ? (u(), c("span", {
+            key: 0,
+            class: "das-ui-input-dialog-select-clear",
+            onClick: U(Z, ["stop"])
+          })) : k("", !0),
+          X(t(ee), {
+            class: "das-ui-input-dialog-select-search",
+            icon: e.suffixIcon,
+            onClick: K
+          }, null, 8, ["icon"])
+        ], 64)) : k("", !0)
+      ], 2),
+      M("div", de, [
+        e.error && e.errorLabel && e.errorMode === "default" ? (u(), c("span", {
           key: 0,
-          errorLabel: e.errorLabel,
-          getEl: () => S.value,
-          errorModelZIndex: e.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : h("v-if", !0)
-      ],
-      16
-      /* FULL_PROPS */
-    ));
+          class: "das-input-dialog-select-error-label",
+          title: e.errorLabel
+        }, D(e.errorLabel), 9, ne)) : k("", !0)
+      ]),
+      e.error && e.errorLabel && g.value && e.errorMode === "overlay" && B.value ? (u(), Y(t(le), {
+        key: 0,
+        errorLabel: e.errorLabel,
+        getEl: () => O.value,
+        errorModelZIndex: e.errorModelZIndex
+      }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("", !0)
+    ], 16));
   }
-}), fe = (e, D) => {
-  const t = e.__vccOpts || e;
-  for (const [r, b] of D)
-    t[r] = b;
-  return t;
-}, me = /* @__PURE__ */ fe(ce, [["__scopeId", "data-v-979020ac"]]), ve = {
+}), pe = (I, C) => {
+  const l = I.__vccOpts || I;
+  for (const [a, g] of C)
+    l[a] = g;
+  return l;
+}, fe = /* @__PURE__ */ pe(ce, [["__scopeId", "data-v-979020ac"]]), me = {
   请选择: { "zh-CN": "请选择", en: "Please select", "zh-MO": "請選擇", _appCode: "framework" },
   "das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", "zh-MO": "共$0項", _appCode: "framework" }
-}, pe = {
+}, ve = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -238,10 +201,10 @@ const ie = {
   "--das-ui-color-overlay-error": "#FFDBE0",
   "--das-ui-input-error-color": "#FB2323"
 };
-re(ve);
-ae(pe);
-const xe = j(me);
+re(me);
+oe(ve);
+const De = j(fe);
 export {
-  xe as DasInputDialogSelect,
-  xe as default
+  De as DasInputDialogSelect,
+  De as default
 };