cc1-form 1.0.0

package/dist/components/TCurd/com/form/list.vue.d.ts

@@ -0,0 +1,151 @@
+declare const conf: {
+    show: boolean;
+    add: (field: string, row: any, itemFields: any[]) => void;
+    remove: (field: string, row: any, item: any) => void;
+};
+declare const emit: (event: "change", ...args: any[]) => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {
+    row: any;
+}, __VLS_11: {
+    item: any;
+    row: any;
+}, __VLS_21: {
+    item: any;
+    row: any;
+}, __VLS_31: {
+    row: any;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    'list-start'?: (props: typeof __VLS_1) => any;
+} & {
+    'item-start'?: (props: typeof __VLS_11) => any;
+} & {
+    'item-end'?: (props: typeof __VLS_21) => any;
+} & {
+    'list-end'?: (props: typeof __VLS_31) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    row: {
+        default: any;
+    };
+    label: {
+        default: string;
+    };
+    value: {
+        default: string;
+    };
+    itemFields: {
+        default: any[];
+    };
+    field: {
+        default: string;
+    };
+    inputWidth: {
+        default: string;
+    };
+    inputClass: {
+        default: string;
+    };
+}>, {
+    conf: typeof conf;
+    emit: typeof emit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    row: {
+        default: any;
+    };
+    label: {
+        default: string;
+    };
+    value: {
+        default: string;
+    };
+    itemFields: {
+        default: any[];
+    };
+    field: {
+        default: string;
+    };
+    inputWidth: {
+        default: string;
+    };
+    inputClass: {
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    value: string;
+    itemFields: any[];
+    inputWidth: string;
+    inputClass: string;
+    row: any;
+    field: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    row: {
+        default: any;
+    };
+    label: {
+        default: string;
+    };
+    value: {
+        default: string;
+    };
+    itemFields: {
+        default: any[];
+    };
+    field: {
+        default: string;
+    };
+    inputWidth: {
+        default: string;
+    };
+    inputClass: {
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    row: {
+        default: any;
+    };
+    label: {
+        default: string;
+    };
+    value: {
+        default: string;
+    };
+    itemFields: {
+        default: any[];
+    };
+    field: {
+        default: string;
+    };
+    inputWidth: {
+        default: string;
+    };
+    inputClass: {
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    value: string;
+    itemFields: any[];
+    inputWidth: string;
+    inputClass: string;
+    row: any;
+    field: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,457 @@
+export type CurdOption<T = any> = CurdConfig<T & CurdSearchDto>;
+/**
+ * 组件配置
+ *
+ * @example
+ * 布局插槽：
+ * 1. box-left: 左侧布局插槽
+ * 2. box-right: 右侧布局插槽
+ *
+ * 搜索区域插槽：
+ * 3. search-start: 搜索表单开始位置插槽，作用域参数：{ row }
+ * 4. search-center: 搜索表单中间位置插槽，作用域参数：{ row }
+ * 5. search-end: 搜索表单结束位置插槽，作用域参数：{ row }
+ * 6. search-{fieldKey}: 搜索字段自定义插槽，fieldKey为字段的key值，作用域参数：{ row }
+ *
+ * 工具栏插槽：
+ * 7. tools-left: 工具栏左侧插槽
+ * 8. tools-right: 工具栏右侧插槽
+ *
+ * 表格插槽：
+ * 9. table-{fieldKey}: 表格字段自定义插槽，fieldKey为字段的key值，作用域参数：{ row, item }
+ * 10. table-op-left: 表格操作列左侧插槽，作用域参数：{ row }
+ * 11. table-op-right: 表格操作列右侧插槽，作用域参数：{ row }
+ *
+ * 表单插槽：
+ * 12. form-start: 新增/编辑表单开始位置插槽，作用域参数：{ row }
+ * 13. form-end: 新增/编辑表单结束位置插槽，作用域参数：{ row }
+ * 14. form-{fieldKey}: 新增/编辑表单字段自定义插槽，fieldKey为字段的key值，作用域参数：{ row, item }
+ * 15. form-{fieldKey}-start: 新增/编辑表单字段开始位置插槽，fieldKey为字段的key值，作用域参数：{ row, item }
+ * 16. form-{fieldKey}-end: 新增/编辑表单字段结束位置插槽，fieldKey为字段的key值，作用域参数：{ row, item }
+ */
+export interface CurdConfig<T = any> {
+    /**
+     * 弹窗配置
+     */
+    dialog?: Record<string, any>;
+    /**
+     * 额外的搜索附加信息
+     */
+    search?: Partial<{
+        /**
+         * 是否显示搜索
+         */
+        show: boolean;
+        /**
+         * 搜索表单默认值
+         */
+        formDefault: Partial<T>;
+        /**
+         * 重置模式-默认为null，将所有值修改为undefined，如果为default，则将所有值修改为formDefault默认值
+         */
+        resetMode: 'default' | undefined;
+        /**
+         * 搜索前执行处理，如有返回值取返回值
+         */
+        before?: (data: T & CurdSearchDto) => any;
+    }>;
+    /**
+     * 分页配置
+     */
+    page?: Partial<{
+        /**
+         * 每页条数 默认10
+         */
+        size: number;
+        /**
+         * 每页条数列表 默认[10, 20, 50, 100]
+         */
+        sizeList: number[];
+        /**
+         * 分页布局 默认'total, sizes, prev, pager, next, jumper'
+         */
+        layout: string;
+    }>;
+    /**
+     * 表格配置
+     */
+    table?: Partial<{
+        /**
+         * 是否显示边框
+         */
+        border: boolean;
+        /**
+         * 是否可多选
+         */
+        selectable?: ((data: T) => boolean) | boolean;
+        /**
+         * 额外的表格列信息，可配置是否可搜索，不参与新增编辑表单
+         */
+        column?: CurdConfigColumn[];
+    }>;
+    /**
+     * 工具栏配置
+     */
+    tools?: Partial<{
+        /**
+         * 是否显示展开/收缩
+         */
+        expand: boolean;
+        /**
+         * 是否显示搜索
+         */
+        search: boolean;
+        /**
+         * 是否显示重置
+         */
+        reset: boolean;
+        /**
+         * 是否显示新增
+         */
+        add: ((data: T) => boolean) | boolean;
+        /**
+         * 是否显示编辑
+         */
+        update: ((data: T) => boolean) | boolean;
+        /**
+         * 是否显示删除
+         */
+        delete: ((data: T) => boolean) | boolean;
+        /**
+         * 导出配置
+         */
+        export: Partial<{
+            /**
+             * 是否显示导出
+             */
+            show: boolean;
+            /**
+             * 导出文件名前缀
+             */
+            fileName?: string | (() => string);
+            /**
+             * 导出前执行处理
+             */
+            before?: (param: {
+                data: T[];
+                columns: CurdConfigColumn[];
+            }) => void;
+        }>;
+    }>;
+    /**
+     * 新增编辑表单默认配置
+     */
+    form?: Partial<{
+        /**
+         * 编辑时是否全量进行更新数据，默认为false，只更新修改过的字段
+         */
+        editAll?: boolean;
+        /**
+         * 最大栅格占比-默认为12
+         */
+        maxSpan?: number;
+        /**
+         * 默认栅格占比-默认为最大栅格占比的一半
+         */
+        defaultSpan?: number;
+        /**
+         * 打开弹窗前执行处理
+         */
+        openBefore?: (data: T, update: {
+            type: any;
+            form: T;
+        }) => any;
+        /**
+         * 打开弹窗后执行处理
+         */
+        openAfter?: (data: T, update: {
+            type: any;
+            form: T;
+        }) => any;
+        /**
+         * 关闭弹窗前执行处理
+         */
+        closeBefore?: (data: T) => any;
+        /**
+         * 提交前执行处理
+         */
+        submitBefore?: (form: T, update: {
+            type: any;
+            form: T;
+        }) => any;
+        /**
+         * 提交后执行处理
+         */
+        submitAfter?: (form: T, update: {
+            type: any;
+            form: T;
+        }) => any;
+    }>;
+    /**
+     * 表格列和新增编辑表单字段
+     */
+    column: CurdConfigColumn[];
+    /**
+     * 接口
+     */
+    api: {
+        /**
+         * 列表
+         */
+        list: (param?: any) => any;
+        /**
+         * 新增
+         */
+        create: (param?: any) => any;
+        /**
+         * 编辑
+         */
+        update: (param?: any) => any;
+        /**
+         * 删除
+         */
+        delete: (param?: any) => any;
+    };
+    /**
+     * 数据处理
+     */
+    data?: (data: T[]) => T[];
+}
+export interface CurdConfigColumn<T = any> {
+    /**
+     * 字段名
+     */
+    key: string;
+    /**
+     * 标签
+     */
+    label: string;
+    /**
+     * 默认值
+     */
+    value: any;
+    /**
+     * 是否禁止操作
+     */
+    disabled?: Partial<{
+        /**
+         * 是否新增禁用-默认不限制
+         */
+        create: boolean;
+        /**
+         * 是否编辑禁用-默认不限制
+         */
+        update: boolean;
+        /**
+         * 是否搜索禁用-默认不限制
+         */
+        search: boolean;
+    }>;
+    /**
+     * 配置管理
+     */
+    options?: {
+        [key: string]: any;
+        /**
+         * 输入框选项
+         */
+        input?: Record<string, any>;
+        /**
+         * 开关选项
+         */
+        switch?: {
+            /**
+             * 开启值
+             */
+            activeValue: any;
+            /**
+             * 开启值标签
+             */
+            activeLabel: string;
+            /**
+             * 关闭值
+             */
+            inactiveValue: any;
+            /**
+             * 关闭值标签
+             */
+            inactiveLabel: string;
+            /**
+             * 表格直接操作切换前执行处理
+             */
+            tableBeforeChange: (key: string, data: any) => any;
+        };
+        /**
+         * 选择组件属性
+         */
+        select?: Record<string, any>;
+        /**
+         * 树选择组件属性
+         */
+        treeSelect?: Record<string, any>;
+        /**
+         * 时间选择组件属性
+         */
+        datetime?: Record<string, any>;
+        /**
+         * 列表组件属性
+         * @example
+         * 插槽列表：
+         * 1. list-start: 列表开始位置插槽，作用域参数：{ row }
+         * 2. list-end: 列表结束位置插槽，作用域参数：{ row }
+         * 3. item-start: 列表项开始位置插槽，作用域参数：{ row, item }
+         * 4. item-end: 列表项结束位置插槽，作用域参数：{ row, item }
+         */
+        list?: Partial<{
+            /**
+             * 输入的名称字段，默认label，优先作为placeholder显示
+             */
+            label: string;
+            /**
+             * 输入的值字段，默认value，label为空时，使用value作为placeholder显示
+             */
+            value: string;
+            /**
+             * 对象字段列表，默认提供label和value字段，配置时覆盖默认值
+             */
+            itemFields: Partial<{
+                [key: string]: string;
+                /**
+                 * 标签
+                 */
+                label: string;
+                /**
+                 * 值
+                 */
+                value: string;
+            }[]>;
+            /**
+             * 输入框宽度
+             */
+            inputWidth: string;
+            /**
+             * 输入框类名
+             */
+            inputClass: string;
+        }>;
+    };
+    /**
+     * 新增编辑表单配置
+     */
+    form?: Partial<{
+        /**
+         * 标签宽度
+         */
+        labelWidth: string;
+        /**
+         * 宽度
+         */
+        width: string;
+        /**
+         * 栅格占比-一行最多12列，0为铺满剩余空间
+         */
+        span: number;
+    }>;
+    /**
+     * 数据类型
+     */
+    type: 'input' | 'select' | 'switch' | 'textarea' | 'radio' | 'checkbox' | 'date' | 'time' | 'datetime' | 'number' | 'color' | 'icon' | 'slider' | 'upload' | 'editor' | 'tree' | 'tree-select' | 'list';
+    /**
+     * 表格配置
+     */
+    table?: Partial<{
+        /**
+         * 表格控制-传入false不参与字段初始化
+         */
+        table: boolean;
+        /**
+         * 最小宽度
+         */
+        minWidth: string;
+        /**
+         * 宽度
+         */
+        width: string;
+        /**
+         * 固定
+         */
+        fixed: 'left' | 'right';
+        /**
+         * 对齐方式
+         */
+        align: 'left' | 'center' | 'right';
+        /**
+         * 是否显示溢出提示
+         */
+        showOverflowTooltip: boolean;
+    }>;
+    /**
+     * 验证规则
+     */
+    rules?: any[];
+    /**
+     * 显示控制
+     */
+    show?: {
+        /**
+         * 默认表格控制显示，默认为显示,传入false也可以通过列显示控制列表再次显示
+         */
+        table?: boolean;
+        /**
+         * 搜索控制
+         */
+        search?: ((data: T) => boolean) | boolean;
+        /**
+         * 新增编辑表单排序
+         */
+        form?: ((data: T) => boolean) | boolean;
+    };
+    /**
+     * 排序
+     */
+    sort?: {
+        /**
+         * 搜索排序
+         */
+        search?: number;
+        /**
+         * 表格排序
+         */
+        table?: number;
+    };
+}
+interface CurdSearchDto {
+    /**
+     * 主键
+     */
+    _id: string;
+    /**
+     * 状态
+     */
+    status: any;
+    /**
+     * 描述
+     */
+    desc: string;
+    /**
+     * 创建时间
+     */
+    createTime: any;
+    /**
+     * 更新时间
+     */
+    updateTime: any;
+    /**
+     * 开始时间
+     */
+    startTime: any;
+    /**
+     * 结束时间
+     */
+    endTime: any;
+    /**
+     * 父级id
+     */
+    parentId: string;
+}
+export {};