@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.61

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

@@ -1,255 +1,91 @@
 /** 获取组件实例 */
-declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<Record<string, any>>;
-        required: true;
-        default: () => {
-            size: string;
-            popperClass: string;
-            mode: string;
-            isView: boolean;
-            placement: string;
-        };
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    isView: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    noSetDefaultVal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    borderType: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>> & {
-    onChange?: ((value: string) => any) | undefined;
+declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onDasInput?: ((value: string) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
-    dasInput: (value: string) => void;
-}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<Record<string, any>>;
-        required: true;
-        default: () => {
-            size: string;
-            popperClass: string;
-            mode: string;
-            isView: boolean;
-            placement: string;
-        };
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    isView: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    noSetDefaultVal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    borderType: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>> & {
     onChange?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
-}, {
-    options: Record<string, any>;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    dasInput: (value: string) => any;
+}, import("vue").PublicProps, {
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
+    options: Record<string, any>;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;
-}, true, {}, {}, {
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
     B: {};
     D: {};
     C: {};
     M: {};
     Defaults: {};
-}, Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<Record<string, any>>;
-        required: true;
-        default: () => {
-            size: string;
-            popperClass: string;
-            mode: string;
-            isView: boolean;
-            placement: string;
-        };
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    isView: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    noSetDefaultVal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    borderType: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>> & {
-    onChange?: ((value: string) => any) | undefined;
+}, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
-}, {}, {}, {}, {}, {
+}>, {}, {}, {}, {}, {
+    disabled: boolean;
+    placeholder: string;
+    modelValue: any;
     options: Record<string, any>;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    borderType: string;
+}> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    dasInput: (value: string) => any;
+}, import("vue").PublicProps, {
     disabled: boolean;
+    placeholder: string;
     modelValue: any;
+    options: Record<string, any>;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    borderType: string;
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, {
+    disabled: boolean;
     placeholder: string;
+    modelValue: any;
+    options: Record<string, any>;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;
 }> | null>;
-declare const DasColorPicker: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
-    options: {
-        type: import("vue").PropType<Record<string, any>>;
-        required: true;
-        default: () => {
-            size: string;
-            popperClass: string;
-            mode: string;
-            isView: boolean;
-            placement: string;
-        };
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    isView: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    noSetDefaultVal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    borderType: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
-    dasInput: (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<Record<string, any>>;
-        required: true;
-        default: () => {
-            size: string;
-            popperClass: string;
-            mode: string;
-            isView: boolean;
-            placement: string;
-        };
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    isView: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    noSetDefaultVal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    borderType: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>> & {
-    onChange?: ((value: string) => any) | undefined;
+declare const DasColorPicker: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    dasInput: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
-}, {
-    options: Record<string, any>;
+}>, {
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
+    options: Record<string, any>;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasColorPicker, DasColorPickerRef };
 export default DasColorPicker;

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

@@ -1,26 +1,28 @@
 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 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 { 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");
-  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 = {
+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%" }
-}, J = { class: "color-predefine-content" }, K = ["onClick"], Q = /* @__PURE__ */ R({
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -34,141 +36,165 @@ 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(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")
     });
-    const { innerValue: i, inputChangeHandler: v, inputInputHandler: y, colorOption: o, colorPickerValue: V } = q(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) => (t(), f("div", G, [
-      b(e(M), S({
+    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" ? (t(), h(e(U), {
+        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) ? (t(), h(e(L), {
+            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("", !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
-          }, 8, ["locale"])) : m("", !0),
-          e(o).mode == "predefine" ? (t(), h(e($), {
+            /* STABLE */
+          }, 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("span", {
-                class: k([
-                  "color-predefine-icon",
-                  e(o).size,
-                  e(i) && e(i) != "-",
-                  { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
-                ]),
-                style: P("background-color:" + e(i))
-              }, [
-                b(e(A), {
-                  icon: e(i) && e(i) != "-" ? "fold" : "close2",
-                  customSize: "6px",
-                  iconColor: e(i) && e(i) != "-" ? "#fff" : "#909399"
-                }, null, 8, ["icon", "iconColor"])
-              ], 6)
+            content: f(() => [
+              P(
+                "span",
+                {
+                  class: C([
+                    "color-predefine-icon",
+                    e(o).size,
+                    e(a) && e(a) != "-",
+                    { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
+                  ]),
+                  style: H("background-color:" + e(a))
+                },
+                [
+                  k(e(G), {
+                    icon: e(a) && e(a) != "-" ? "fold" : "close2",
+                    customSize: "6px",
+                    iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
+                  }, null, 8, ["icon", "iconColor"])
+                ],
+                6
+                /* CLASS, STYLE */
+              )
             ]),
-            default: c(() => [
-              b(e(F), null, {
-                default: c(() => [
-                  I("div", J, [
-                    (t(!0), f(T, null, x(e(o).predefine, (n, E) => (t(), 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))), 128))
+            default: f(() => [
+              k(e(j), null, {
+                default: f(() => [
+                  P("div", oe, [
+                    (c(!0), V(
+                      O,
+                      null,
+                      $(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 */
+                    ))
                   ])
                 ]),
                 _: 1
+                /* STABLE */
               })
             ]),
             _: 1
-          }, 8, ["disabled"])) : m("", !0)
+            /* STABLE */
+          }, 8, ["disabled"])) : w("v-if", !0)
         ]),
         _: 1
-      }, 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("span", {
-        key: 0,
-        class: k(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-        onClick: _
-      }, "请选择", 2)) : m("", !0)
+        /* STABLE */
+      }, 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: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+          onClick: D
+        },
+        F(e(R)("请选择")),
+        3
+        /* TEXT, CLASS */
+      )) : w("v-if", !0)
     ]));
   }
-}), W = (s, r) => {
+}), ie = (s, d) => {
   const l = s.__vccOpts || s;
-  for (const [p, i] of r)
-    l[p] = i;
+  for (const [u, p] of d)
+    l[u] = p;
   return l;
-}, X = /* @__PURE__ */ W(Q, [["__scopeId", "data-v-d574f9a6"]]), Y = {
+}, 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"
   // 主题色
-};
-j(Y);
-const pe = () => g(null), ce = O(X);
+}, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" } };
+M(de);
+Y(re);
+const Ce = () => y(null), ge = A(ne);
 export {
-  ce as DasColorPicker,
-  pe as DasColorPickerRef,
-  ce as default
+  ge as DasColorPicker,
+  Ce as DasColorPickerRef,
+  ge as default
 };