@das-fed/ui 6.4.0-hot.52 → 6.4.0-hot.53

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

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/color-picker/style.css';
-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 C, createElementVNode as P, Fragment as O, renderList as $, normalizeStyle as H, normalizeClass as g, toDisplayString as F } from "vue";
+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";
@@ -7,17 +7,17 @@ import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/ui/packages/com
 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 v } from "@das-fed/utils/vue";
+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 = v(s, "modelValue"), u = v(s, "options");
-  let p = v(s, "modelValue");
-  return { innerValue: l, inputChangeHandler: (n) => {
-    p.value = n, d("update:modelValue", n), d("change", n);
-  }, inputInputHandler: (n) => {
-    p.value = n, d("update:modelValue", n), d("dasInput", n), d("change", n);
+  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",
@@ -46,16 +46,16 @@ const Z = (s, d) => {
       fold: import("@das-fed/ui/packages/icons/fold"),
       close2: import("@das-fed/ui/packages/icons/close-2")
     });
-    const p = I(() => L.value === "zh-CN" ? W : X), _ = I(() => l.placeholder || R("请输入")), { innerValue: a, inputChangeHandler: n, inputInputHandler: S, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (t) => {
-      var i, r;
-      u("change", t), a.value = t, (r = (i = b.value) == null ? void 0 : i.getElRef()) == null || r.handleClose(), m.value = !1;
+    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, i;
-      o.value.mode != "default" && ((i = (t = b.value) == null ? void 0 : t.getElRef()) == null || i.handleOpen(), m.value = !0);
+      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 (t, i) => (c(), V("div", ee, [
+    return (t, n) => (c(), V("div", ee, [
       k(e(J), N({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
@@ -66,7 +66,7 @@ const Z = (s, d) => {
           { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
         ]],
         modelValue: e(a),
-        "onUpdate:modelValue": i[1] || (i[1] = (r) => z(a) ? a.value = r : null)
+        "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,
@@ -78,29 +78,30 @@ const Z = (s, d) => {
         noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(a)
       }), {
         append: f(() => [
-          e(o).mode == "default" ? (c(), C(e(K), {
+          e(o).mode == "default" ? (c(), v(e(K), {
             key: 0,
             locale: p.value
           }, {
             default: f(() => [
-              !e(o).isView && !l.isView || e(a) ? (c(), C(e(Q), {
+              !e(o).isView && !l.isView || e(a) ? (c(), v(e(Q), {
                 key: 0,
                 locale: p.value,
                 placement: e(o).placement,
                 modelValue: e(h),
-                "onUpdate:modelValue": i[0] || (i[0] = (r) => z(h) ? h.value = r : null),
+                "onUpdate:modelValue": n[0] || (n[0] = (r) => z(h) ? h.value = r : null),
                 size: e(o).size,
                 "show-alpha": e(o).showAlpha,
                 "color-format": e(o).colorFormat,
                 "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
                 predefine: e(o).predefine,
                 disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
-                onChange: e(n)
-              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : w("", !0)
+                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"])) : w("", !0),
-          e(o).mode == "predefine" ? (c(), C(e(U), {
+            /* 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",
@@ -112,55 +113,76 @@ const Z = (s, d) => {
             onVisibleChange: E
           }, {
             content: f(() => [
-              P("span", {
-                class: g([
-                  "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)
+              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: f(() => [
               k(e(j), null, {
                 default: f(() => [
                   P("div", oe, [
-                    (c(!0), V(O, null, $(e(o).predefine, (r, T) => (c(), V("div", {
-                      class: g(["color-predefine-span", { active: e(a) == r }]),
-                      key: T,
-                      style: H("background-color:" + r),
-                      onClick: (te) => B(r)
-                    }, null, 14, le))), 128))
+                    (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"])) : w("", !0)
+            /* STABLE */
+          }, 8, ["disabled"])) : w("v-if", !0)
         ]),
         _: 1
+        /* 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: g(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-        onClick: D
-      }, F(e(R)("请选择")), 3)) : w("", !0)
+      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)
     ]));
   }
-}), ne = (s, d) => {
+}), ie = (s, d) => {
   const l = s.__vccOpts || s;
   for (const [u, p] of d)
     l[u] = p;
   return l;
-}, ie = /* @__PURE__ */ ne(ae, [["__scopeId", "data-v-fa0ac329"]]), re = {
+}, ne = /* @__PURE__ */ ie(ae, [["__scopeId", "data-v-fa0ac329"]]), re = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -170,9 +192,9 @@ const Z = (s, d) => {
 }, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" } };
 M(de);
 Y(re);
-const ge = () => y(null), ve = A(ie);
+const Ce = () => y(null), ge = A(ne);
 export {
-  ve as DasColorPicker,
-  ge as DasColorPickerRef,
-  ve as default
+  ge as DasColorPicker,
+  Ce as DasColorPickerRef,
+  ge as default
 };

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

@@ -1,65 +1,20 @@
 import 'element-plus/es/components/color-picker/style/css';
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: string;
-    options: () => {
-        size: string;
-        popperClass: string;
-        mode: string;
-        isView: boolean;
-        placement: string;
-    };
-    isView: boolean;
-    disabled: boolean;
-    borderType: string;
-    placeholder: string;
-    noSetDefaultVal: boolean;
-}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: string;
-    options: () => {
-        size: string;
-        popperClass: string;
-        mode: string;
-        isView: boolean;
-        placement: string;
-    };
-    isView: boolean;
-    disabled: boolean;
-    borderType: string;
-    placeholder: string;
-    noSetDefaultVal: boolean;
-}>>> & {
-    onChange?: ((value: string) => any) | undefined;
+declare const _default: import("vue").DefineComponent<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<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onDasInput?: ((value: string) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     modelValue: any;
+    borderType: string;
     placeholder: string;
-    options: Record<string, any>;
     isView: boolean;
     noSetDefaultVal: boolean;
-    borderType: string;
-}, {}>;
+    options: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/packages/components/color-picker/src/hooks/use-color-picker.d.ts

@@ -1,8 +1,8 @@
 import type { Props, Emits } from '../type';
 export declare const useColorPicker: (props: Props, emit: Emits) => {
-    innerValue: import("vue").Ref<any>;
+    innerValue: import("vue").Ref<any, any>;
     inputChangeHandler: (val: any) => void;
     inputInputHandler: (val: any) => void;
-    colorOption: import("vue").Ref<any>;
-    colorPickerValue: import("vue").Ref<any>;
+    colorOption: import("vue").Ref<any, any>;
+    colorPickerValue: import("vue").Ref<any, any>;
 };