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

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

@@ -1,27 +1,28 @@
 import '@das-fed/ui/packages/components/color-picker/style.css';
-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 { 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 C } from "@das-fed/utils/vue";
-import z from "element-plus/dist/locale/zh-cn.mjs";
-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 };
-}, K = {
+import { useModelValue as g } from "@das-fed/utils/vue";
+import W from "element-plus/dist/locale/zh-cn.mjs";
+import X from "element-plus/dist/locale/en.mjs";
+import { setThemeRule as Y } from "@das-fed/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: (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 };
+}, ee = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, Q = { class: "color-predefine-content" }, W = ["onClick"], X = /* @__PURE__ */ R({
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -39,113 +40,114 @@ const J = (t, r) => {
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "dasInput"],
-  setup(t, { emit: r }) {
-    const l = t, p = r;
-    A({
+  setup(s, { emit: d }) {
+    const l = s, u = d;
+    q({
       fold: import("@das-fed/ui/packages/icons/fold"),
       close2: import("@das-fed/ui/packages/icons/close-2")
-    }), 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;
-    }, _ = () => {
-      var d, a;
-      o.value.mode != "default" && ((a = (d = w.value) == null ? void 0 : d.getElRef()) == null || a.handleOpen(), u.value = !0);
-    }, B = (d) => {
-      u.value = d;
+    });
+    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), 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 = b.value) == null ? void 0 : t.getElRef()) == null || n.handleOpen(), m.value = !0);
+    }, E = (t) => {
+      m.value = t;
     };
-    return (d, a) => (s(), f("div", K, [
-      b(e(U), 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" && u.value }
+          { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
         ]],
-        modelValue: e(i),
-        "onUpdate:modelValue": a[1] || (a[1] = (n) => D(i) ? i.value = n : null)
-      }, d.$attrs, {
+        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: _,
-        onInput: e(y),
+        onClick: D,
+        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: c(() => [
-          e(o).mode == "default" ? (s(), h(e(L), {
+        append: f(() => [
+          e(o).mode == "default" ? (c(), v(e(K), {
             key: 0,
-            locale: e(z)
+            locale: p.value
           }, {
-            default: c(() => [
-              !e(o).isView && !l.isView || e(i) ? (s(), h(e(j), {
+            default: f(() => [
+              !e(o).isView && !l.isView || e(a) ? (c(), v(e(Q), {
                 key: 0,
-                locale: e(z),
+                locale: p.value,
                 placement: e(o).placement,
-                onChange: e(v),
-                modelValue: e(V),
-                "onUpdate:modelValue": a[0] || (a[0] = (n) => D(V) ? V.value = n : 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
-              }, null, 8, ["locale", "placement", "onChange", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled"])) : m("v-if", !0)
+                disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
+                onChange: e(i)
+              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : w("v-if", !0)
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["locale"])) : m("v-if", !0),
-          e(o).mode == "predefine" ? (s(), h(e(F), {
+          }, 8, ["locale"])) : w("v-if", !0),
+          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: w,
+            ref: b,
             trigger: "click",
             placement: "bottom-end",
             selfPopperClass: "color-predefine-dropdown",
             "hide-on-click": !1,
-            onVisibleChange: B
+            onVisibleChange: E
           }, {
-            content: c(() => [
-              I(
+            content: f(() => [
+              P(
                 "span",
                 {
-                  class: k([
+                  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: P("background-color:" + e(i))
+                  style: H("background-color:" + e(a))
                 },
                 [
-                  b(e(M), {
-                    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
                 /* CLASS, STYLE */
               )
             ]),
-            default: c(() => [
-              b(e(N), null, {
-                default: c(() => [
-                  I("div", Q, [
-                    (s(!0), f(
-                      x,
+            default: f(() => [
+              k(e(j), null, {
+                default: f(() => [
+                  P("div", oe, [
+                    (c(!0), V(
+                      O,
                       null,
-                      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: (oe) => H(n)
-                      }, null, 14, W))),
+                      $(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: (te) => B(r)
+                      }, null, 14, le))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
@@ -157,41 +159,42 @@ const J = (t, r) => {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["disabled"])) : m("v-if", !0)
+          }, 8, ["disabled"])) : w("v-if", !0)
         ]),
         _: 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) ? (s(), f(
+      }, 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: k(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-          onClick: _
+          class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+          onClick: D
         },
-        "请选择",
-        2
-        /* CLASS */
-      )) : m("v-if", !0)
+        F(e(R)("请选择")),
+        3
+        /* TEXT, CLASS */
+      )) : w("v-if", !0)
     ]));
   }
-}), Y = (t, r) => {
-  const l = t.__vccOpts || t;
-  for (const [p, i] of r)
-    l[p] = i;
+}), ie = (s, d) => {
+  const l = s.__vccOpts || s;
+  for (const [u, p] of d)
+    l[u] = p;
   return l;
-}, Z = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-c279f9ce"]]), ee = {
+}, 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"
   // 主题色
-};
-G(ee);
-const fe = () => g(null), me = $(Z);
+}, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" } };
+M(de);
+Y(re);
+const Ce = () => y(null), ge = A(ne);
 export {
-  me as DasColorPicker,
-  fe as DasColorPickerRef,
-  me as default
+  ge as DasColorPicker,
+  Ce as DasColorPickerRef,
+  ge as default
 };

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

@@ -10,12 +10,15 @@ export interface Props {
 
   
   isView: boolean
+
   
   borderType?: string
+
   
   placeholder?: string
-    
-    noSetDefaultVal?: boolean;
+
+  
+  noSetDefaultVal?: boolean
 }
 
 export interface Emits {
@@ -27,4 +30,4 @@ export interface Emits {
 
   
   (e: 'dasInput', value: string): void
-}
+}

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

@@ -1 +1 @@
-.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}
+.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/i18n/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    自定义: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;

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,10 +1,10 @@
 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 I, normalizeClass as P, renderSlot as S } from "vue";
-import { withInstall as w } from "@das-fed/utils/with-install/index";
-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({
+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";
+import { setThemeRule as D } from "@das-fed/web/packages/theme/index";
+const R = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
   __name: "Index",
   props: {
     label: { default: "" },
@@ -34,18 +34,18 @@ const D = { class: "das-ui-custom-search-item" }, B = /* @__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", D, [
+    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(C), I({
+      y(d(k), I({
         modelValue: t.value,
         "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         optionType: "filterSquare",
@@ -57,30 +57,31 @@ const D = { class: "das-ui-custom-search-item" }, B = /* @__PURE__ */ f({
       i(
         "span",
         {
-          class: P(["custom-label", { active: e.customerActive }])
+          class: w(["custom-label", { active: e.customerActive }])
         },
-        c(d(_)("自定义")),
+        c(d(S)("自定义")),
         3
         /* TEXT, CLASS */
       ),
-      S(e.$slots, "default", {}, void 0, !0)
+      V(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), E = (l, n) => {
+}), B = (l, n) => {
   const o = l.__vccOpts || l;
   for (const [s, t] of n)
     o[s] = t;
   return o;
-}, R = /* @__PURE__ */ E(B, [["__scopeId", "data-v-5f3baa4f"]]), T = {
+}, E = /* @__PURE__ */ B(z, [["__scopeId", "data-v-5f3baa4f"]]), N = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
   }
-};
-k(T);
-const L = () => u(null), O = w(R);
+}, T = { 自定义: { "zh-CN": "自定义", en: "Custom", _appCode: "framework" } };
+_(T);
+D(N);
+const U = () => u(null), j = P(E);
 export {
-  O as DasCustomSearchItem,
-  L as DasCustomSearchItemRef,
-  O as default
+  j as DasCustomSearchItem,
+  U as DasCustomSearchItemRef,
+  j as default
 };

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;
     };

package/packages/components/date-picker/i18n/index.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    开始日期: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    结束日期: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    开始时间: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    结束时间: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    请选择日期: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    请选择时间: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;