@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

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

@@ -1,28 +1,27 @@
 import '@das-fed/upf-ui/packages/components/color-picker/style.css';
-import { defineComponent as x, computed as D, ref as y, openBlock as c, createElementBlock as V, createVNode as k, unref as e, mergeProps as N, isRef as I, withCtx as f, createBlock as C, createCommentVNode as w, createElementVNode as P, normalizeClass as g, normalizeStyle as S, Fragment as O, renderList as $, toDisplayString as F } from "vue";
-import { withInstall as M } from "@das-fed/upf-utils/with-install/index";
-import { currentLang as A, t as H, setI18nRule as L } from "@das-fed/upf-web/packages/i18n/index";
-import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/upf-ui/packages/components/dropdown/index";
-import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasInput as J } from "@das-fed/upf-ui/packages/components/input/index";
-import { ElConfigProvider as K, ElColorPicker as Q } from "element-plus";
+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 { 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";
+import { DasAutoRegisterIcon as G, DasIcon as J } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasInput as K } from "@das-fed/upf-ui/packages/components/input/index";
+import { ElConfigProvider as Q, ElColorPicker as W } from "element-plus";
 import "element-plus/es/components/color-picker/style/css";
-import { useModelValue as v } from "@das-fed/upf-utils/vue";
-import W from "element-plus/dist/locale/zh-cn.mjs";
-import X from "element-plus/dist/locale/en.mjs";
-import { setThemeRule as Y } from "@das-fed/upf-web/packages/theme/index";
-const Z = (t, d) => {
-  const l = v(t, "modelValue"), u = v(t, "options");
-  let p = v(t, "modelValue");
+import { useModelValue as g } from "@das-fed/upf-utils/vue";
+import X from "element-plus/dist/locale/zh-cn.mjs";
+import Y from "element-plus/dist/locale/en.mjs";
+const Z = (s, r) => {
+  const l = g(s, "modelValue"), c = g(s, "options");
+  let t = g(s, "modelValue");
   return { innerValue: l, inputChangeHandler: (i) => {
-    p.value = i, d("update:modelValue", i), d("change", i);
+    t.value = i, r("update:modelValue", i), r("change", i);
   }, inputInputHandler: (i) => {
-    p.value = i, d("update:modelValue", i), d("dasInput", i), d("change", i);
-  }, colorOption: u, colorPickerValue: p };
+    t.value = i, r("update:modelValue", i), r("dasInput", i), r("change", i);
+  }, colorOption: c, colorPickerValue: t };
 }, ee = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ie = /* @__PURE__ */ N({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -41,140 +40,156 @@ const Z = (t, d) => {
     formSize: {}
   },
   emits: ["update:modelValue", "change", "dasInput"],
-  setup(t, { emit: d }) {
-    const l = t, u = d;
-    q({
+  setup(s, { emit: r }) {
+    const l = s, c = r;
+    G({
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       close2: import("@das-fed/upf-ui/packages/icons/close-2")
     });
-    const p = D(() => A.value === "zh-CN" ? W : X), _ = D(() => l.placeholder || H("请输入")), { innerValue: a, inputChangeHandler: i, inputInputHandler: R, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (s) => {
-      var n, r;
-      u("change", s), a.value = s, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
-    }, z = () => {
-      var s, n;
-      o.value.mode != "default" && ((n = (s = b.value) == null ? void 0 : s.getElRef()) == null || n.handleOpen(), m.value = !0);
-    }, E = (s) => {
-      m.value = s;
+    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;
+    }, D = () => {
+      var d, a;
+      o.value.mode != "default" && ((a = (d = h.value) == null ? void 0 : d.getElRef()) == null || a.handleOpen(), m.value = !0);
+    }, R = (d) => {
+      m.value = d;
     };
-    return (s, n) => (c(), V("div", ee, [
-      k(e(J), N({
+    return (d, a) => (p(), V("div", ee, [
+      u(" 内部 input 宽度跟随容器自适应，避免使用 das-input 默认的 230px 固定宽度 "),
+      v(e(K), O({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
-          { "das-empty-color": !e(a) },
+          { "das-empty-color": !e(i) },
           { "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 }
         ]],
-        modelValue: e(a),
-        "onUpdate:modelValue": n[1] || (n[1] = (r) => I(a) ? a.value = r : null)
-      }, s.$attrs, {
+        width: "100%",
+        modelValue: e(i),
+        "onUpdate:modelValue": a[1] || (a[1] = (n) => I(i) ? i.value = n : null)
+      }, d.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
         append: "",
-        onClick: z,
-        onInput: e(R),
-        borderType: l.borderType,
+        onClick: D,
+        onInput: e(B),
+        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(a),
+        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i),
         size: l.formSize
       }), {
         append: f(() => [
-          e(o).mode == "default" ? (c(), C(e(K), {
+          e(o).mode == "default" ? (p(), k(e(Q), {
             key: 0,
-            locale: p.value
+            locale: t.value
           }, {
             default: f(() => [
-              !e(o).isView && !l.isView || e(a) ? (c(), C(e(Q), {
+              !e(o).isView && !l.isView || e(i) ? (p(), k(e(W), {
                 key: 0,
-                locale: p.value,
+                locale: t.value,
                 placement: e(o).placement,
-                modelValue: e(h),
-                "onUpdate:modelValue": n[0] || (n[0] = (r) => I(h) ? h.value = r : null),
+                modelValue: e(w),
+                "onUpdate:modelValue": a[0] || (a[0] = (n) => I(w) ? w.value = n : 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(i)
-              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : w("", !0)
+                onChange: e(x)
+              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : u("v-if", !0)
             ]),
             _: 1
-          }, 8, ["locale"])) : w("", !0),
-          e(o).mode == "predefine" ? (c(), C(e(U), {
+            /* STABLE */
+          }, 8, ["locale"])) : u("v-if", !0),
+          e(o).mode == "predefine" ? (p(), k(e(j), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
-            ref: b,
+            ref: h,
             trigger: "click",
             placement: "bottom-end",
             selfPopperClass: "color-predefine-dropdown",
             "hide-on-click": !1,
-            onVisibleChange: E
+            onVisibleChange: R
           }, {
             content: f(() => [
-              P("span", {
-                class: g([
-                  "color-predefine-icon",
-                  e(o).size,
-                  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(G), {
-                  icon: e(a) && e(a) != "-" ? "fold" : "close2",
-                  customSize: "6px",
-                  iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
-                }, null, 8, ["icon", "iconColor"])
-              ], 6)
+              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 */
+              )
             ]),
             default: f(() => [
-              k(e(j), null, {
+              v(e(q), null, {
                 default: f(() => [
                   P("div", oe, [
-                    (c(!0), V(O, null, $(e(o).predefine, (r, T) => (c(), V("div", {
-                      class: g(["color-predefine-span", { active: e(a) == r }]),
-                      key: T,
-                      style: S("background-color:" + r),
-                      onClick: (se) => B(r)
-                    }, null, 14, le))), 128))
+                    (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 */
+                    ))
                   ])
                 ]),
                 _: 1
+                /* STABLE */
               })
             ]),
             _: 1
-          }, 8, ["disabled"])) : w("", !0)
+            /* STABLE */
+          }, 8, ["disabled"])) : u("v-if", !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(a) ? (c(), V("span", {
-        key: 0,
-        class: g(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-        onClick: z
-      }, F(e(H)("请选择")), 3)) : w("", !0)
+      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)
     ]));
   }
-}), ie = (t, d) => {
-  const l = t.__vccOpts || t;
-  for (const [u, p] of d)
-    l[u] = p;
+}), ae = (s, r) => {
+  const l = s.__vccOpts || s;
+  for (const [c, t] of r)
+    l[c] = t;
   return l;
-}, ne = /* @__PURE__ */ ie(ae, [["__scopeId", "data-v-de696500"]]), re = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  },
-  "--das-ui-color-picker-primary": "#5582F3"
-  // 主题色
-}, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
-L(de);
-Y(re);
-const ge = () => y(null), ve = M(ne);
+}, ne = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-3798695f"]]), re = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
+U(re);
+const ve = () => y(null), ke = F(ne);
 export {
-  ve as DasColorPicker,
-  ge as DasColorPickerRef,
-  ve as default
+  ke as DasColorPicker,
+  ve as DasColorPickerRef,
+  ke as default
 };

package/packages/components/color-picker/src/Index.vue.d.ts

@@ -11,10 +11,10 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     options: Record<string, any>;
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
     isView: boolean;
+    borderType: "bottom" | "bordered";
     noSetDefaultVal: boolean;
-    borderType: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/components/color-picker/src/type.d.ts

@@ -12,7 +12,7 @@ export interface Props {
   isView: boolean
 
   
-  borderType?: string
+  borderType?: 'bottom' | 'bordered'
 
   
   placeholder?: string

package/packages/components/color-picker/style.css

@@ -1 +1 @@
-.das-ui-color-picker[data-v-de696500]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-de696500]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-de696500]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-de696500]{left:8px}.das-ui-color-picker .das-ui-input[data-v-de696500]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-de696500] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-de696500] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-de696500] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-de696500]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-de696500]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-de696500]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-de696500]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}
+@charset "UTF-8";.das-ui-color-picker[data-v-3798695f]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-3798695f]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-3798695f]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:var(--upf-text-disabled);font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-3798695f]{left:8px}.das-ui-color-picker .das-ui-input[data-v-3798695f]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-3798695f] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-3798695f] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-3798695f] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 8px!important;background:var(--upf-bg-secondary)}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input .el-color-picker{display:flex;align-items:center}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input .el-color-picker__color{border:1px solid rgba(15,23,42,.18);border-radius:5px;background-color:var(--upf-bg-primary);background-image:linear-gradient(45deg,#eef2f7 25%,transparent 25%),linear-gradient(-45deg,#eef2f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f7 75%),linear-gradient(-45deg,transparent 75%,#eef2f7 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;box-shadow:inset 0 0 0 1px #ffffffb8}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:4px}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#0f172a3d}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger,.das-ui-color-picker[data-v-3798695f] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:22px;height:22px}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input .el-color-picker__trigger{border:0;padding:1px;border-radius:5px}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input .color-predefine-icon{width:18px;height:18px;border-radius:4px;border:1px solid rgba(15,23,42,.2);display:flex;align-items:center;justify-content:center;padding:1px;box-sizing:border-box;background-color:var(--upf-bg-primary);box-shadow:inset 0 0 0 1px #ffffffb3}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#0f172a24}.das-ui-color-picker[data-v-3798695f] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-3798695f]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-3798695f]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-3798695f]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-3798695f]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:var(--upf-text-disabled)!important;-webkit-text-fill-color:var(--upf-text-disabled)!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:var(--upf-bg-primary)}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px var(--upf-color-primary) inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:var(--upf-divider-color)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid var(--upf-text-secondary)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:var(--upf-bg-primary)}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:var(--upf-color-primary)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:var(--upf-text-secondary)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:var(--upf-divider-color)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:var(--upf-text-disabled)!important;-webkit-text-fill-color:var(--upf-text-disabled)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:var(--upf-divider-color)!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--upf-color-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--upf-color-primary);border-color:var(--upf-color-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}

package/packages/components/custom-search-item/index.d.ts

@@ -8,8 +8,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
         readonly options?: any[] | undefined;
         readonly modelValue?: any;
         readonly customerActive?: boolean | undefined;
-        readonly labelLength?: number | string | undefined;
-        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -36,8 +36,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     }, string, {
         options: any[];
         label: string;
-        defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        defaultProps: import("./src/type.js").ValLabel<string>;
         customerActive: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -62,13 +62,13 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
 } & Readonly<{
     options: any[];
     label: string;
-    defaultProps: import("./src/type.js").ValLabel<string>;
     modelValue: any;
+    defaultProps: import("./src/type.js").ValLabel<string>;
     customerActive: boolean;
 }> & Omit<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
     onChange?: ((e: any) => any) | undefined;
     "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-}>, "options" | "label" | "defaultProps" | "modelValue" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}>, "options" | "label" | "modelValue" | "defaultProps" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     };
@@ -81,8 +81,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
         readonly options?: any[] | undefined;
         readonly modelValue?: any;
         readonly customerActive?: boolean | undefined;
-        readonly labelLength?: number | string | undefined;
-        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -109,8 +109,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     }, string, {
         options: any[];
         label: string;
-        defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        defaultProps: import("./src/type.js").ValLabel<string>;
         customerActive: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -135,13 +135,13 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
 } & Readonly<{
     options: any[];
     label: string;
-    defaultProps: import("./src/type.js").ValLabel<string>;
     modelValue: any;
+    defaultProps: import("./src/type.js").ValLabel<string>;
     customerActive: boolean;
 }> & Omit<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
     onChange?: ((e: any) => any) | undefined;
     "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-}>, "options" | "label" | "defaultProps" | "modelValue" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}>, "options" | "label" | "modelValue" | "defaultProps" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     };
@@ -156,8 +156,8 @@ declare const DasCustomSearchItem: import("@das-fed/upf-utils").SFCWithInstall<{
     }, import("vue").PublicProps, {
         options: any[];
         label: string;
-        defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        defaultProps: import("./src/type.js").ValLabel<string>;
         customerActive: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -172,8 +172,8 @@ declare const DasCustomSearchItem: import("@das-fed/upf-utils").SFCWithInstall<{
     }>, {}, {}, {}, {}, {
         options: any[];
         label: string;
-        defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        defaultProps: import("./src/type.js").ValLabel<string>;
         customerActive: boolean;
     }>;
     __isFragment?: never;
@@ -188,8 +188,8 @@ declare const DasCustomSearchItem: import("@das-fed/upf-utils").SFCWithInstall<{
 }, string, {
     options: any[];
     label: string;
-    defaultProps: import("./src/type.js").ValLabel<string>;
     modelValue: any;
+    defaultProps: import("./src/type.js").ValLabel<string>;
     customerActive: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1,10 +1,9 @@
 import '@das-fed/upf-ui/packages/components/custom-search-item/style.css';
-import { defineComponent as f, ref as u, watchEffect as h, watch as v, openBlock as b, createElementBlock as g, createElementVNode as i, normalizeStyle as y, toDisplayString as c, createVNode as V, unref as d, mergeProps as C, normalizeClass as I, renderSlot as w } from "vue";
+import { defineComponent as p, ref as u, watchEffect as h, watch as v, openBlock as b, createElementBlock as g, createElementVNode as c, normalizeStyle as y, toDisplayString as i, createVNode as V, unref as d, mergeProps as C, normalizeClass as I, renderSlot as w } from "vue";
 import { withInstall as P } from "@das-fed/upf-utils/with-install/index";
-import { t as S, setI18nRule as _ } from "@das-fed/upf-web/packages/i18n/index";
-import { DasRadio as k } from "@das-fed/upf-ui/packages/components/radio/index";
-import { setThemeRule as z } from "@das-fed/upf-web/packages/theme/index";
-const D = { class: "das-ui-custom-search-item" }, R = /* @__PURE__ */ f({
+import { t as S, setI18nRule as k } from "@das-fed/upf-web/packages/i18n/index";
+import { DasRadio as z } from "@das-fed/upf-ui/packages/components/radio/index";
+const D = { class: "das-ui-custom-search-item" }, x = /* @__PURE__ */ p({
   __name: "Index",
   props: {
     label: { default: "" },
@@ -19,57 +18,63 @@ const D = { class: "das-ui-custom-search-item" }, R = /* @__PURE__ */ f({
     labelPosition: {}
   },
   emits: ["change", "update:modelValue"],
-  setup(l, { emit: r }) {
-    const o = l, s = r, t = u();
+  setup(t, { emit: r }) {
+    const o = t, s = r, a = u();
     h(() => {
-      t.value = o.modelValue;
-    }), v(t, (e) => {
+      a.value = o.modelValue;
+    }), v(a, (e) => {
       s("update:modelValue", e);
     });
     const m = () => {
-      s("change", t.value);
-    }, p = u(((e, n) => {
+      s("change", a.value);
+    }, f = u(((e, n) => {
       if (n === "top")
         return "fit-content";
-      let a = 4;
-      return typeof e == "string" ? a = parseInt(e) : typeof e == "number" && (a = e), `${a * 12}px`;
+      let l = 4;
+      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, [
-      i("div", {
-        class: "label",
-        style: y({ width: p.value })
-      }, c(e.label) + "：", 5),
-      V(d(k), C({
-        modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
+      c(
+        "div",
+        {
+          class: "label",
+          style: y({ width: f.value })
+        },
+        i(t.label) + "：",
+        5
+        /* TEXT, STYLE */
+      ),
+      V(d(z), C({
+        modelValue: a.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (l) => a.value = l),
         optionType: "filterSquare",
         radioType: "group",
-        options: e.options,
-        defaultProps: e.defaultProps,
+        options: t.options,
+        defaultProps: t.defaultProps,
         onChange: m
       }, e.$attrs), null, 16, ["modelValue", "options", "defaultProps"]),
-      i("span", {
-        class: I(["custom-label", { active: e.customerActive }])
-      }, c(d(S)("自定义")), 3),
+      c(
+        "span",
+        {
+          class: I(["custom-label", { active: t.customerActive }])
+        },
+        i(d(S)("自定义")),
+        3
+        /* TEXT, CLASS */
+      ),
       w(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), B = (l, r) => {
-  const o = l.__vccOpts || l;
-  for (const [s, t] of r)
-    o[s] = t;
+}), B = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [s, a] of r)
+    o[s] = a;
   return o;
-}, E = /* @__PURE__ */ B(R, [["__scopeId", "data-v-32afc8d6"]]), N = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  }
-}, T = { 自定义: { "zh-CN": "自定义", en: "Custom", "zh-MO": "自定義", _appCode: "framework" } };
-_(T);
-z(N);
-const M = () => u(null), U = P(E);
+}, E = /* @__PURE__ */ B(x, [["__scopeId", "data-v-6cc9aa34"]]), N = { 自定义: { "zh-CN": "自定义", en: "Custom", "zh-MO": "自定義", _appCode: "framework" } };
+k(N);
+const T = () => u(null), q = P(E);
 export {
-  U as DasCustomSearchItem,
-  M as DasCustomSearchItemRef,
-  U as default
+  q as DasCustomSearchItem,
+  T as DasCustomSearchItemRef,
+  q as default
 };

package/packages/components/custom-search-item/src/Index.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_component: import("vue").DefineComponent<CustomSearchItem, {
 }>, {
     options: any[];
     label: string;
-    defaultProps: import("./type").ValLabel<string>;
     modelValue: any;
+    defaultProps: import("./type").ValLabel<string>;
     customerActive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/packages/components/custom-search-item/src/type.d.ts

@@ -41,9 +41,10 @@
 
 
 export type ValLabel<N> = {
-  key: N
+  key?: N
   label: N
-  icon: string
+  value?: N
+  icon?: string
   disabled?: boolean
 }
 export type CustomSearchItem = {

package/packages/components/custom-search-item/style.css

@@ -1 +1 @@
-.das-ui-custom-search-item[data-v-32afc8d6]{display:flex;align-items:center;height:40px}.das-ui-custom-search-item .custom-label[data-v-32afc8d6]{display:flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border:1px solid transparent;cursor:pointer;border-radius:2px;font-size:var(--das-ui-font-size-sm);font-weight:500;margin:0 10px 0 24px}.das-ui-custom-search-item .custom-label.active[data-v-32afc8d6]{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-custom-search-item .label{color:var(--das-ui-search-form-filter-font-color);margin-right:24px;font-size:var(--das-ui-font-size-sm)}
+.das-ui-custom-search-item[data-v-6cc9aa34]{display:flex;align-items:center;height:40px}.das-ui-custom-search-item .custom-label[data-v-6cc9aa34]{display:flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border:1px solid transparent;cursor:pointer;border-radius:2px;font-size:var(--das-ui-font-size-sm);font-weight:500;margin:0 10px 0 24px}.das-ui-custom-search-item .custom-label.active[data-v-6cc9aa34]{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-custom-search-item .label{color:var(--das-ui-search-form-filter-font-color);margin-right:24px;font-size:var(--das-ui-font-size-sm)}