@das-fed/ui 6.4.0-test.8.1 → 7.0.0

package/packages/components/collaspe/index.d.ts

@@ -4,8 +4,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $props: {
         readonly width?: string | undefined;
         readonly bordered: boolean;
-        readonly activeKey?: (string | string[]) | undefined;
-        readonly expandIconType?: ("triangle" | "arrow") | undefined;
+        readonly activeKey?: string | string[] | undefined;
+        readonly expandIconType?: "triangle" | "arrow" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -53,7 +53,7 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     expandIconType: "triangle" | "arrow";
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "activeKey" | "width" | "bordered" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
@@ -61,8 +61,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $props: {
         readonly width?: string | undefined;
         readonly bordered: boolean;
-        readonly activeKey?: (string | string[]) | undefined;
-        readonly expandIconType?: ("triangle" | "arrow") | undefined;
+        readonly activeKey?: string | string[] | undefined;
+        readonly expandIconType?: "triangle" | "arrow" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -110,7 +110,7 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     expandIconType: "triangle" | "arrow";
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "activeKey" | "width" | "bordered" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null>;
 declare const DasCollaspe: import("@das-fed/utils").SFCWithInstall<{
@@ -142,7 +142,7 @@ declare const DasCollaspe: import("@das-fed/utils").SFCWithInstall<{
     expandIconType: "triangle" | "arrow";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 })>;
 export { DasCollaspe, DasCollaspeRef };

package/packages/components/collaspe/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/collaspe/style.css';
-import { defineComponent as c, useAttrs as f, provide as u, openBlock as m, createBlock as y, unref as n, mergeProps as v, isRef as b, createSlots as C, withCtx as p, renderSlot as I, createVNode as w, normalizeStyle as K, ref as _ } from "vue";
+import { defineComponent as c, useAttrs as f, provide as u, createBlock as m, openBlock as y, unref as n, mergeProps as v, isRef as b, createSlots as C, withCtx as p, renderSlot as I, createVNode as w, normalizeStyle as K, ref as _ } from "vue";
 import { withInstall as g } from "@das-fed/utils/with-install/index";
 import { Collapse as h } from "ant-design-vue";
 import { DasIconDown3 as k } from "@das-fed/ui/packages/icons/down-3/index";
@@ -15,7 +15,7 @@ const D = /* @__PURE__ */ c({
   },
   setup(o) {
     const l = o, a = f(), e = i(l, "activeKey"), r = i(a, "collapsible");
-    return u("parentCollapsible", r), (t, d) => (m(), y(n(h), v({
+    return u("parentCollapsible", r), (t, d) => (y(), m(n(h), v({
       class: "das-collapse",
       activeKey: n(e),
       "onUpdate:activeKey": d[0] || (d[0] = (s) => b(e) ? e.value = s : null),

package/packages/components/collaspe/src/Index.vue.d.ts

@@ -1,22 +1,32 @@
+import { Collapse } from 'ant-design-vue';
+import { DasIconDown3 } from '@das-fed/ui';
 import 'ant-design-vue/es/collapse/style/css';
 import type { Props } from './type';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const activeKey: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_10: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_10) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    Collapse: typeof Collapse;
+    DasIconDown3: typeof DasIconDown3;
+    activeKey: typeof activeKey;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    activeKey: string | string[];
+    width: string;
+    bordered: boolean;
+    expandIconType: "triangle" | "arrow";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     activeKey: string | string[];
     width: string;
     bordered: boolean;
     expandIconType: "triangle" | "arrow";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

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

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

@@ -1 +1 @@
-.das-ui-color-picker[data-v-cae385f0]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-cae385f0]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-cae385f0]{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-cae385f0]{left:8px}.das-ui-color-picker .das-ui-input[data-v-cae385f0]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-cae385f0] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-cae385f0] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-cae385f0] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-cae385f0] .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-cae385f0] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-cae385f0] .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-cae385f0] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-cae385f0] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-cae385f0]{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-cae385f0]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-cae385f0]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-cae385f0]{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}
+.das-ui-color-picker[data-v-fa0ac329]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-fa0ac329]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-fa0ac329]{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-fa0ac329]{left:8px}.das-ui-color-picker .das-ui-input[data-v-fa0ac329]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-fa0ac329] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-fa0ac329] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-fa0ac329] .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-fa0ac329] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-fa0ac329] .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-fa0ac329] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-fa0ac329]{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-fa0ac329]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-fa0ac329]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-fa0ac329]{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}

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 "onUpdate:modelValue"?: ((n: any) => any) | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -70,7 +70,7 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     onChange?: ((e: any) => any) | undefined;
 }>, "label" | "defaultProps" | "modelValue" | "options" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
@@ -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 "onUpdate:modelValue"?: ((n: any) => any) | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -143,7 +143,7 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     onChange?: ((e: any) => any) | undefined;
 }>, "label" | "defaultProps" | "modelValue" | "options" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null>;
 declare const DasCustomSearchItem: import("@das-fed/utils").SFCWithInstall<{
@@ -193,7 +193,7 @@ declare const DasCustomSearchItem: import("@das-fed/utils").SFCWithInstall<{
     customerActive: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 })>;
 export { DasCustomSearchItem, DasCustomSearchItemRef };

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

@@ -1,5 +1,5 @@
 import '@das-fed/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 f, ref as u, watchEffect as h, watch as v, createElementBlock as b, openBlock as g, createElementVNode as i, createVNode as y, renderSlot as V, normalizeStyle as C, toDisplayString as c, unref as d, mergeProps as I, normalizeClass as w } from "vue";
 import { withInstall as P } from "@das-fed/utils/with-install/index";
 import { t as S, setI18nRule as _ } from "@das-fed/web/packages/i18n/index";
 import { DasRadio as k } from "@das-fed/ui/packages/components/radio/index";
@@ -34,18 +34,18 @@ const R = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
       let a = 4;
       return typeof e == "string" ? a = parseInt(e) : typeof e == "number" && (a = e), `${a * 12}px`;
     })(o.labelLength, o.labelPosition));
-    return (e, r) => (b(), g("div", R, [
+    return (e, r) => (g(), b("div", R, [
       i(
         "div",
         {
           class: "label",
-          style: y({ width: p.value })
+          style: C({ width: p.value })
         },
         c(e.label) + "：",
         5
         /* TEXT, STYLE */
       ),
-      V(d(k), C({
+      y(d(k), I({
         modelValue: t.value,
         "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         optionType: "filterSquare",
@@ -57,13 +57,13 @@ const R = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
       i(
         "span",
         {
-          class: I(["custom-label", { active: e.customerActive }])
+          class: w(["custom-label", { active: e.customerActive }])
         },
         c(d(S)("自定义")),
         3
         /* TEXT, CLASS */
       ),
-      w(e.$slots, "default", {}, void 0, !0)
+      V(e.$slots, "default", {}, void 0, !0)
     ]));
   }
 }), B = (l, n) => {

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

@@ -1,12 +1,33 @@
+import { t } from '@das-fed/web';
+import { DasRadio } from '@das-fed/ui';
 import type { CustomSearchItem } from './type';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const searchvalue: import("vue").Ref<any, any>;
+declare const changeHandler: () => void;
+declare const labelWidth: import("vue").Ref<string, string>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_9: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_9) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<CustomSearchItem, {
+    t: typeof t;
+    DasRadio: typeof DasRadio;
+    searchvalue: typeof searchvalue;
+    changeHandler: typeof changeHandler;
+    labelWidth: typeof labelWidth;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (n: any) => any;
+    change: (e: any) => any;
+}, string, import("vue").PublicProps, Readonly<CustomSearchItem> & Readonly<{
+    "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    onChange?: ((e: any) => any) | undefined;
+}>, {
+    label: string;
+    defaultProps: import("./type").ValLabel<string>;
+    modelValue: any;
+    options: any[];
+    customerActive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<CustomSearchItem, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (n: any) => any;
     change: (e: any) => any;
@@ -20,9 +41,9 @@ declare const __VLS_component: import("vue").DefineComponent<CustomSearchItem, {
     options: any[];
     customerActive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };