ll-plus 2.0.13 → 2.0.16

package/es/components/checkbox/src/checkbox-group.vue2.mjs

@@ -1,62 +1,76 @@
-import { defineComponent, ref, useAttrs, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { defineComponent, useAttrs, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeProps, guardReactiveProps, createElementBlock, Fragment, renderList, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { CheckboxGroup, Row, Col } from 'ant-design-vue';
+import { checkboxGroupProps } from './checkbox.mjs';
 import Checkbox from './checkbox.vue.mjs';
 import '../../../utils/index.mjs';
-import { CheckboxGroupProps } from './checkbox.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckboxGroup" },
   __name: "checkbox-group",
-  props: CheckboxGroupProps,
-  emits: ["update:value", "change"],
-  setup(__props, { emit: __emit }) {
-    const bem = createNamespace("checkbox-group");
+  props: checkboxGroupProps,
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const innerValue = ref(props.value);
+    const bem = createNamespace("checkbox-group");
     const attrs = useAttrs();
-    function onChange(val) {
-      emit("update:value", val);
-      emit("change", val);
-    }
     return (_ctx, _cache) => {
-      const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(bem).b())
-        },
-        [
-          createVNode(_component_a_checkbox_group, mergeProps({
-            value: innerValue.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
-          }, unref(attrs), {
-            options: _ctx.options,
-            onChange
-          }), {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(_ctx.options, (item) => {
-                  return openBlock(), createBlock(Checkbox, {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 16, ["value", "options"])
-        ],
-        2
-        /* CLASS */
-      );
+      return openBlock(), createBlock(unref(CheckboxGroup), mergeProps({
+        class: unref(bem).b()
+      }, unref(attrs)), {
+        default: withCtx(() => [
+          createVNode(
+            unref(Row),
+            normalizeProps(guardReactiveProps(props.rowOptions)),
+            {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(props.options, (item, idx) => {
+                    return openBlock(), createBlock(unref(Col), mergeProps(item.colOptions, {
+                      key: idx,
+                      span: item.span || 24
+                    }), {
+                      default: withCtx(() => [
+                        createVNode(
+                          Checkbox,
+                          normalizeProps(guardReactiveProps(item)),
+                          {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(item)), () => [
+                                createTextVNode(
+                                  toDisplayString(item.label),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1040
+                          /* FULL_PROPS, DYNAMIC_SLOTS */
+                        )
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["span"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 3
+              /* FORWARDED */
+            },
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
     };
   }
 });

package/es/components/checkbox/src/checkbox-group.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.vue2.mjs","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\r\n  <div :class=\"bem.b()\">\r\n    <a-checkbox-group\r\n      v-model:value=\"innerValue\"\r\n      v-bind=\"attrs\"\r\n      :options=\"options\"\r\n      @change=\"onChange\"\r\n    >\r\n      <checkbox\r\n        v-for=\"item in options\"\r\n        :key=\"item.value\"\r\n        :label=\"item.label\"\r\n        :value=\"item.value\"\r\n      ></checkbox>\r\n    </a-checkbox-group>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, useAttrs } from 'vue'\r\nimport Checkbox from './checkbox.vue'\r\n\r\nimport { createNamespace } from '@ll-plus/utils'\r\nimport { CheckboxGroupProps } from './checkbox'\r\n\r\ndefineOptions({ name: 'LlCheckboxGroup' })\r\nconst bem = createNamespace('checkbox-group')\r\nconst props = defineProps(CheckboxGroupProps)\r\nconst emit = defineEmits(['update:value', 'change'])\r\n\r\nconst innerValue = ref<any[]>(props.value)\r\nconst attrs = useAttrs()\r\n\r\nfunction onChange(val: any[]) {\r\n  emit('update:value', val)\r\n  emit('change', val)\r\n}\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AA0BA,IAAM,MAAA,GAAA,GAAM,gBAAgB,gBAAgB,CAAA,CAAA;AAC5C,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,UAAA,GAAa,GAAW,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,SAAS,SAAS,GAAY,EAAA;AAC5B,MAAA,IAAA,CAAK,gBAAgB,GAAG,CAAA,CAAA;AACxB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox-group.vue2.mjs","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n  <CheckboxGroup :class=\"bem.b()\" v-bind=\"attrs\">\n    <Row v-bind=\"props.rowOptions\">\n      <Col\n        v-for=\"(item, idx) in props.options\"\n        v-bind=\"item.colOptions\"\n        :key=\"idx\"\n        :span=\"item.span || 24\"\n      >\n        <checkbox v-bind=\"item\">\n          <slot v-bind=\"item\">\n            {{ item.label }}\n          </slot>\n        </checkbox>\n      </Col>\n    </Row>\n  </CheckboxGroup>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { Row, Col, CheckboxGroup } from 'ant-design-vue'\nimport { checkboxGroupProps } from './checkbox'\nimport Checkbox from './checkbox.vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\ndefineOptions({ name: 'LlCheckboxGroup' })\n\nconst props = defineProps(checkboxGroupProps)\n\nconst bem = createNamespace('checkbox-group')\n\nconst attrs = useAttrs()\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,gBAAgB,CAAA,CAAA;AAE5C,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/checkbox/src/checkbox.d.ts

@@ -1,65 +1,201 @@
-export declare const CheckboxProps: {
-    value: {
-        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-    checkedValue: {
-        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-    unCheckedValue: {
-        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-};
-export interface Options {
+import type { ExtractPropTypes } from 'vue';
+import type { ColProps, CheckboxOptionType } from 'ant-design-vue';
+import type Checkbox from './checkbox.vue';
+import type CheckboxGroup from './checkbox-group.vue';
+type option = CheckboxOptionType & {
+    colOptions?: ColProps;
     label: string;
-    value: string;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    onChange?: (...args: any[]) => any;
-}
-export declare const CheckboxGroupProps: {
-    value: {
-        type: {
-            (arrayLength: number): any[][];
-            (...items: any[][]): any[][];
-            new (arrayLength: number): any[][];
-            new (...items: any[][]): any[][];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: never[];
-    };
-    options: {
-        type: {
-            (arrayLength: number): Options[];
-            (...items: Options[]): Options[];
-            new (arrayLength: number): Options[];
-            new (...items: Options[]): Options[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: never[];
-    };
-    direction: {
-        type: StringConstructor;
-        default: string;
-    };
+    span?: number;
+};
+export declare const checkboxGroupProps: {
+    readonly options: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => option[]) | (() => option[]) | ((new (...args: any[]) => option[]) | (() => option[]))[], unknown, unknown, () => never[], boolean>;
+    readonly rowOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<ExtractPropTypes<{
+        align: {
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            }>;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            };
+        };
+        justify: {
+            type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            }>;
+            default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            };
+        };
+        prefixCls: StringConstructor;
+        gutter: {
+            type: import("vue").PropType<import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter]>;
+            default: import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter];
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>>) | (() => Partial<ExtractPropTypes<{
+        align: {
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            }>;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            };
+        };
+        justify: {
+            type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            }>;
+            default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            };
+        };
+        prefixCls: StringConstructor;
+        gutter: {
+            type: import("vue").PropType<import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter]>;
+            default: import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter];
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>>) | ((new (...args: any[]) => Partial<ExtractPropTypes<{
+        align: {
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            }>;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            };
+        };
+        justify: {
+            type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            }>;
+            default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            };
+        };
+        prefixCls: StringConstructor;
+        gutter: {
+            type: import("vue").PropType<import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter]>;
+            default: import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter];
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>>) | (() => Partial<ExtractPropTypes<{
+        align: {
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            }>;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            };
+        };
+        justify: {
+            type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            }>;
+            default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            };
+        };
+        prefixCls: StringConstructor;
+        gutter: {
+            type: import("vue").PropType<import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter]>;
+            default: import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter];
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>>))[], unknown, unknown, () => void, boolean>;
 };
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
+export type CheckboxInstance = InstanceType<typeof Checkbox>;
+export type CheckboxGroupInstance = InstanceType<typeof CheckboxGroup>;
+export {};

package/es/components/checkbox/src/checkbox.mjs

@@ -1,15 +1,18 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+
 "use strict";
-const CheckboxProps = {
-  value: { type: [Number, Boolean, String], default: false },
-  checkedValue: { type: [Number, Boolean, String], default: true },
-  unCheckedValue: { type: [Number, Boolean, String], default: false },
-  label: { type: String, default: "" }
-};
-const CheckboxGroupProps = {
-  value: { type: Array, default: [] },
-  options: { type: Array, default: [] },
-  direction: { type: String, default: "vertical" }
-};
+const checkboxGroupProps = buildProps({
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  rowOptions: {
+    type: definePropType(Object),
+    default: () => {
+    }
+  }
+});
 
-export { CheckboxGroupProps, CheckboxProps };
+export { checkboxGroupProps };
 //# sourceMappingURL=checkbox.mjs.map

package/es/components/checkbox/src/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","sources":["../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["export const CheckboxProps = {\r\n  value: { type: [Number, Boolean, String], default: false },\r\n  checkedValue: { type: [Number, Boolean, String], default: true },\r\n  unCheckedValue: { type: [Number, Boolean, String], default: false },\r\n  label: { type: String, default: ''}\r\n}\r\n\r\nexport interface Options {\r\n  label: string\r\n  value: string\r\n  disabled?: boolean\r\n  indeterminate?: boolean\r\n  onChange?: (...args: any[]) => any\r\n}\r\n\r\nexport const CheckboxGroupProps = {\r\n  value: { type: Array<any[]>, default: [] },\r\n  options: { type: Array<Options>, default: [] },\r\n  direction: { type: String, default: 'vertical' }\r\n}\r\n"],"names":[],"mappings":";AAAO,MAAM,aAAgB,GAAA;AAAA,EAC3B,KAAA,EAAO,EAAE,IAAM,EAAA,CAAC,QAAQ,OAAS,EAAA,MAAM,CAAG,EAAA,OAAA,EAAS,KAAM,EAAA;AAAA,EACzD,YAAA,EAAc,EAAE,IAAM,EAAA,CAAC,QAAQ,OAAS,EAAA,MAAM,CAAG,EAAA,OAAA,EAAS,IAAK,EAAA;AAAA,EAC/D,cAAA,EAAgB,EAAE,IAAM,EAAA,CAAC,QAAQ,OAAS,EAAA,MAAM,CAAG,EAAA,OAAA,EAAS,KAAM,EAAA;AAAA,EAClE,KAAO,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAE,EAAA;AACpC,EAAA;AAUO,MAAM,kBAAqB,GAAA;AAAA,EAChC,OAAO,EAAE,IAAA,EAAM,KAAc,EAAA,OAAA,EAAS,EAAG,EAAA;AAAA,EACzC,SAAS,EAAE,IAAA,EAAM,KAAgB,EAAA,OAAA,EAAS,EAAG,EAAA;AAAA,EAC7C,SAAW,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,UAAW,EAAA;AACjD;;;;"}
+{"version":3,"file":"checkbox.mjs","sources":["../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type { RowProps, ColProps, CheckboxOptionType } from 'ant-design-vue'\n\nimport type Checkbox from './checkbox.vue'\n\nimport type CheckboxGroup from './checkbox-group.vue'\n\ntype option = CheckboxOptionType & {\n  colOptions?: ColProps\n  label: string\n  span?: number\n}\n\nexport const checkboxGroupProps = buildProps({\n  options: {\n    type: definePropType<option[]>(Array),\n    default: () => []\n  },\n  rowOptions: {\n    type: definePropType<RowProps>(Object),\n    default: () => {}\n  }\n} as const)\n\n// props\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\n\n// instance\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\nexport type CheckboxGroupInstance = InstanceType<typeof CheckboxGroup>\n"],"names":[],"mappings":";;;;AAgBO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,SAAS,MAAM;AAAA,KAAC;AAAA,GAClB;AACF,CAAU;;;;"}