@das-fed/ui 6.4.0-hot.21 → 6.4.0-hot.23

package/packages/components/collaspe/index.js

@@ -14,7 +14,7 @@ const D = /* @__PURE__ */ c({
     expandIconType: { default: "triangle" }
   },
   setup(o) {
-    const l = o, a = f(), e = i(l, "activeKey"), r = i(a, "collapsible");
+    const a = o, l = f(), e = i(a, "activeKey"), r = i(l, "collapsible");
     return u("parentCollapsible", r), (t, d) => (m(), y(n(h), v({
       class: "das-collapse",
       activeKey: n(e),
@@ -41,12 +41,12 @@ const D = /* @__PURE__ */ c({
       } : void 0
     ]), 1040, ["activeKey", "bordered", "style"]));
   }
-}), x = (o, l) => {
-  const a = o.__vccOpts || o;
-  for (const [e, r] of l)
-    a[e] = r;
-  return a;
-}, B = /* @__PURE__ */ x(D, [["__scopeId", "data-v-e4a86e3a"]]), A = () => _(null), M = g(B);
+}), x = (o, a) => {
+  const l = o.__vccOpts || o;
+  for (const [e, r] of a)
+    l[e] = r;
+  return l;
+}, B = /* @__PURE__ */ x(D, [["__scopeId", "data-v-8398cd17"]]), A = () => _(null), M = g(B);
 export {
   M as DasCollaspe,
   A as DasCollaspeRef,

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

@@ -9,8 +9,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    width: string;
     activeKey: string | string[];
+    width: string;
     bordered: boolean;
     expandIconType: "triangle" | "arrow";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/packages/components/collaspe/src/type.d.ts

@@ -1,20 +1,20 @@
-import { CollapseProps } from 'ant-design-vue'
-
-
-export interface Props {
-  
-  width?: string
-
-  
-  bordered: boolean
-
-  
-  activeKey?: string | string[]
-
-  expandIconType?: 'triangle' | 'arrow'
-}
-
-export interface Slots {
-  
-  default: {}
-}
+import { CollapseProps } from 'ant-design-vue'
+
+
+export interface Props {
+  
+  width?: string
+
+  
+  bordered: boolean
+
+  
+  activeKey?: string | string[]
+
+  expandIconType?: 'triangle' | 'arrow'
+}
+
+export interface Slots {
+  
+  default: {}
+}

package/packages/components/collaspe/style.css

@@ -1 +1 @@
-.das-collapse[data-v-e4a86e3a] .das-collaspe-panel.ant-collapse-item{border:0}.das-collapse.ant-collapse-icon-position-right[data-v-e4a86e3a]>.ant-collapse-item.ant-collapse-item-active>.ant-collapse-header .ant-collapse-arrow svg{transform:rotate(-90deg)!important}
+.das-collapse[data-v-8398cd17] .das-collaspe-panel.ant-collapse-item{border:0}.das-collapse.ant-collapse-icon-position-right[data-v-8398cd17]>.ant-collapse-item.ant-collapse-item-active>.ant-collapse-header .ant-collapse-arrow svg{transform:rotate(-90deg)!important}

package/packages/components/color-picker/index.d.ts

@@ -1,20 +1,20 @@
 /** 获取组件实例 */
 declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string) => any;
     "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
     dasInput: (value: string) => any;
 }, import("vue").PublicProps, {
-    options: Record<string, any>;
     disabled: boolean;
     modelValue: any;
     borderType: string;
     placeholder: string;
     isView: boolean;
     noSetDefaultVal: boolean;
+    options: Record<string, any>;
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
     B: {};
@@ -23,33 +23,33 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
     M: {};
     Defaults: {};
 }, Readonly<import("./src/type.js").Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, {
-    options: Record<string, any>;
     disabled: boolean;
     modelValue: any;
     borderType: string;
     placeholder: string;
     isView: boolean;
     noSetDefaultVal: boolean;
+    options: Record<string, any>;
 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string) => any;
     "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
     dasInput: (value: string) => any;
 }, import("vue").PublicProps, {
-    options: Record<string, any>;
     disabled: boolean;
     modelValue: any;
     borderType: string;
     placeholder: string;
     isView: boolean;
     noSetDefaultVal: boolean;
+    options: Record<string, any>;
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
     B: {};
@@ -58,34 +58,34 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
     M: {};
     Defaults: {};
 }, Readonly<import("./src/type.js").Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, {
-    options: Record<string, any>;
     disabled: boolean;
     modelValue: any;
     borderType: string;
     placeholder: string;
     isView: boolean;
     noSetDefaultVal: boolean;
+    options: Record<string, any>;
 }> | null>;
 declare const DasColorPicker: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string) => any;
     "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
     dasInput: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
 }>, {
-    options: Record<string, any>;
     disabled: boolean;
     modelValue: any;
     borderType: string;
     placeholder: string;
     isView: boolean;
     noSetDefaultVal: boolean;
+    options: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasColorPicker, DasColorPickerRef };
 export default DasColorPicker;

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

@@ -8,8 +8,9 @@ import { ElConfigProvider as U, ElColorPicker as L } from "element-plus";
 import "element-plus/es/components/color-picker/style/css";
 import { useModelValue as C } from "@das-fed/utils/vue";
 import z from "element-plus/dist/locale/zh-cn.mjs";
-import { setThemeRule as j } from "@das-fed/web/packages/theme/index";
-const q = (s, r) => {
+import { t as j } from "@das-fed/web/packages/i18n/index";
+import { setThemeRule as q } from "@das-fed/web/packages/theme/index";
+const G = (s, r) => {
   const l = C(s, "modelValue"), p = C(s, "options");
   let i = C(s, "modelValue");
   return { innerValue: l, inputChangeHandler: (o) => {
@@ -17,10 +18,10 @@ const q = (s, r) => {
   }, inputInputHandler: (o) => {
     i.value = o, r("update:modelValue", o), r("dasInput", o), r("change", o);
   }, colorOption: p, colorPickerValue: i };
-}, G = {
+}, J = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, J = { class: "color-predefine-content" }, K = ["onClick"], Q = /* @__PURE__ */ R({
+}, K = { class: "color-predefine-content" }, Q = ["onClick"], W = /* @__PURE__ */ R({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -34,7 +35,7 @@ const q = (s, r) => {
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
     borderType: { default: "bottom" },
-    placeholder: { default: "请输入" },
+    placeholder: { default: j("请输入") },
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "dasInput"],
@@ -44,7 +45,7 @@ const q = (s, r) => {
       fold: import("@das-fed/ui/packages/icons/fold"),
       close2: import("@das-fed/ui/packages/icons/close-2")
     });
-    const { innerValue: i, inputChangeHandler: v, inputInputHandler: y, colorOption: o, colorPickerValue: V } = q(l, p), w = g(), u = g(!1), H = (d) => {
+    const { innerValue: i, inputChangeHandler: v, inputInputHandler: y, colorOption: o, colorPickerValue: V } = G(l, p), w = g(), u = g(!1), H = (d) => {
       var a, n;
       p("change", d), i.value = d, (n = (a = w.value) == null ? void 0 : a.getElRef()) == null || n.handleClose(), u.value = !1;
     }, _ = () => {
@@ -53,7 +54,7 @@ const q = (s, r) => {
     }, B = (d) => {
       u.value = d;
     };
-    return (d, a) => (t(), f("div", G, [
+    return (d, a) => (t(), f("div", J, [
       b(e(M), S({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
@@ -135,7 +136,7 @@ const q = (s, r) => {
             default: c(() => [
               b(e(F), null, {
                 default: c(() => [
-                  I("div", J, [
+                  I("div", K, [
                     (t(!0), f(
                       T,
                       null,
@@ -143,8 +144,8 @@ const q = (s, r) => {
                         class: k(["color-predefine-span", { active: e(i) == n }]),
                         key: E,
                         style: P("background-color:" + n),
-                        onClick: (Z) => H(n)
-                      }, null, 14, K))),
+                        onClick: (ee) => H(n)
+                      }, null, 14, Q))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
@@ -174,12 +175,12 @@ const q = (s, r) => {
       )) : m("v-if", !0)
     ]));
   }
-}), W = (s, r) => {
+}), X = (s, r) => {
   const l = s.__vccOpts || s;
   for (const [p, i] of r)
     l[p] = i;
   return l;
-}, X = /* @__PURE__ */ W(Q, [["__scopeId", "data-v-131ccb78"]]), Y = {
+}, Y = /* @__PURE__ */ X(W, [["__scopeId", "data-v-f9add5be"]]), Z = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -187,10 +188,10 @@ const q = (s, r) => {
   "--das-ui-color-picker-primary": "#5582F3"
   // 主题色
 };
-j(Y);
-const pe = () => g(null), ce = O(X);
+q(Z);
+const ue = () => g(null), fe = O(Y);
 export {
-  ce as DasColorPicker,
-  pe as DasColorPickerRef,
-  ce as default
+  fe as DasColorPicker,
+  ue as DasColorPickerRef,
+  fe as default
 };

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

@@ -1,20 +1,20 @@
 import 'element-plus/es/components/color-picker/style/css';
 import type { Props } from './type';
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string) => any;
     "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
     dasInput: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
 }>, {
-    options: Record<string, any>;
     disabled: boolean;
     modelValue: any;
     borderType: string;
     placeholder: string;
     isView: boolean;
     noSetDefaultVal: boolean;
+    options: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,30 +1,30 @@
-export interface Props {
-  
-  modelValue: any
-
-  
-  options: Record<string, any>
-
-  
-  disabled: boolean
-
-  
-  isView: boolean
-  
-  borderType?: string
-  
-  placeholder?: string
-    
-    noSetDefaultVal?: boolean;
-}
-
-export interface Emits {
-  
-  (e: 'update:modelValue', value: string): void
-
-  
-  (e: 'change', value: string): void
-
-  
-  (e: 'dasInput', value: string): void
+export interface Props {
+  
+  modelValue: any
+
+  
+  options: Record<string, any>
+
+  
+  disabled: boolean
+
+  
+  isView: boolean
+  
+  borderType?: string
+  
+  placeholder?: string
+    
+    noSetDefaultVal?: boolean;
+}
+
+export interface Emits {
+  
+  (e: 'update:modelValue', value: string): void
+
+  
+  (e: 'change', value: string): void
+
+  
+  (e: 'dasInput', value: string): void
 }

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

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

@@ -10,8 +10,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
         readonly customerActive?: boolean | 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;
+        readonly onChange?: ((e: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -25,19 +25,19 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "change", e: any) => void) & ((event: "update:modelValue", n: any) => void);
+    $emit: ((event: "update:modelValue", n: any) => void) & ((event: "change", e: any) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-        onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        change: (e: any) => any;
         "update:modelValue": (n: any) => any;
+        change: (e: any) => any;
     }, string, {
-        options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        options: any[];
         customerActive: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -60,15 +60,15 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    options: any[];
     label: string;
     defaultProps: import("./src/type.js").ValLabel<string>;
     modelValue: any;
+    options: any[];
     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 & {} & {
+    onChange?: ((e: any) => any) | undefined;
+}>, "label" | "defaultProps" | "modelValue" | "options" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {}): any;
     };
@@ -83,8 +83,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
         readonly customerActive?: boolean | 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;
+        readonly onChange?: ((e: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -98,19 +98,19 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "change", e: any) => void) & ((event: "update:modelValue", n: any) => void);
+    $emit: ((event: "update:modelValue", n: any) => void) & ((event: "change", e: any) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-        onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        change: (e: any) => any;
         "update:modelValue": (n: any) => any;
+        change: (e: any) => any;
     }, string, {
-        options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        options: any[];
         customerActive: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -133,31 +133,31 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    options: any[];
     label: string;
     defaultProps: import("./src/type.js").ValLabel<string>;
     modelValue: any;
+    options: any[];
     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 & {} & {
+    onChange?: ((e: any) => any) | undefined;
+}>, "label" | "defaultProps" | "modelValue" | "options" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {}): any;
     };
 }) | null>;
 declare const DasCustomSearchItem: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-        onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        change: (e: any) => any;
         "update:modelValue": (n: any) => any;
+        change: (e: any) => any;
     }, import("vue").PublicProps, {
-        options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        options: any[];
         customerActive: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -167,29 +167,29 @@ declare const DasCustomSearchItem: import("@das-fed/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-        onChange?: ((e: any) => any) | undefined;
         "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        options: any[];
         label: string;
         defaultProps: import("./src/type.js").ValLabel<string>;
         modelValue: any;
+        options: any[];
         customerActive: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-    onChange?: ((e: any) => any) | undefined;
     "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    onChange?: ((e: any) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (e: any) => any;
     "update:modelValue": (n: any) => any;
+    change: (e: any) => any;
 }, string, {
-    options: any[];
     label: string;
     defaultProps: import("./src/type.js").ValLabel<string>;
     modelValue: any;
+    options: any[];
     customerActive: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {