cosey 0.6.4 → 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;
@@ -47,16 +68,12 @@ var stdin_default = defineComponent(props => {
       });
     }
     const checkboxGroupVnode = h(ElCheckboxGroup, mergeProps(checkboxGroupProps.value, {
-      class: "flex flex-wrap gap-x-8"
-    }), () => convertedOptions.value.map(item => h(checkboxType.value, mergeProps({
-      ...item,
-      key: item.value
-    }, {
       style: {
-        width: checkboxWidth.value
-      },
-      class: "!me-0"
-    }))));
+        display: "flex",
+        flexWrap: "wrap",
+        columnGap: "32px"
+      }
+    }), () => 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/components/form-list/form-list.vue.js

@@ -260,12 +260,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
         return;
       }).filter(Boolean);
     });
-    console.log(columns.value);
-    console.log(slots.default?.({
-      row: {},
-      index: 0,
-      getProp
-    }));
     __expose(createMergedExpose(formListExposeKeys, () => formItemRef.value, {
       add,
       remove,

package/package.json

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