@das-fed/ui 6.4.0-test.2.1 → 6.4.0-test.3.1

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

@@ -1,26 +1,27 @@
 import '@das-fed/ui/packages/components/color-picker/style.css';
-import { defineComponent as R, ref as g, openBlock as t, createElementBlock as f, createVNode as b, unref as e, mergeProps as S, isRef as D, withCtx as c, createBlock as h, createCommentVNode as m, createElementVNode as I, normalizeClass as k, normalizeStyle as P, Fragment as T, renderList as x } from "vue";
-import { withInstall as O } from "@das-fed/utils/with-install/index";
-import { DasDropdown as $, DasDropdownMenu as F } from "@das-fed/ui/packages/components/dropdown/index";
-import { DasAutoRegisterIcon as N, DasIcon as A } from "@das-fed/ui/packages/components/icon/index";
-import { DasInput as M } from "@das-fed/ui/packages/components/input/index";
-import { ElConfigProvider as U, ElColorPicker as L } from "element-plus";
+import { defineComponent as R, computed as S, ref as g, openBlock as s, createElementBlock as f, createVNode as b, unref as e, mergeProps as T, isRef as D, withCtx as c, createBlock as h, createCommentVNode as m, createElementVNode as I, normalizeClass as k, normalizeStyle as P, Fragment as x, renderList as O } from "vue";
+import { withInstall as $ } from "@das-fed/utils/with-install/index";
+import { DasDropdown as F, DasDropdownMenu as N } from "@das-fed/ui/packages/components/dropdown/index";
+import { DasAutoRegisterIcon as A, DasIcon as M } from "@das-fed/ui/packages/components/icon/index";
+import { DasInput as U } from "@das-fed/ui/packages/components/input/index";
+import { ElConfigProvider as L, ElColorPicker as j } 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) => {
-  const l = C(s, "modelValue"), p = C(s, "options");
-  let i = C(s, "modelValue");
+import { t as q } from "@das-fed/web/packages/i18n/index";
+import { setThemeRule as G } from "@das-fed/web/packages/theme/index";
+const J = (t, r) => {
+  const l = C(t, "modelValue"), p = C(t, "options");
+  let i = C(t, "modelValue");
   return { innerValue: l, inputChangeHandler: (o) => {
     i.value = o, r("update:modelValue", o), r("change", o);
   }, inputInputHandler: (o) => {
     i.value = o, r("update:modelValue", o), r("dasInput", o), r("change", o);
   }, colorOption: p, colorPickerValue: i };
-}, G = {
+}, K = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, J = { class: "color-predefine-content" }, K = ["onClick"], Q = /* @__PURE__ */ R({
+}, Q = { class: "color-predefine-content" }, W = ["onClick"], X = /* @__PURE__ */ R({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -34,17 +35,17 @@ const q = (s, r) => {
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
     borderType: { default: "bottom" },
-    placeholder: { default: "请输入" },
+    placeholder: { default: "" },
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "dasInput"],
-  setup(s, { emit: r }) {
-    const l = s, p = r;
-    N({
+  setup(t, { emit: r }) {
+    const l = t, p = r;
+    A({
       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) => {
+    }), S(() => l.placeholder || q("请输入"));
+    const { innerValue: i, inputChangeHandler: v, inputInputHandler: y, colorOption: o, colorPickerValue: V } = J(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,8 +54,8 @@ const q = (s, r) => {
     }, B = (d) => {
       u.value = d;
     };
-    return (d, a) => (t(), f("div", G, [
-      b(e(M), S({
+    return (d, a) => (s(), f("div", K, [
+      b(e(U), T({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
           { "das-empty-color": !e(i) },
@@ -75,12 +76,12 @@ const q = (s, r) => {
         noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i)
       }), {
         append: c(() => [
-          e(o).mode == "default" ? (t(), h(e(U), {
+          e(o).mode == "default" ? (s(), h(e(L), {
             key: 0,
             locale: e(z)
           }, {
             default: c(() => [
-              !e(o).isView && !l.isView || e(i) ? (t(), h(e(L), {
+              !e(o).isView && !l.isView || e(i) ? (s(), h(e(j), {
                 key: 0,
                 locale: e(z),
                 placement: e(o).placement,
@@ -98,7 +99,7 @@ const q = (s, r) => {
             _: 1
             /* STABLE */
           }, 8, ["locale"])) : m("v-if", !0),
-          e(o).mode == "predefine" ? (t(), h(e($), {
+          e(o).mode == "predefine" ? (s(), h(e(F), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
@@ -122,7 +123,7 @@ const q = (s, r) => {
                   style: P("background-color:" + e(i))
                 },
                 [
-                  b(e(A), {
+                  b(e(M), {
                     icon: e(i) && e(i) != "-" ? "fold" : "close2",
                     customSize: "6px",
                     iconColor: e(i) && e(i) != "-" ? "#fff" : "#909399"
@@ -133,18 +134,18 @@ const q = (s, r) => {
               )
             ]),
             default: c(() => [
-              b(e(F), null, {
+              b(e(N), null, {
                 default: c(() => [
-                  I("div", J, [
-                    (t(!0), f(
-                      T,
+                  I("div", Q, [
+                    (s(!0), f(
+                      x,
                       null,
-                      x(e(o).predefine, (n, E) => (t(), f("div", {
+                      O(e(o).predefine, (n, E) => (s(), f("div", {
                         class: k(["color-predefine-span", { active: e(i) == n }]),
                         key: E,
                         style: P("background-color:" + n),
-                        onClick: (Z) => H(n)
-                      }, null, 14, K))),
+                        onClick: (oe) => H(n)
+                      }, null, 14, W))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
@@ -161,7 +162,7 @@ const q = (s, r) => {
         _: 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) ? (t(), f(
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (s(), f(
         "span",
         {
           key: 0,
@@ -174,12 +175,12 @@ const q = (s, r) => {
       )) : m("v-if", !0)
     ]));
   }
-}), W = (s, r) => {
-  const l = s.__vccOpts || s;
+}), Y = (t, r) => {
+  const l = t.__vccOpts || t;
   for (const [p, i] of r)
     l[p] = i;
   return l;
-}, X = /* @__PURE__ */ W(Q, [["__scopeId", "data-v-131ccb78"]]), Y = {
+}, Z = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-c279f9ce"]]), ee = {
   "--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);
+G(ee);
+const fe = () => g(null), me = $(Z);
 export {
-  ce as DasColorPicker,
-  pe as DasColorPickerRef,
-  ce as default
+  me as DasColorPicker,
+  fe as DasColorPickerRef,
+  me 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/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-c279f9ce]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-c279f9ce]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-c279f9ce]{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-c279f9ce]{left:8px}.das-ui-color-picker .das-ui-input[data-v-c279f9ce]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-c279f9ce] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-c279f9ce] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-c279f9ce] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-c279f9ce] .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-c279f9ce] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-c279f9ce] .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-c279f9ce] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-c279f9ce]{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-c279f9ce]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-c279f9ce]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-c279f9ce]{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,12 +10,9 @@ 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;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-        onChange?: ((e: any) => any) | undefined;
-        "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;
     };
@@ -28,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)[];
@@ -63,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;
     };
@@ -86,12 +83,9 @@ 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;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-        onChange?: ((e: any) => any) | undefined;
-        "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;
     };
@@ -104,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)[];
@@ -139,34 +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;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
-        onChange?: ((e: any) => any) | undefined;
-        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
-    }>, {
-        options: any[];
+        change: (e: any) => any;
+    }, import("vue").PublicProps, {
         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: {};
@@ -176,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: {

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

@@ -1,9 +1,10 @@
 import '@das-fed/ui/packages/components/custom-search-item/style.css';
-import { defineComponent as m, ref as u, watchEffect as p, watch as f, openBlock as h, createElementBlock as v, createElementVNode as i, normalizeStyle as b, toDisplayString as g, createVNode as y, unref as V, mergeProps as I, normalizeClass as P, renderSlot as S } from "vue";
+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 I, normalizeClass as P, renderSlot as S } from "vue";
 import { withInstall as w } from "@das-fed/utils/with-install/index";
-import { DasRadio as _ } from "@das-fed/ui/packages/components/radio/index";
-import { setThemeRule as C } from "@das-fed/web/packages/theme/index";
-const k = { class: "das-ui-custom-search-item" }, D = /* @__PURE__ */ m({
+import { t as _ } from "@das-fed/web/packages/i18n/index";
+import { DasRadio as C } from "@das-fed/ui/packages/components/radio/index";
+import { setThemeRule as k } from "@das-fed/web/packages/theme/index";
+const D = { class: "das-ui-custom-search-item" }, B = /* @__PURE__ */ f({
   __name: "Index",
   props: {
     label: { default: "" },
@@ -20,66 +21,66 @@ const k = { class: "das-ui-custom-search-item" }, D = /* @__PURE__ */ m({
   emits: ["change", "update:modelValue"],
   setup(l, { emit: n }) {
     const o = l, s = n, t = u();
-    p(() => {
+    h(() => {
       t.value = o.modelValue;
-    }), f(t, (e) => {
+    }), v(t, (e) => {
       s("update:modelValue", e);
     });
-    const c = () => {
+    const m = () => {
       s("change", t.value);
-    }, d = u(((e, r) => {
+    }, p = u(((e, r) => {
       if (r === "top")
         return "fit-content";
       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) => (h(), v("div", k, [
+    return (e, r) => (b(), g("div", D, [
       i(
         "div",
         {
           class: "label",
-          style: b({ width: d.value })
+          style: y({ width: p.value })
         },
-        g(e.label) + "：",
+        c(e.label) + "：",
         5
         /* TEXT, STYLE */
       ),
-      y(V(_), I({
+      V(d(C), I({
         modelValue: t.value,
         "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         optionType: "filterSquare",
         radioType: "group",
         options: e.options,
         defaultProps: e.defaultProps,
-        onChange: c
+        onChange: m
       }, e.$attrs), null, 16, ["modelValue", "options", "defaultProps"]),
       i(
         "span",
         {
           class: P(["custom-label", { active: e.customerActive }])
         },
-        "自定义",
-        2
-        /* CLASS */
+        c(d(_)("自定义")),
+        3
+        /* TEXT, CLASS */
       ),
       S(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), B = (l, n) => {
+}), E = (l, n) => {
   const o = l.__vccOpts || l;
   for (const [s, t] of n)
     o[s] = t;
   return o;
-}, E = /* @__PURE__ */ B(D, [["__scopeId", "data-v-7c33b30b"]]), R = {
+}, R = /* @__PURE__ */ E(B, [["__scopeId", "data-v-5f3baa4f"]]), T = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
   }
 };
-C(R);
-const q = () => u(null), H = w(E);
+k(T);
+const L = () => u(null), O = w(R);
 export {
-  H as DasCustomSearchItem,
-  q as DasCustomSearchItemRef,
-  H as default
+  O as DasCustomSearchItem,
+  L as DasCustomSearchItemRef,
+  O as default
 };

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

@@ -8,16 +8,16 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<CustomSearchItem, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (e: any) => any;
     "update:modelValue": (n: any) => any;
+    change: (e: any) => any;
 }, string, import("vue").PublicProps, Readonly<CustomSearchItem> & Readonly<{
-    onChange?: ((e: any) => any) | undefined;
     "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    onChange?: ((e: any) => any) | undefined;
 }>, {
-    options: any[];
     label: string;
     defaultProps: import("./type").ValLabel<string>;
     modelValue: any;
+    options: any[];
     customerActive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-.das-ui-custom-search-item[data-v-7c33b30b]{display:flex;align-items:center;height:40px}.das-ui-custom-search-item .custom-label[data-v-7c33b30b]{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-7c33b30b]{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-5f3baa4f]{display:flex;align-items:center;height:40px}.das-ui-custom-search-item .custom-label[data-v-5f3baa4f]{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-5f3baa4f]{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)}