cosey 0.6.5 → 0.6.6

package/components/field/components/checkbox-group/checkbox-group.d.ts

@@ -14,11 +14,17 @@ export interface FieldCheckboxGroupProps extends FieldComponentCommonProps {
         checkboxWidth?: string | number;
         indeterminate?: boolean;
         maxHeight?: string | number;
+        checkboxProps?: Record<PropertyKey, any> | ((props: Record<PropertyKey, any>, index: number) => Record<PropertyKey, any>);
     };
     componentSlots?: Partial<FieldCheckboxGroupSlots>;
 }
+export declare const fieldCheckboxGroupOmitKeys: readonly ["options", "props", "type", "checkboxWidth", "maxHeight", "checkboxProps"];
 export interface FieldCheckboxGroupSlots {
     default?: (props: Record<string, any>) => any;
+    checkbox?: (props: {
+        option: Record<PropertyKey, any>;
+        index: number;
+    }) => any;
 }
 export interface FieldCheckboxGroupEmits {
     (e: 'update:modelValue', val: CheckboxGroupValueType): void;

package/components/field/components/checkbox-group/checkbox-group.js

@@ -1 +1,10 @@
+const fieldCheckboxGroupOmitKeys = [
+  "options",
+  "props",
+  "type",
+  "checkboxWidth",
+  "maxHeight",
+  "checkboxProps"
+];
 
+export { fieldCheckboxGroupOmitKeys };

package/components/field/components/checkbox-group/checkbox-group.vue.js

@@ -1,20 +1,24 @@
 import { ElCheckboxButton, ElCheckbox, ElCheckboxGroup } from 'element-plus';
 import { defineComponent, computed, h, mergeProps } from 'vue';
+import { fieldCheckboxGroupOmitKeys } from './checkbox-group.js';
 import stdin_default$1 from './panel.vue.js';
 import { omit } from 'lodash-es';
 import { useProps } from '../../../../hooks/useProps.js';
+import { isNumber, isFunction } from '../../../../utils/is.js';
 import { getLabelByValue } from '../../../../utils/collection.js';
-import { isNumber } from '../../../../utils/is.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 
-var stdin_default = defineComponent(props => {
+var stdin_default = defineComponent((props, {
+  slots
+}) => {
   const componentProps = computed(() => props.componentProps || {});
   const checkboxGroupProps = computed(() => {
-    return omit(componentProps.value, ["options", "props", "type", "checkboxWidth", "maxHeight"]);
+    return omit(componentProps.value, fieldCheckboxGroupOmitKeys);
   });
   const {
     getLabel,
-    getValue
+    getValue,
+    getKey
   } = useProps(componentProps);
   const convertedOptions = computed(() => {
     return (componentProps.value.options ?? []).map(option => {
@@ -38,6 +42,23 @@ var stdin_default = defineComponent(props => {
     const width = componentProps.value.checkboxWidth;
     return isNumber(width) ? width + "px" : width;
   });
+  function renderCheckbox(option, index) {
+    const checkboxProps = componentProps.value.checkboxProps;
+    const value = getValue(option);
+    return h(checkboxType.value, mergeProps({
+      ...option,
+      key: getKey(value),
+      ...(isFunction(checkboxProps) ? checkboxProps(option, index) : checkboxProps)
+    }, {
+      style: {
+        width: checkboxWidth.value,
+        margin: 0
+      }
+    }), slots.checkbox ? () => slots.checkbox({
+      option,
+      index
+    }) : void 0);
+  }
   return () => {
     if (props.readonly) {
       const value = componentProps.value.modelValue;
@@ -52,15 +73,7 @@ var stdin_default = defineComponent(props => {
         flexWrap: "wrap",
         columnGap: "32px"
       }
-    }), () => convertedOptions.value.map(item => h(checkboxType.value, mergeProps({
-      ...item,
-      key: item.value
-    }, {
-      style: {
-        width: checkboxWidth.value,
-        margin: 0
-      }
-    }))));
+    }), () => convertedOptions.value.map((item, index) => renderCheckbox(item, index)));
     return componentProps.value.indeterminate ? h(stdin_default$1, {
       modelValue: checkboxGroupProps.value.modelValue,
       "onUpdate:modelValue": componentProps.value["onUpdate:modelValue"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",