@das-fed/upf-ui 6.4.0-dev.314 → 6.4.0-dev.315

package/packages/components/color-picker/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as b, ref as y, openBlock as p, createElementBlock as V, createCommentVNode as u, createVNode as v, unref as e, mergeProps as O, isRef as I, withCtx as f, createBlock as k, createElementVNode as P, normalizeClass as C, normalizeStyle as S, Fragment as $, renderList as M, toDisplayString as A } from "vue";
+import { defineComponent as N, computed as b, ref as y, openBlock as p, createElementBlock as m, createVNode as k, unref as e, mergeProps as O, isRef as I, withCtx as u, createBlock as v, createCommentVNode as V, createElementVNode as P, normalizeClass as C, normalizeStyle as S, Fragment as $, renderList as M, toDisplayString as A } from "vue";
 import { withInstall as F } from "@das-fed/upf-utils/with-install/index";
 import { currentLang as L, t as H, setI18nRule as U } from "@das-fed/upf-web/packages/i18n/index";
 import { DasDropdown as j, DasDropdownMenu as q } from "@das-fed/upf-ui/packages/components/dropdown/index";
@@ -14,15 +14,15 @@ import '@das-fed/upf-ui/packages/components/color-picker/style.css';
 const Z = (s, r) => {
   const l = g(s, "modelValue"), c = g(s, "options");
   let t = g(s, "modelValue");
-  return { innerValue: l, inputChangeHandler: (i) => {
-    t.value = i, r("update:modelValue", i), r("change", i);
-  }, inputInputHandler: (i) => {
-    t.value = i, r("update:modelValue", i), r("dasInput", i), r("change", i);
+  return { innerValue: l, inputChangeHandler: (a) => {
+    t.value = a, r("update:modelValue", a), r("change", a);
+  }, inputInputHandler: (a) => {
+    t.value = a, r("update:modelValue", a), r("dasInput", a), r("change", a);
   }, colorOption: c, colorPickerValue: t };
 }, ee = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, oe = { class: "color-predefine-content" }, le = ["onClick"], ie = /* @__PURE__ */ N({
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ N({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -47,65 +47,63 @@ const Z = (s, r) => {
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       close2: import("@das-fed/upf-ui/packages/icons/close-2")
     });
-    const t = b(() => L.value === "zh-CN" ? X : Y), _ = b(() => l.placeholder || H("请输入")), z = b(() => l.borderType), { innerValue: i, inputChangeHandler: x, inputInputHandler: B, colorOption: o, colorPickerValue: w } = Z(l, c), h = y(), m = y(!1), E = (d) => {
-      var a, n;
-      c("change", d), i.value = d, (n = (a = h.value) == null ? void 0 : a.getElRef()) == null || n.handleClose(), m.value = !1;
+    const t = b(() => L.value === "zh-CN" ? X : Y), _ = b(() => l.placeholder || H("请输入")), z = b(() => l.borderType), { innerValue: a, inputChangeHandler: B, inputInputHandler: x, colorOption: o, colorPickerValue: w } = Z(l, c), h = y(), f = y(!1), E = (d) => {
+      var n, i;
+      c("change", d), a.value = d, (i = (n = h.value) == null ? void 0 : n.getElRef()) == null || i.handleClose(), f.value = !1;
     }, D = () => {
-      var d, a;
-      o.value.mode != "default" && ((a = (d = h.value) == null ? void 0 : d.getElRef()) == null || a.handleOpen(), m.value = !0);
+      var d, n;
+      o.value.mode != "default" && ((n = (d = h.value) == null ? void 0 : d.getElRef()) == null || n.handleOpen(), f.value = !0);
     }, R = (d) => {
-      m.value = d;
+      f.value = d;
     };
-    return (d, a) => (p(), V("div", ee, [
-      u(" 内部 input 宽度跟随容器自适应，避免使用 das-input 默认的 230px 固定宽度 "),
-      v(e(K), O({
+    return (d, n) => (p(), m("div", ee, [
+      k(e(K), O({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
-          { "das-empty-color": !e(i) },
+          { "das-empty-color": !e(a) },
           { "das-predefine-cell": e(o).mode == "predefine" && (!e(o).isView || !l.isView) },
           { "das-predefine-view-cell": e(o).mode == "predefine" && (e(o).isView || l.isView) },
           { "das-both-view-cell": e(o).isView || l.isView },
-          { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
+          { "focus-predefine-view-cell": e(o).mode == "predefine" && f.value }
         ]],
         width: "100%",
-        modelValue: e(i),
-        "onUpdate:modelValue": a[1] || (a[1] = (n) => I(i) ? i.value = n : null)
+        modelValue: e(a),
+        "onUpdate:modelValue": n[1] || (n[1] = (i) => I(a) ? a.value = i : null)
       }, d.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
         append: "",
         onClick: D,
-        onInput: e(B),
+        onInput: e(x),
         borderType: z.value,
         placeholder: _.value,
-        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i),
+        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(a),
         size: l.formSize
       }), {
-        append: f(() => [
-          e(o).mode == "default" ? (p(), k(e(Q), {
+        append: u(() => [
+          e(o).mode == "default" ? (p(), v(e(Q), {
             key: 0,
             locale: t.value
           }, {
-            default: f(() => [
-              !e(o).isView && !l.isView || e(i) ? (p(), k(e(W), {
+            default: u(() => [
+              !e(o).isView && !l.isView || e(a) ? (p(), v(e(W), {
                 key: 0,
                 locale: t.value,
                 placement: e(o).placement,
                 modelValue: e(w),
-                "onUpdate:modelValue": a[0] || (a[0] = (n) => I(w) ? w.value = n : null),
+                "onUpdate:modelValue": n[0] || (n[0] = (i) => I(w) ? w.value = i : null),
                 size: e(o).size,
                 "show-alpha": e(o).showAlpha,
                 "color-format": e(o).colorFormat,
                 "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
                 predefine: e(o).predefine,
                 disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
-                onChange: e(x)
-              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : u("v-if", !0)
+                onChange: e(B)
+              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : V("", !0)
             ]),
             _: 1
-            /* STABLE */
-          }, 8, ["locale"])) : u("v-if", !0),
-          e(o).mode == "predefine" ? (p(), k(e(j), {
+          }, 8, ["locale"])) : V("", !0),
+          e(o).mode == "predefine" ? (p(), v(e(j), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
@@ -116,81 +114,60 @@ const Z = (s, r) => {
             "hide-on-click": !1,
             onVisibleChange: R
           }, {
-            content: f(() => [
-              P(
-                "span",
-                {
-                  class: C([
-                    "color-predefine-icon",
-                    e(o).size,
-                    { "border-predefine": e(i) && e(i) != "-" },
-                    { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
-                  ]),
-                  style: S("background-color:" + e(i))
-                },
-                [
-                  v(e(J), {
-                    icon: e(i) && e(i) != "-" ? "fold" : "close2",
-                    customSize: "6px",
-                    iconColor: e(i) && e(i) != "-" ? "var(--upf-bg-primary)" : "var(--upf-text-secondary)"
-                  }, null, 8, ["icon", "iconColor"])
-                ],
-                6
-                /* CLASS, STYLE */
-              )
+            content: u(() => [
+              P("span", {
+                class: C([
+                  "color-predefine-icon",
+                  e(o).size,
+                  { "border-predefine": e(a) && e(a) != "-" },
+                  { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
+                ]),
+                style: S("background-color:" + e(a))
+              }, [
+                k(e(J), {
+                  icon: e(a) && e(a) != "-" ? "fold" : "close2",
+                  customSize: "6px",
+                  iconColor: e(a) && e(a) != "-" ? "var(--upf-bg-primary)" : "var(--upf-text-secondary)"
+                }, null, 8, ["icon", "iconColor"])
+              ], 6)
             ]),
-            default: f(() => [
-              v(e(q), null, {
-                default: f(() => [
+            default: u(() => [
+              k(e(q), null, {
+                default: u(() => [
                   P("div", oe, [
-                    (p(!0), V(
-                      $,
-                      null,
-                      M(e(o).predefine, (n, T) => (p(), V("div", {
-                        class: C(["color-predefine-span", { active: e(i) == n }]),
-                        key: T,
-                        style: S("background-color:" + n),
-                        onClick: (de) => E(n)
-                      }, null, 14, le))),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
+                    (p(!0), m($, null, M(e(o).predefine, (i, T) => (p(), m("div", {
+                      class: C(["color-predefine-span", { active: e(a) == i }]),
+                      key: T,
+                      style: S("background-color:" + i),
+                      onClick: (de) => E(i)
+                    }, null, 14, le))), 128))
                   ])
                 ]),
                 _: 1
-                /* STABLE */
               })
             ]),
             _: 1
-            /* STABLE */
-          }, 8, ["disabled"])) : u("v-if", !0)
+          }, 8, ["disabled"])) : V("", !0)
         ]),
         _: 1
-        /* STABLE */
       }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal", "size"]),
-      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (p(), V(
-        "span",
-        {
-          key: 0,
-          class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-          onClick: D
-        },
-        A(e(H)("请选择")),
-        3
-        /* TEXT, CLASS */
-      )) : u("v-if", !0)
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(a) ? (p(), m("span", {
+        key: 0,
+        class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+        onClick: D
+      }, A(e(H)("请选择")), 3)) : V("", !0)
     ]));
   }
-}), ae = (s, r) => {
+}), ne = (s, r) => {
   const l = s.__vccOpts || s;
   for (const [c, t] of r)
     l[c] = t;
   return l;
-}, ne = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-3798695f"]]), re = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
+}, ie = /* @__PURE__ */ ne(ae, [["__scopeId", "data-v-3798695f"]]), re = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
 U(re);
-const ve = () => y(null), ke = F(ne);
+const ke = () => y(null), ve = F(ie);
 export {
-  ke as DasColorPicker,
-  ve as DasColorPickerRef,
-  ke as default
+  ve as DasColorPicker,
+  ke as DasColorPickerRef,
+  ve as default
 };

package/packages/components/custom-search-item/index.js

@@ -35,16 +35,10 @@ const D = { class: "das-ui-custom-search-item" }, x = /* @__PURE__ */ p({
       return typeof e == "string" ? l = parseInt(e) : typeof e == "number" && (l = e), `${l * 12}px`;
     })(o.labelLength, o.labelPosition));
     return (e, n) => (b(), g("div", D, [
-      c(
-        "div",
-        {
-          class: "label",
-          style: y({ width: f.value })
-        },
-        i(t.label) + "：",
-        5
-        /* TEXT, STYLE */
-      ),
+      c("div", {
+        class: "label",
+        style: y({ width: f.value })
+      }, i(t.label) + "：", 5),
       V(d(z), C({
         modelValue: a.value,
         "onUpdate:modelValue": n[0] || (n[0] = (l) => a.value = l),
@@ -54,15 +48,9 @@ const D = { class: "das-ui-custom-search-item" }, x = /* @__PURE__ */ p({
         defaultProps: t.defaultProps,
         onChange: m
       }, e.$attrs), null, 16, ["modelValue", "options", "defaultProps"]),
-      c(
-        "span",
-        {
-          class: I(["custom-label", { active: t.customerActive }])
-        },
-        i(d(S)("自定义")),
-        3
-        /* TEXT, CLASS */
-      ),
+      c("span", {
+        class: I(["custom-label", { active: t.customerActive }])
+      }, i(d(S)("自定义")), 3),
       w(e.$slots, "default", {}, void 0, !0)
     ]));
   }