@das-fed/upf-ui 6.4.0-dev.309 → 6.4.0-dev.310

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

@@ -1,5 +1,5 @@
 import 'element-plus/es/components/input/style/css';
-import type { StyleValue } from 'vue';
+import type { CSSProperties, StyleValue } from 'vue';
 import type { Props } from './type';
 declare var __VLS_14: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
@@ -236,7 +236,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
         handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
-        validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue" /** @type {__VLS_StyleScopedClasses['is-ellipsis']} */).AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         passwordIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;

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(--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}/*! 
+.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}/*! 
 * OverlayScrollbars
 * Version: 2.6.1
 * 

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