@das-fed/upf-ui 6.4.0-dev.297 → 6.4.0-dev.298

package/packages/components/input/style.css

@@ -1,4 +1,4 @@
-.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px 0 var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16));border:1px solid var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));font-size:var(--das-ui-font-size-sm);padding:0;border-radius:var(--upf-border-radius, 4px)}.das-ui-tooltip-popper.el-popper .el-popper__arrow{width:10px;height:10px}.das-ui-tooltip-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--upf-text-tooltip-text, var(--upf-text-primary, #212121));background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff))}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-radius:inherit}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:10px;width:10px;background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-color:var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:2px 2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),0 -2px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),-2px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-tooltip-text-wrap[data-v-e1652f58]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--65704ba4);-webkit-line-clamp:var(--65704ba4)}.das-tooltip-virtual-placeholder[data-v-e1652f58]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}/*! 
+.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px 0 var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16));border:1px solid var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));font-size:var(--das-ui-font-size-sm);padding:0;border-radius:var(--upf-border-radius, 4px)}.das-ui-tooltip-popper.el-popper .el-popper__arrow{width:10px;height:10px}.das-ui-tooltip-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--upf-text-tooltip-text, var(--upf-text-primary, #212121));background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff))}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-radius:inherit}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:10px;width:10px;background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-color:var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:2px 2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),0 -2px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),-2px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-tooltip-text-wrap[data-v-e1652f58]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--v65704ba4);-webkit-line-clamp:var(--v65704ba4)}.das-tooltip-virtual-placeholder[data-v-e1652f58]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}/*! 
 * OverlayScrollbars
 * Version: 2.6.1
 * 

package/packages/components/input-dialog-select/index.d.ts

@@ -14,9 +14,9 @@ declare const DasInputDialogSelect: import("@das-fed/upf-utils").SFCWithInstall<
     size: "default" | "auto" | "table" | "small";
     error: boolean;
     disabled: boolean;
+    placeholder: string;
     isView: boolean;
     borderType: string;
-    placeholder: string;
     errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;

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

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

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

@@ -15,9 +15,9 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     size: "default" | "auto" | "table" | "small";
     error: boolean;
     disabled: boolean;
+    placeholder: string;
     isView: boolean;
     borderType: string;
-    placeholder: string;
     errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;