cosey 0.4.48 → 0.4.50

package/components/table/table-query/table-query.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, onBeforeMount, createBlock, openBlock, resolveDynamicComponent, unref, withModifiers } from 'vue';
+import { defineComponent, ref, reactive, computed, onBeforeMount, unref, createBlock, openBlock, resolveDynamicComponent, withModifiers } from 'vue';
 import { tableQueryProps, omittedTableQueryProps, tableQueryExposeKeys } from './table-query.js';
 import { reactiveOmit } from '@vueuse/core';
 import { cloneDeep } from 'lodash-es';
@@ -19,10 +19,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const props = __props;
     const formQueryProps = reactiveOmit(props, omittedTableQueryProps);
     const formQueryRef = ref();
-    const formModel = reactive({});
+    const defaultModel = reactive({});
+    const formModel = computed(() => {
+      return props.model || defaultModel;
+    });
     onBeforeMount(() => {
       props.schemes.forEach(item => {
-        formModel[item.prop] = item.modelValue;
+        unref(formModel)[item.prop] = item.modelValue;
       });
     });
     const onEnter = () => {
@@ -30,13 +33,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
     };
     const customExpose = {
       getFieldsValue() {
-        return cloneDeep(formModel);
+        return cloneDeep(unref(formModel));
       },
       setFieldsValue(value) {
-        Object.assign(formModel, value);
+        Object.assign(unref(formModel), value);
       },
       getFormModel() {
-        return formModel;
+        return unref(formModel);
       }
     };
     __expose(createMergedExpose(tableQueryExposeKeys, () => formQueryRef.value, customExpose));
@@ -44,7 +47,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       return h(_FormQuery, {
         ...formQueryProps,
         ref: formQueryRef,
-        model: formModel,
+        model: unref(formModel),
         onKeyup: withModifiers(event => {
           if (event.key === "Enter") {
             onEnter();
@@ -62,15 +65,15 @@ var stdin_default = /* @__PURE__ */defineComponent({
               ...slots,
               default: () => {
                 return render({
-                  model: formModel
+                  model: unref(formModel)
                 });
               }
             });
           }
           return h(_FormItem, {
             ...rest,
-            modelValue: formModel[rest.prop],
-            "onUpdate:modelValue": value => formModel[rest.prop] = value
+            modelValue: unref(formModel)[rest.prop],
+            "onUpdate:modelValue": value => unref(formModel)[rest.prop] = value
           }, slots);
         });
       });

package/components/table-action/index.d.ts

@@ -95,7 +95,101 @@ declare const _TableAction: {
             } & {
                 readonly default: "button";
             };
-        }>>[];
+        }>>[] | Partial<import("vue").ExtractPropTypes<{
+            link: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            type: {
+                type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
+                default: string;
+            };
+            label: {
+                type: StringConstructor;
+            };
+            popconfirm: {
+                type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
+                    confirm?: (event: MouseEvent) => any;
+                    cancel?: (event: MouseEvent) => void;
+                }>;
+            };
+            onClick: {
+                type: import("vue").PropType<(event: MouseEvent) => void>;
+            };
+            hidden: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            icon: {
+                type: StringConstructor;
+            };
+            size: {
+                readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            disabled: BooleanConstructor;
+            nativeType: {
+                readonly type: import("vue").PropType<"button" | "reset" | "submit">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+            loading: BooleanConstructor;
+            loadingIcon: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            plain: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            text: BooleanConstructor;
+            bg: BooleanConstructor;
+            autofocus: BooleanConstructor;
+            round: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            circle: BooleanConstructor;
+            color: StringConstructor;
+            dark: BooleanConstructor;
+            autoInsertSpace: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            tag: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+        }>>[][];
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -198,7 +292,101 @@ declare const _TableAction: {
             } & {
                 readonly default: "button";
             };
-        }>>[];
+        }>>[] | Partial<import("vue").ExtractPropTypes<{
+            link: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            type: {
+                type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
+                default: string;
+            };
+            label: {
+                type: StringConstructor;
+            };
+            popconfirm: {
+                type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
+                    confirm?: (event: MouseEvent) => any;
+                    cancel?: (event: MouseEvent) => void;
+                }>;
+            };
+            onClick: {
+                type: import("vue").PropType<(event: MouseEvent) => void>;
+            };
+            hidden: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            icon: {
+                type: StringConstructor;
+            };
+            size: {
+                readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            disabled: BooleanConstructor;
+            nativeType: {
+                readonly type: import("vue").PropType<"button" | "reset" | "submit">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+            loading: BooleanConstructor;
+            loadingIcon: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            plain: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            text: BooleanConstructor;
+            bg: BooleanConstructor;
+            autofocus: BooleanConstructor;
+            round: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            circle: BooleanConstructor;
+            color: StringConstructor;
+            dark: BooleanConstructor;
+            autoInsertSpace: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            tag: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+        }>>[][];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -298,7 +486,101 @@ declare const _TableAction: {
         } & {
             readonly default: "button";
         };
-    }>>[];
+    }>>[] | Partial<import("vue").ExtractPropTypes<{
+        link: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        type: {
+            type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        popconfirm: {
+            type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
+                confirm?: (event: MouseEvent) => any;
+                cancel?: (event: MouseEvent) => void;
+            }>;
+        };
+        onClick: {
+            type: import("vue").PropType<(event: MouseEvent) => void>;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+        };
+        size: {
+            readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        disabled: BooleanConstructor;
+        nativeType: {
+            readonly type: import("vue").PropType<"button" | "reset" | "submit">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+        loading: BooleanConstructor;
+        loadingIcon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => any;
+        };
+        plain: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        text: BooleanConstructor;
+        bg: BooleanConstructor;
+        autofocus: BooleanConstructor;
+        round: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        circle: BooleanConstructor;
+        color: StringConstructor;
+        dark: BooleanConstructor;
+        autoInsertSpace: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        tag: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+    }>>[][];
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _TableAction as TableAction };
 export default _TableAction;

package/components/table-action/style/index.js

@@ -5,9 +5,14 @@ const getTableActionStyle = (token) => {
   return {
     [componentCls]: {
       display: "inline-flex",
-      flexWrap: "wrap",
-      columnGap: token.sizeXXS,
-      rowGap: token.sizeSM
+      flexDirection: "column",
+      rowGap: token.sizeSM,
+      [`${componentCls}-row`]: {
+        display: "flex",
+        flexWrap: "wrap",
+        columnGap: token.sizeXXS,
+        rowGap: token.sizeXXS
+      }
     }
   };
 };

package/components/table-action/table-action.d.ts

@@ -1,6 +1,6 @@
 import { type TableActionItem } from './item';
 export interface TableActionProps {
-    actions?: TableActionItem[];
+    actions?: TableActionItem[] | TableActionItem[][];
 }
 export declare const defaultTableActionProps: {
     actions: () => never[];

package/components/table-action/table-action.vue.d.ts

@@ -94,6 +94,100 @@ declare const _default: import("vue").DefineComponent<TableActionProps, {}, {},
         } & {
             readonly default: "button";
         };
-    }>>[];
+    }>>[] | Partial<import("vue").ExtractPropTypes<{
+        link: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        type: {
+            type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        popconfirm: {
+            type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
+                confirm?: (event: MouseEvent) => any;
+                cancel?: (event: MouseEvent) => void;
+            }>;
+        };
+        onClick: {
+            type: import("vue").PropType<(event: MouseEvent) => void>;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+        };
+        size: {
+            readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        disabled: BooleanConstructor;
+        nativeType: {
+            readonly type: import("vue").PropType<"button" | "reset" | "submit">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+        loading: BooleanConstructor;
+        loadingIcon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => any;
+        };
+        plain: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        text: BooleanConstructor;
+        bg: BooleanConstructor;
+        autofocus: BooleanConstructor;
+        round: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        circle: BooleanConstructor;
+        color: StringConstructor;
+        dark: BooleanConstructor;
+        autoInsertSpace: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        tag: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+    }>>[][];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/table-action/table-action.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createBlock, mergeProps } from 'vue';
+import { defineComponent, mergeDefaults, computed, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createBlock, mergeProps } from 'vue';
 import { defaultTableActionProps } from './table-action.js';
 import stdin_default$2 from './item.vue.js';
 import stdin_default$1 from './style/index.js';
@@ -17,6 +17,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
   }, defaultTableActionProps),
   setup(__props) {
     const props = __props;
+    const dyadicActions = computed(() => {
+      return Array.isArray(props.actions[0]) ? props.actions : [props.actions];
+    });
     const {
       prefixCls
     } = useComponentConfig("table-action", props);
@@ -26,12 +29,19 @@ var stdin_default = /* @__PURE__ */defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(hashId), unref(prefixCls)])
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actions, (action, _i) => {
-        return openBlock(), createBlock(stdin_default$2, mergeProps({
-          key: _i,
-          ref_for: true
-        }, action), null, 16
-        /* FULL_PROPS */);
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(dyadicActions.value, (actions, rowIndex) => {
+        return openBlock(), createElementBlock("div", {
+          key: rowIndex,
+          class: normalizeClass(`${unref(prefixCls)}-row`)
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(actions, (action, actionIndex) => {
+          return openBlock(), createBlock(stdin_default$2, mergeProps({
+            key: actionIndex,
+            ref_for: true
+          }, action), null, 16
+          /* FULL_PROPS */);
+        }), 128
+        /* KEYED_FRAGMENT */))], 2
+        /* CLASS */);
       }), 128
       /* KEYED_FRAGMENT */))], 2
       /* CLASS */);

package/package.json

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