@das-fed/ui 6.4.0-hot.7 → 6.4.0-hot.9

package/packages/components/checkbox/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/checkbox/style.css';
-import { defineComponent as Y, computed as v, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, openBlock as s, createElementBlock as u, createBlock as z, unref as r, mergeProps as P, isRef as U, withCtx as I, withDirectives as L, normalizeStyle as R, renderSlot as E, createCommentVNode as c, normalizeClass as n, Fragment as T, renderList as V, createTextVNode as W, toDisplayString as h, createVNode as A, createElementVNode as te } from "vue";
+import { defineComponent as Y, computed as k, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, openBlock as s, createElementBlock as u, createBlock as z, unref as r, mergeProps as P, isRef as U, withCtx as I, withDirectives as L, normalizeStyle as R, renderSlot as E, createCommentVNode as c, normalizeClass as n, Fragment as T, renderList as V, createTextVNode as W, toDisplayString as h, createVNode as A, createElementVNode as te } from "vue";
 import { withInstall as se } from "@das-fed/utils/with-install/index";
 import { CheckboxGroup as ue } from "ant-design-vue/es";
 import "ant-design-vue/es/checkbox/style/css";
@@ -20,10 +20,10 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
 }, pe = {
   key: 0,
   class: "das-input-error-label"
-}, ke = {
+}, ve = {
   key: 7,
   class: "das-checkbox-overlay-error-label-content"
-}, ve = { class: "label" }, me = /* @__PURE__ */ Y({
+}, ke = { class: "label" }, me = /* @__PURE__ */ Y({
   __name: "Index",
   props: {
     modelValue: { default: null },
@@ -54,20 +54,20 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
     re({
       select: import("@das-fed/ui/packages/icons/select")
     });
-    const o = m, q = v(() => o.noSetDefaultVal ? "" : "-"), C = Z({
+    const o = m, q = k(() => o.noSetDefaultVal ? "" : "-"), C = Z({
       checkboxValue: null,
       isFocus: !1,
       checkboxLayout: "",
       checkboxIndeterminate: !1
     });
     let { checkboxValue: t, isFocus: B, checkboxIndeterminate: p } = _(C);
-    const $ = o.layout, k = w;
+    const $ = o.layout, v = w;
     ee(() => {
       t.value = o.modelValue, p.value = o.indeterminate, o.checkboxType == "default" && o.optionType == "default" && o.modelValue && (p.value = !1);
     }), ae(t, (e) => {
-      k("update:modelValue", e);
+      v("update:modelValue", e);
     });
-    const f = H(o, "defaultProps"), y = H(o, "options"), b = v(() => y.value.length ? y.value.map((e) => {
+    const f = H(o, "defaultProps"), y = H(o, "options"), b = k(() => y.value.length ? y.value.map((e) => {
       var l;
       return {
         value: e[f.value.value],
@@ -78,7 +78,7 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
         mutual: e.mutual
       };
     }) : []), N = () => {
-      p && (p.value = !1, k("update:indeterminate", p.value), k("update:modelValue", t.value)), k("change", t.value);
+      p && (p.value = !1, v("update:indeterminate", p.value), v("update:modelValue", t.value)), v("change", t.value);
     }, K = o.disabled, Q = b.value.some((e) => !!e.mutual), D = (e, l) => {
       if (!K)
         if (e == "group") {
@@ -87,10 +87,10 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
             i.checked = !1;
           }), l.checked = !0) : (l.checked = !l.checked, b.value.forEach((i) => {
             i.mutual && (i.checked = !b.value.some((a) => a.checked));
-          })) : l.checked = !l.checked, l.isFocus = !0, t.value = b.value.filter((i) => i.checked).map((i) => i.value), k("change", t.value);
+          })) : l.checked = !l.checked, l.isFocus = !0, t.value = b.value.filter((i) => i.checked).map((i) => i.value), v("change", t.value);
         } else
-          t.value = !t.value, B.value = !0, k("change", t.value);
-    }, F = v(() => {
+          t.value = !t.value, B.value = !0, v("change", t.value);
+    }, F = k(() => {
       var e, l, i;
       if (!o.isView) return [];
       if ((!((e = y.value) != null && e.length) || !((l = t.value) != null && l.length)) && o.checkboxType == "group") return [];
@@ -112,7 +112,7 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
       }
     }), O = (e, l) => {
       e == "group" ? l.isFocus = !1 : B.value = !1;
-    }, X = v(() => o.maxWidth ? o.maxWidth : o.width), g = v(() => {
+    }, X = k(() => o.maxWidth ? o.maxWidth : o.width), g = k(() => {
       let e = `${Number(String(X.value).split("px")[0])}`;
       if (o.maxWidth)
         return `max-width:${e}px`;
@@ -142,34 +142,47 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
           class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
         }), {
           default: I(() => [
-            L((s(), u("div", {
-              class: "label",
-              style: R([g.value, { color: "#666" }])
-            }, [
-              E(e.$slots, "default", {}, void 0, !0)
-            ], 4)), [
+            L((s(), u(
+              "div",
+              {
+                class: "label",
+                style: R([g.value, { color: "#666" }])
+              },
+              [
+                E(e.$slots, "default", {}, void 0, !0)
+              ],
+              4
+              /* STYLE */
+            )), [
               [r(M)]
             ])
           ]),
           _: 3
-        }, 16, ["checked", "disabled", "optionType", "indeterminate", "class"])) : c("", !0),
-        e.checkboxType == "default" && e.optionType == "square" && !e.isView ? (s(), u("div", {
-          key: 1,
-          class: n([
-            "das-ui-checkbox-square",
-            e.size,
-            {
-              "das-ui-checkbox-square--disabled": e.disabled,
-              "das-ui-checkbox-square--checked": !!r(t),
-              "das-ui-checkbox-square--focus": r(B)
-            }
-          ]),
-          tabindex: "0",
-          onClick: l[1] || (l[1] = (a) => D("default", "")),
-          onBlur: l[2] || (l[2] = (a) => O("default", ""))
-        }, [
-          E(e.$slots, "default", {}, void 0, !0)
-        ], 34)) : c("", !0),
+          /* FORWARDED */
+        }, 16, ["checked", "disabled", "optionType", "indeterminate", "class"])) : c("v-if", !0),
+        e.checkboxType == "default" && e.optionType == "square" && !e.isView ? (s(), u(
+          "div",
+          {
+            key: 1,
+            class: n([
+              "das-ui-checkbox-square",
+              e.size,
+              {
+                "das-ui-checkbox-square--disabled": e.disabled,
+                "das-ui-checkbox-square--checked": !!r(t),
+                "das-ui-checkbox-square--focus": r(B)
+              }
+            ]),
+            tabindex: "0",
+            onClick: l[1] || (l[1] = (a) => D("default", "")),
+            onBlur: l[2] || (l[2] = (a) => O("default", ""))
+          },
+          [
+            E(e.$slots, "default", {}, void 0, !0)
+          ],
+          34
+          /* CLASS, NEED_HYDRATION */
+        )) : c("v-if", !0),
         e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (s(), z(i, P({
           key: 2,
           ref_key: "checkboxRef",
@@ -182,104 +195,198 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
           onChange: N
         }), {
           default: I(() => [
-            (s(!0), u(T, null, V(b.value, (a, d) => (s(), z(r(j), {
-              key: d,
-              value: a.value,
-              "onUpdate:value": (x) => a.value = x,
-              disabled: a.disabled || e.disabled
-            }, {
-              default: I(() => [
-                L((s(), u("div", {
-                  class: n(["label", { "label-min-width": !!g.value }]),
-                  style: R([g.value, { color: "#666" }])
-                }, [
-                  W(h(a.label), 1)
-                ], 6)), [
-                  [r(M)]
-                ])
-              ]),
-              _: 2
-            }, 1032, ["value", "onUpdate:value", "disabled"]))), 128))
+            (s(!0), u(
+              T,
+              null,
+              V(b.value, (a, d) => (s(), z(r(j), {
+                key: d,
+                value: a.value,
+                "onUpdate:value": (x) => a.value = x,
+                disabled: a.disabled || e.disabled
+              }, {
+                default: I(() => [
+                  L((s(), u(
+                    "div",
+                    {
+                      class: n(["label", { "label-min-width": !!g.value }]),
+                      style: R([g.value, { color: "#666" }])
+                    },
+                    [
+                      W(
+                        h(a.label),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )), [
+                    [r(M)]
+                  ])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value", "onUpdate:value", "disabled"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
           ]),
           _: 1
-        }, 16, ["class", "value", "name"])) : c("", !0),
-        e.checkboxType == "group" && e.optionType == "square" && !e.isView ? (s(), u("div", {
-          key: 3,
-          class: n(["das-ui-checkbox-square-group", [e.size, { "das-ui-checkbox-vertical": r($) == "vertical" }]])
-        }, [
-          (s(!0), u(T, null, V(b.value, (a, d) => (s(), u("div", {
-            class: n([
-              "das-ui-checkbox-square",
-              {
-                "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
-                "das-ui-checkbox-square--checked": a.checked,
-                "das-ui-checkbox-square--focus": a.isFocus
-              }
-            ]),
-            onClick: (x) => D("group", a),
-            onBlur: (x) => O("group", a),
-            tabindex: d,
-            key: d
-          }, [
-            r(t) ? (s(), u("span", ne, [
-              A(r(G), {
-                size: "mini",
-                icon: "select",
-                iconColor: "#fff",
-                class: "view-icon"
-              })
-            ])) : c("", !0),
-            W(" " + h(a.label), 1)
-          ], 42, ce))), 128))
-        ], 2)) : c("", !0),
-        e.isView ? (s(), u("div", {
-          key: 4,
-          class: n(["das-ui-checkbox-view-group", { "flex-view": F.value.length > 1 }])
-        }, [
-          F.value.length ? (s(!0), u(T, { key: 0 }, V(F.value, (a, d) => (s(), u("div", {
-            class: n(["das-checkbox-item-view", a[r(f).label] && "nonelabel-item-view"]),
-            key: d
-          }, [
-            A(r(G), {
-              size: "mini",
-              icon: "select",
-              iconColor: "#666",
-              class: n(["view-icon", { "m-r-5": a[r(f).label] || Object.keys(e.$slots).length > 0 }])
-            }, null, 8, ["class"]),
-            a[r(f).label] ? L((s(), u("div", {
-              key: 0,
-              class: n(["label", e.size]),
-              style: R([g.value, { color: "#666" }])
-            }, [
-              W(h(a[r(f).label]), 1)
-            ], 6)), [
-              [r(M)]
-            ]) : E(e.$slots, "default", { key: 1 }, void 0, !0)
-          ], 2))), 128)) : (s(), u("span", fe, h(q.value), 1))
-        ], 2)) : c("", !0),
-        e.checkboxType == "group" && e.optionType == "filterSquare" ? (s(), u("div", {
-          key: 5,
-          class: n(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": r($) == "vertical" }])
-        }, [
-          (s(!0), u(T, null, V(b.value, (a, d) => (s(), u("div", {
-            class: n([
-              "das-ui-checkbox-square",
-              {
-                "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
-                "das-ui-checkbox-square--checked": a.checked
-              }
-            ]),
-            onClick: (x) => D("group", a),
-            tabindex: d,
-            key: d
-          }, h(a.label), 11, be))), 128))
-        ], 2)) : c("", !0),
+          /* STABLE */
+        }, 16, ["class", "value", "name"])) : c("v-if", !0),
+        e.checkboxType == "group" && e.optionType == "square" && !e.isView ? (s(), u(
+          "div",
+          {
+            key: 3,
+            class: n(["das-ui-checkbox-square-group", [e.size, { "das-ui-checkbox-vertical": r($) == "vertical" }]])
+          },
+          [
+            (s(!0), u(
+              T,
+              null,
+              V(b.value, (a, d) => (s(), u("div", {
+                class: n([
+                  "das-ui-checkbox-square",
+                  {
+                    "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
+                    "das-ui-checkbox-square--checked": a.checked,
+                    "das-ui-checkbox-square--focus": a.isFocus
+                  }
+                ]),
+                onClick: (x) => D("group", a),
+                onBlur: (x) => O("group", a),
+                tabindex: d,
+                key: d
+              }, [
+                r(t) ? (s(), u("span", ne, [
+                  A(r(G), {
+                    size: "mini",
+                    icon: "select",
+                    iconColor: "#fff",
+                    class: "view-icon"
+                  })
+                ])) : c("v-if", !0),
+                W(
+                  " " + h(a.label),
+                  1
+                  /* TEXT */
+                )
+              ], 42, ce))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )) : c("v-if", !0),
+        c("多选组 查看状态 "),
+        e.isView ? (s(), u(
+          "div",
+          {
+            key: 4,
+            class: n(["das-ui-checkbox-view-group", { "flex-view": F.value.length > 1 }])
+          },
+          [
+            F.value.length ? (s(!0), u(
+              T,
+              { key: 0 },
+              V(F.value, (a, d) => (s(), u(
+                "div",
+                {
+                  class: n(["das-checkbox-item-view", a[r(f).label] && "nonelabel-item-view"]),
+                  key: d
+                },
+                [
+                  A(r(G), {
+                    size: "mini",
+                    icon: "select",
+                    iconColor: "#666",
+                    class: n(["view-icon", { "m-r-5": a[r(f).label] || Object.keys(e.$slots).length > 0 }])
+                  }, null, 8, ["class"]),
+                  a[r(f).label] ? L((s(), u(
+                    "div",
+                    {
+                      key: 0,
+                      class: n(["label", e.size]),
+                      style: R([g.value, { color: "#666" }])
+                    },
+                    [
+                      W(
+                        h(a[r(f).label]),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )), [
+                    [r(M)]
+                  ]) : E(e.$slots, "default", { key: 1 }, void 0, !0)
+                ],
+                2
+                /* CLASS */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            )) : (s(), u(
+              "span",
+              fe,
+              h(q.value),
+              1
+              /* TEXT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )) : c("v-if", !0),
+        c(" 用于过滤条件的多选 "),
+        e.checkboxType == "group" && e.optionType == "filterSquare" ? (s(), u(
+          "div",
+          {
+            key: 5,
+            class: n(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": r($) == "vertical" }])
+          },
+          [
+            (s(!0), u(
+              T,
+              null,
+              V(b.value, (a, d) => (s(), u("div", {
+                class: n([
+                  "das-ui-checkbox-square",
+                  {
+                    "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
+                    "das-ui-checkbox-square--checked": a.checked
+                  }
+                ]),
+                onClick: (x) => D("group", a),
+                tabindex: d,
+                key: d
+              }, h(a.label), 11, be))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )) : c("v-if", !0),
         e.error && e.errorLabel && e.errorMode === "default" ? (s(), u("div", he, [
-          e.error ? (s(), u("span", pe, h(e.errorLabel), 1)) : c("", !0)
-        ])) : c("", !0),
-        e.error && e.errorLabel && e.errorMode === "overlay" ? (s(), u("div", ke, [
-          te("span", ve, h(e.errorLabel), 1)
-        ])) : c("", !0)
+          e.error ? (s(), u(
+            "span",
+            pe,
+            h(e.errorLabel),
+            1
+            /* TEXT */
+          )) : c("v-if", !0)
+        ])) : c("v-if", !0),
+        e.error && e.errorLabel && e.errorMode === "overlay" ? (s(), u("div", ve, [
+          te(
+            "span",
+            ke,
+            h(e.errorLabel),
+            1
+            /* TEXT */
+          )
+        ])) : c("v-if", !0)
       ]);
     };
   }
@@ -288,7 +395,7 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
   for (const [q, C] of w)
     o[q] = C;
   return o;
-}, ge = /* @__PURE__ */ ye(me, [["__scopeId", "data-v-9606cd70"]]), xe = {
+}, ge = /* @__PURE__ */ ye(me, [["__scopeId", "data-v-2d1962bb"]]), xe = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"

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

@@ -1,65 +1,26 @@
 import 'ant-design-vue/es/checkbox/style/css';
 import type { Props } from './type';
 declare function __VLS_template(): {
-    default?(_: {}): any;
-    default?(_: {}): any;
-    default?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    checkboxType: string;
-    disabled: boolean;
-    modelValue: null;
-    optionType: string;
-    options: () => never[];
-    defaultProps: () => {
-        value: string;
-        label: string;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
     };
-    name: string;
-    layout: string;
-    indeterminate: boolean;
-    isView: boolean;
-    width: string;
-    maxWidth: string;
-    size: string;
-    error: boolean;
-    errorLabel: string;
-    teleported: boolean;
-    errorMode: string;
-    isErrorTitle: boolean;
-    noSetDefaultVal: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (e: any) => void;
-    "update:modelValue": (n: any) => void;
-    "update:indeterminate": (n: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    checkboxType: string;
-    disabled: boolean;
-    modelValue: null;
-    optionType: string;
-    options: () => never[];
-    defaultProps: () => {
-        value: string;
-        label: string;
+    refs: {
+        checkboxRef: unknown;
     };
-    name: string;
-    layout: string;
-    indeterminate: boolean;
-    isView: boolean;
-    width: string;
-    maxWidth: string;
-    size: string;
-    error: boolean;
-    errorLabel: string;
-    teleported: boolean;
-    errorMode: string;
-    isErrorTitle: boolean;
-    noSetDefaultVal: boolean;
-}>>> & {
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (e: any) => any;
+    "update:modelValue": (n: any) => any;
+    "update:indeterminate": (n: any) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onChange?: ((e: any) => any) | undefined;
     "onUpdate:modelValue"?: ((n: any) => any) | undefined;
     "onUpdate:indeterminate"?: ((n: any) => any) | undefined;
-}, {
+}>, {
     size: "small" | "middle" | "large";
     options: import("./type").optionsProps[];
     error: boolean;
@@ -70,37 +31,20 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     defaultProps: import("./type").ValLabel<string>;
     modelValue: any;
     teleported: boolean;
-    layout: "default" | "vertical";
-    optionType: "default" | "square" | "filterSquare";
     isView: boolean;
-    noSetDefaultVal: boolean;
-    errorMode: "default" | "overlay";
     errorLabel: string;
     isErrorTitle: boolean;
+    errorMode: "default" | "overlay";
+    noSetDefaultVal: boolean;
+    layout: "default" | "vertical";
+    optionType: "default" | "square" | "filterSquare";
     checkboxType: "default" | "group";
     indeterminate: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 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_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-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;
-    };
-};