@fangzhongya/fang-ui 0.0.30 → 0.0.32

package/dist/components/cascader-panel/src/index.js

@@ -1,30 +1,16 @@
-import { defineComponent, ref, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
-import "../../../hooks/global-config/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
-import { ElCascaderPanel } from "element-plus";
+import { ElCascaderPanel } from "element-plus/es/components/cascader-panel/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = ref();
-    const attrs = useInherit();
+    const attrs = useInherit(useAttrs());
     const slots = useSlots();
     const cs = useCssName("cascader-panel");
     useLocale();
@@ -34,17 +20,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
-        class: [unref(cs).z()]
+        class: unref(cs).z()
       }, unref(attrs).root), [
         createVNode(unref(ElCascaderPanel), mergeProps(unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k, index) => {
+          renderList(Object.keys(unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, k)
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
               ])
             };
           })

package/dist/components/cascader-panel/style/index2.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/cascader-panel.scss' as *;
+@use '../index.scss' as *;

package/dist/components/cascaders/index.d.ts

@@ -1,121 +1,52 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
-declare const Cascaders: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        isTree: {
-            type: BooleanConstructor;
-        };
-        options: {
-            type: {
-                (arrayLength: number): ObjAny[];
-                (...items: ObjAny[]): ObjAny[];
-                new (arrayLength: number): ObjAny[];
-                new (...items: ObjAny[]): ObjAny[];
-                isArray(arg: any): arg is any[];
-                readonly prototype: any[];
-                from<T>(arrayLike: ArrayLike<T>): T[];
-                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                of<T>(...items: T[]): T[];
-                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-                readonly [Symbol.species]: ArrayConstructor;
-            };
-            default(): never[];
-        };
-        clearAbsent: {
-            type: BooleanConstructor;
-        };
-        label: {
-            type: (FunctionConstructor | StringConstructor)[];
-            default: string;
-        };
-        prop: {
-            type: (FunctionConstructor | StringConstructor)[];
-            default: string;
-        };
-        modelValue: {
-            type: null;
-        };
-        multiple: {
-            type: (BooleanConstructor | StringConstructor)[];
-        };
-        load: {
-            type: BooleanConstructor[];
-        };
-        optobj: {
-            type: BooleanConstructor[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        label: string | Function;
-        options: ObjAny[];
-        prop: string | Function;
-        clearAbsent: boolean;
-        isTree: boolean;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        isTree: {
-            type: BooleanConstructor;
-        };
-        options: {
-            type: {
-                (arrayLength: number): ObjAny[];
-                (...items: ObjAny[]): ObjAny[];
-                new (arrayLength: number): ObjAny[];
-                new (...items: ObjAny[]): ObjAny[];
-                isArray(arg: any): arg is any[];
-                readonly prototype: any[];
-                from<T>(arrayLike: ArrayLike<T>): T[];
-                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                of<T>(...items: T[]): T[];
-                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-                readonly [Symbol.species]: ArrayConstructor;
-            };
-            default(): never[];
-        };
-        clearAbsent: {
-            type: BooleanConstructor;
-        };
-        label: {
-            type: (FunctionConstructor | StringConstructor)[];
-            default: string;
-        };
-        prop: {
-            type: (FunctionConstructor | StringConstructor)[];
-            default: string;
-        };
-        modelValue: {
-            type: null;
-        };
-        multiple: {
-            type: (BooleanConstructor | StringConstructor)[];
-        };
-        load: {
-            type: BooleanConstructor[];
-        };
-        optobj: {
-            type: BooleanConstructor[];
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const Cascaders: SFCWithInstall<DefineComponent<ExtractPropTypes<{
+    isTree: {
+        type: BooleanConstructor;
+    };
+    options: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        label: string | Function;
-        options: ObjAny[];
-        prop: string | Function;
-        clearAbsent: boolean;
-        isTree: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+        default(): never[];
+    };
+    clearAbsent: {
+        type: BooleanConstructor;
+    };
+    label: {
+        type: (FunctionConstructor | StringConstructor)[];
+        default: string;
+    };
+    prop: {
+        type: (FunctionConstructor | StringConstructor)[];
+        default: string;
+    };
+    modelValue: {
+        type: null;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    load: {
+        type: BooleanConstructor[];
+    };
+    optobj: {
+        type: BooleanConstructor[];
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     isTree: {
         type: BooleanConstructor;
     };
@@ -161,11 +92,11 @@ declare const Cascaders: {
     optobj: {
         type: BooleanConstructor[];
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {
     label: string | Function;
     options: ObjAny[];
     prop: string | Function;
     clearAbsent: boolean;
     isTree: boolean;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>>;
 export { Cascaders, Cascaders as default };

package/dist/components/checkbox/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const Checkbox = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Checkbox");

package/dist/components/checkbox/index.d.ts

@@ -1,7 +1,9 @@
-import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
-import { CheckboxValueType } from 'element-plus/es/index';
+import { SFCWithInstall } from '../../utils/vues';
+import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { CheckboxValueType } from 'element-plus/es/components/checkbox';
 import { OnCleanup } from '@vue/reactivity';
-declare const Checkbox: {
+declare const Checkbox: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
         refEl: Ref<any, any>;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
@@ -29,9 +31,9 @@ declare const Checkbox: {
                 readonly border: boolean;
                 readonly indeterminate: boolean;
                 readonly checked: boolean;
-                readonly size?: ("" | "default" | "small" | "large") | undefined;
-                readonly label?: string | number | boolean | Record<string, any> | undefined;
+                readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
                 readonly name?: string | undefined;
+                readonly label?: string | number | boolean | Record<string, any> | undefined;
                 readonly value?: string | number | boolean | Record<string, any> | undefined;
                 readonly modelValue?: string | number | boolean | undefined;
                 readonly id?: string | undefined;
@@ -43,7 +45,7 @@ declare const Checkbox: {
                 readonly falseLabel?: string | number | undefined;
                 "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined | undefined;
                 onChange?: ((val: CheckboxValueType) => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "label" | "name" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "name" | "label" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -101,7 +103,7 @@ declare const Checkbox: {
                 };
                 border: BooleanConstructor;
                 size: {
-                    readonly type: PropType<"" | "default" | "small" | "large">;
+                    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -210,7 +212,7 @@ declare const Checkbox: {
             };
             border: BooleanConstructor;
             size: {
-                readonly type: PropType<"" | "default" | "small" | "large">;
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -223,7 +225,7 @@ declare const Checkbox: {
         }>> & {
             "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
             onChange?: ((val: CheckboxValueType) => any) | undefined;
-        }, "label" | "name" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        }, "name" | "label" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -244,6 +246,6 @@ declare const Checkbox: {
 } & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
     refEl: Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>>;
-}) & Plugin;
+    $slots: Partial<Record<string, (_: any) => any>>;
+})>;
 export { Checkbox, Checkbox as default };

package/dist/components/checkbox/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Checkbox = withInstall(_sfc_main, "Checkbox");

package/dist/components/checkbox/index.scss

@@ -0,0 +1,5 @@
+@use '../css/common.scss' as *;
+
+$checkbox: 'checkbox';
+@include b($checkbox) {
+}

package/dist/components/checkbox/src/data.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPublicPropTypes } from 'vue';
 /**
- * @title {h2} Checkbox 多选框
+ * @title {h2} Checkbox 输入框
  * @text 目前完全继承 element-plus 中 el-checkbox
  */
 export declare const dataProps: {};

package/dist/components/checkbox/src/index.cjs

@@ -2,41 +2,42 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("../../../hooks/locale/index.cjs");
-const elementPlus = require("element-plus");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("element-plus/es/components/checkbox/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = vue.ref();
-    const attrs = vue.useAttrs();
+    const attrs = index.useInherit(vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("checkbox");
-    index$1.useLocale();
+    const cs = index$1.useCssName("checkbox");
+    index$2.useLocale();
     __expose({
       ...data.dataExpose,
       refEl
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createVNode(vue.unref(elementPlus.ElCheckbox), vue.mergeProps(vue.unref(attrs), {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(index$3.ElCheckbox), vue.mergeProps(vue.unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
               ])
             };
           })
         ]), 1040)
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/components/checkbox/src/index.d.ts

@@ -1,9 +1,10 @@
 import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, Ref, PublicProps } from 'vue';
-import { CheckboxValueType } from 'element-plus/es/index';
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { CheckboxValueType } from 'element-plus/es/components/checkbox';
 import { OnCleanup } from '@vue/reactivity';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {}) => any>>;
+    slots: Partial<Record<string, (_: any) => any>>;
     refs: {
         refEl: ({
             $: ComponentInternalInstance;
@@ -29,9 +30,9 @@ declare function __VLS_template(): {
                 readonly border: boolean;
                 readonly indeterminate: boolean;
                 readonly checked: boolean;
-                readonly size?: ("" | "default" | "small" | "large") | undefined;
-                readonly label?: string | number | boolean | Record<string, any> | undefined;
+                readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
                 readonly name?: string | undefined;
+                readonly label?: string | number | boolean | Record<string, any> | undefined;
                 readonly value?: string | number | boolean | Record<string, any> | undefined;
                 readonly modelValue?: string | number | boolean | undefined;
                 readonly id?: string | undefined;
@@ -43,7 +44,7 @@ declare function __VLS_template(): {
                 readonly falseLabel?: string | number | undefined;
                 "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined | undefined;
                 onChange?: ((val: CheckboxValueType) => any) | undefined | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "label" | "name" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "name" | "label" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -101,7 +102,7 @@ declare function __VLS_template(): {
                 };
                 border: BooleanConstructor;
                 size: {
-                    readonly type: PropType<"" | "default" | "small" | "large">;
+                    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -210,7 +211,7 @@ declare function __VLS_template(): {
             };
             border: BooleanConstructor;
             size: {
-                readonly type: PropType<"" | "default" | "small" | "large">;
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -223,7 +224,7 @@ declare function __VLS_template(): {
         }>> & {
             "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
             onChange?: ((val: CheckboxValueType) => any) | undefined;
-        }, "label" | "name" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        }, "name" | "label" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -259,9 +260,9 @@ declare const __VLS_component: DefineComponent<{}, {
             readonly border: boolean;
             readonly indeterminate: boolean;
             readonly checked: boolean;
-            readonly size?: ("" | "default" | "small" | "large") | undefined;
-            readonly label?: string | number | boolean | Record<string, any> | undefined;
+            readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
             readonly name?: string | undefined;
+            readonly label?: string | number | boolean | Record<string, any> | undefined;
             readonly value?: string | number | boolean | Record<string, any> | undefined;
             readonly modelValue?: string | number | boolean | undefined;
             readonly id?: string | undefined;
@@ -273,7 +274,7 @@ declare const __VLS_component: DefineComponent<{}, {
             readonly falseLabel?: string | number | undefined;
             "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined | undefined;
             onChange?: ((val: CheckboxValueType) => any) | undefined | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "label" | "name" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "name" | "label" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -331,7 +332,7 @@ declare const __VLS_component: DefineComponent<{}, {
             };
             border: BooleanConstructor;
             size: {
-                readonly type: PropType<"" | "default" | "small" | "large">;
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -440,7 +441,7 @@ declare const __VLS_component: DefineComponent<{}, {
         };
         border: BooleanConstructor;
         size: {
-            readonly type: PropType<"" | "default" | "small" | "large">;
+            readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -453,7 +454,7 @@ declare const __VLS_component: DefineComponent<{}, {
     }>> & {
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
         onChange?: ((val: CheckboxValueType) => any) | undefined;
-    }, "label" | "name" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+    }, "name" | "label" | "value" | "modelValue" | "disabled" | "id" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueValue" | "falseValue" | "trueLabel" | "falseLabel"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/components/checkbox/src/index.js

@@ -1,15 +1,16 @@
-import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { ElCheckbox } from "element-plus";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElCheckbox } from "element-plus/es/components/checkbox/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = ref();
-    const attrs = useAttrs();
+    const attrs = useInherit(useAttrs());
     const slots = useSlots();
     const cs = useCssName("checkbox");
     useLocale();
@@ -18,23 +19,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        createVNode(unref(ElCheckbox), mergeProps(unref(attrs), {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElCheckbox), mergeProps(unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), createSlots({ _: 2 }, [
           renderList(Object.keys(unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, k)
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
               ])
             };
           })
         ]), 1040)
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/components/checkbox/style/index2.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/checkbox.scss' as *;
+@use '../index.scss' as *;

package/dist/components/checkbox-group/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const CheckboxGroup = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "CheckboxGroup");