@bscomp/ep-ui 0.0.7 → 0.0.8

package/lib/form/index.d.ts

@@ -1,38 +1,61 @@
-declare const TForm: ({
+declare const EPForm: ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        className: {
-            type: StringConstructor;
+        modelValue: import('vue').PropType<any>;
+        btnSlotName: {
+            type: import('vue').PropType<string>;
         };
-        formOpts: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        widthSize: {
-            type: import('vue').PropType<1 | 2 | 3 | 4 | 5 | 6>;
-            validator: (value: number) => boolean;
-            default: number;
+        formItems: {
+            type: import('vue').PropType<[] | Record<string, any>[]>;
+            required: true;
+            default: () => never[];
         };
         labelPosition: {
             type: import('vue').PropType<"top" | "right" | "left">;
             default: string;
         };
-        isTrim: {
-            type: BooleanConstructor;
+        labelWidth: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        isShowDefaultPlaceholder: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        operatorList: {
+            type: import('vue').PropType<any[] | []>;
+            required: true;
+            default: () => never[];
+        };
+        valueWidth: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        inline: {
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        colNum: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onHandleEvent?: ((...args: any[]) => any) | undefined;
-        onGetRefs?: ((...args: any[]) => any) | undefined;
-    }>, any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (...args: any[]) => void;
-        handleEvent: (...args: any[]) => void;
-        getRefs: (...args: any[]) => void;
+        onGetRef?: ((...args: any[]) => any) | undefined;
+    }>, {
+        resetFields: () => any;
+        validate: (fun: any) => any;
+        clearValidate: () => any;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        getRef: (...args: any[]) => void;
     }, import('vue').PublicProps, {
-        formOpts: Record<string, any>;
-        widthSize: 1 | 2 | 3 | 4 | 5 | 6;
+        formItems: [] | Record<string, any>[];
         labelPosition: "top" | "right" | "left";
-        isTrim: boolean;
+        labelWidth: string;
+        isShowDefaultPlaceholder: boolean;
+        operatorList: any[] | [];
+        valueWidth: string;
+        inline: boolean;
+        colNum: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -41,78 +64,126 @@ declare const TForm: ({
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        className: {
-            type: StringConstructor;
+        modelValue: import('vue').PropType<any>;
+        btnSlotName: {
+            type: import('vue').PropType<string>;
         };
-        formOpts: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        widthSize: {
-            type: import('vue').PropType<1 | 2 | 3 | 4 | 5 | 6>;
-            validator: (value: number) => boolean;
-            default: number;
+        formItems: {
+            type: import('vue').PropType<[] | Record<string, any>[]>;
+            required: true;
+            default: () => never[];
         };
         labelPosition: {
             type: import('vue').PropType<"top" | "right" | "left">;
             default: string;
         };
-        isTrim: {
-            type: BooleanConstructor;
+        labelWidth: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        isShowDefaultPlaceholder: {
+            type: import('vue').PropType<boolean>;
+            required: true;
             default: boolean;
         };
+        operatorList: {
+            type: import('vue').PropType<any[] | []>;
+            required: true;
+            default: () => never[];
+        };
+        valueWidth: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        inline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        colNum: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onHandleEvent?: ((...args: any[]) => any) | undefined;
-        onGetRefs?: ((...args: any[]) => any) | undefined;
-    }>, any, {}, {}, {}, {
-        formOpts: Record<string, any>;
-        widthSize: 1 | 2 | 3 | 4 | 5 | 6;
+        onGetRef?: ((...args: any[]) => any) | undefined;
+    }>, {
+        resetFields: () => any;
+        validate: (fun: any) => any;
+        clearValidate: () => any;
+    }, {}, {}, {}, {
+        formItems: [] | Record<string, any>[];
         labelPosition: "top" | "right" | "left";
-        isTrim: boolean;
+        labelWidth: string;
+        isShowDefaultPlaceholder: boolean;
+        operatorList: any[] | [];
+        valueWidth: string;
+        inline: boolean;
+        colNum: number;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    className: {
-        type: StringConstructor;
-    };
-    formOpts: {
-        type: ObjectConstructor;
-        default: () => {};
+    modelValue: import('vue').PropType<any>;
+    btnSlotName: {
+        type: import('vue').PropType<string>;
     };
-    widthSize: {
-        type: import('vue').PropType<1 | 2 | 3 | 4 | 5 | 6>;
-        validator: (value: number) => boolean;
-        default: number;
+    formItems: {
+        type: import('vue').PropType<[] | Record<string, any>[]>;
+        required: true;
+        default: () => never[];
     };
     labelPosition: {
         type: import('vue').PropType<"top" | "right" | "left">;
         default: string;
     };
-    isTrim: {
-        type: BooleanConstructor;
+    labelWidth: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    isShowDefaultPlaceholder: {
+        type: import('vue').PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    operatorList: {
+        type: import('vue').PropType<any[] | []>;
+        required: true;
+        default: () => never[];
+    };
+    valueWidth: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    colNum: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onHandleEvent?: ((...args: any[]) => any) | undefined;
-    onGetRefs?: ((...args: any[]) => any) | undefined;
-}>, any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    handleEvent: (...args: any[]) => void;
-    getRefs: (...args: any[]) => void;
+    onGetRef?: ((...args: any[]) => any) | undefined;
+}>, {
+    resetFields: () => any;
+    validate: (fun: any) => any;
+    clearValidate: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    getRef: (...args: any[]) => void;
 }, string, {
-    formOpts: Record<string, any>;
-    widthSize: 1 | 2 | 3 | 4 | 5 | 6;
+    formItems: [] | Record<string, any>[];
     labelPosition: "top" | "right" | "left";
-    isTrim: boolean;
+    labelWidth: string;
+    isShowDefaultPlaceholder: boolean;
+    operatorList: any[] | [];
+    valueWidth: string;
+    inline: boolean;
+    colNum: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Partial<Record<any, (_: {
         scope: any;
     }) => any>> & Partial<Record<any, (_: {
         scope: any;
-    }) => any>> & Partial<Record<any, (_: {}) => any>> & Partial<Record<any, (_: {}) => any>>;
+    }) => any>> & Partial<Record<string, (_: {}) => any>>;
 }) & import('vue').Plugin<any[]>) & Record<string, any>;
-export default TForm;
+export default EPForm;

package/lib/form/src/index.vue.d.ts

@@ -1,81 +1,105 @@
-import { PropType } from 'vue';
-
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    className: {
-        type: StringConstructor;
-    };
-    /** 表单配置项说明
-     * formData object 表单提交数据
-     * rules object 验证规则
-     * fieldList Array 表单渲染数据
-     * operatorList Array 操作按钮list
-     * listTypeInfo object 下拉选项数据
-     * labelWidth  String label宽度
-     */
-    formOpts: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    widthSize: {
-        type: PropType<1 | 2 | 3 | 4 | 5 | 6>;
-        validator: (value: number) => boolean;
-        default: number;
+    modelValue: import('vue').PropType<any>;
+    btnSlotName: {
+        type: import('vue').PropType<string>;
+    };
+    formItems: {
+        type: import('vue').PropType<[] | Record<string, any>[]>;
+        required: true;
+        default: () => never[];
     };
     labelPosition: {
-        type: PropType<"top" | "right" | "left">;
+        type: import('vue').PropType<"top" | "right" | "left">;
+        default: string;
+    };
+    labelWidth: {
+        type: import('vue').PropType<string>;
         default: string;
     };
-    isTrim: {
-        type: BooleanConstructor;
+    isShowDefaultPlaceholder: {
+        type: import('vue').PropType<boolean>;
+        required: true;
         default: boolean;
     };
-}>, any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    handleEvent: (...args: any[]) => void;
-    getRefs: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    className: {
-        type: StringConstructor;
-    };
-    /** 表单配置项说明
-     * formData object 表单提交数据
-     * rules object 验证规则
-     * fieldList Array 表单渲染数据
-     * operatorList Array 操作按钮list
-     * listTypeInfo object 下拉选项数据
-     * labelWidth  String label宽度
-     */
-    formOpts: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    widthSize: {
-        type: PropType<1 | 2 | 3 | 4 | 5 | 6>;
-        validator: (value: number) => boolean;
+    operatorList: {
+        type: import('vue').PropType<any[] | []>;
+        required: true;
+        default: () => never[];
+    };
+    valueWidth: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    colNum: {
+        type: import('vue').PropType<number>;
         default: number;
     };
+}>, {
+    resetFields: () => any;
+    validate: (fun: any) => any;
+    clearValidate: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    getRef: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    btnSlotName: {
+        type: import('vue').PropType<string>;
+    };
+    formItems: {
+        type: import('vue').PropType<[] | Record<string, any>[]>;
+        required: true;
+        default: () => never[];
+    };
     labelPosition: {
-        type: PropType<"top" | "right" | "left">;
+        type: import('vue').PropType<"top" | "right" | "left">;
+        default: string;
+    };
+    labelWidth: {
+        type: import('vue').PropType<string>;
         default: string;
     };
-    isTrim: {
-        type: BooleanConstructor;
+    isShowDefaultPlaceholder: {
+        type: import('vue').PropType<boolean>;
+        required: true;
         default: boolean;
     };
+    operatorList: {
+        type: import('vue').PropType<any[] | []>;
+        required: true;
+        default: () => never[];
+    };
+    valueWidth: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    colNum: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onHandleEvent?: ((...args: any[]) => any) | undefined;
-    onGetRefs?: ((...args: any[]) => any) | undefined;
+    onGetRef?: ((...args: any[]) => any) | undefined;
 }>, {
-    formOpts: Record<string, any>;
-    widthSize: 1 | 2 | 3 | 4 | 5 | 6;
+    formItems: [] | Record<string, any>[];
     labelPosition: "top" | "right" | "left";
-    isTrim: boolean;
+    labelWidth: string;
+    isShowDefaultPlaceholder: boolean;
+    operatorList: any[] | [];
+    valueWidth: string;
+    inline: boolean;
+    colNum: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<any, (_: {
     scope: any;
 }) => any>> & Partial<Record<any, (_: {
     scope: any;
-}) => any>> & Partial<Record<any, (_: {}) => any>> & Partial<Record<any, (_: {}) => any>>>;
+}) => any>> & Partial<Record<string, (_: {}) => any>>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/lib/form/src/useHooks.d.ts

@@ -0,0 +1,7 @@
+export default function (props: any): {
+    transformFormItems: () => any;
+    getRules: () => any;
+    getText: (item: any, formModel: any) => any;
+    mouseover: (e: any) => void;
+    disabled: import('vue').Ref<boolean, boolean>;
+};

package/lib/index.d.ts

@@ -3,11 +3,12 @@ import { default as EPInput } from './input';
 import { default as EPCheckbox } from './checkbox';
 import { default as EPButton } from './button';
 import { default as EPTable } from './table';
-import { default as TForm } from './form';
+import { default as EPForm } from './form';
 import { default as EPDatePicker } from './date-picker';
 import { default as EPRadio } from './radio';
 
-export { EPTable, TForm, EPSelect, EPButton, EPDatePicker, EPRadio, EPCheckbox, EPInput };
+import * as tools from "./utils";
+export { EPTable, EPForm, EPSelect, EPButton, EPDatePicker, EPRadio, EPCheckbox, EPInput, tools };
 declare const _default: {
     install: any;
 };

package/lib/style.css

@@ -1 +1 @@
-.e-p-select .el-select-dropdown .all-checkbox[data-v-9867f523]{margin-left:20px}.column_set .el-dropdown-menu{padding:0;font-size:14px}.column_set .el-dropdown-menu .el-dropdown-menu__item{display:flex;flex-direction:column;align-items:flex-start}.column_set .el-dropdown-menu .el-dropdown-menu__item .t_table_column_setting_dropdown{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;gap:10px}.column_set .el-dropdown-menu .el-dropdown-menu__item .t_table_column_setting_dropdown .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label{cursor:move;color:var(--el-text-color-primary)}div[data-v-f89568d3]{box-sizing:border-box}.e-p-table[data-v-f89568d3]{box-sizing:border-box;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.e-p-table .table-content[data-v-f89568d3]{flex:1;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.e-p-table .table-content .header-wapper[data-v-f89568d3]{display:flex;flex-direction:column}.e-p-table .table-content .extra[data-v-f89568d3],.e-p-table .table-content .header[data-v-f89568d3]{padding-bottom:16px}.e-p-table .el-pagination-com[data-v-f89568d3]{padding-top:16px;display:flex;justify-content:flex-end;align-items:center}.e-p-table .header[data-v-f89568d3]{display:flex;justify-content:space-between;align-items:center}.e-p-table .radioStyle[data-v-f89568d3] tbody .el-table__row{cursor:pointer}.t-form{display:flex;flex-wrap:wrap}.t-form .el-form-item{align-items:center}.t-form .el-form-item .el-form-item__content .el-input,.t-form .el-form-item .el-form-item__content .el-select,.t-form .el-form-item .el-form-item__content .el-date-editor,.t-form .el-form-item .el-form-item__content .el-textarea{width:100%}.t-form .el-form-item .el-form-item__content .el-input-number .el-input{width:inherit}.t-form .asterisk-left .el-form-item__label{margin-left:5px}.t-form .t-margin-top-5{margin-top:5px}.t-form .el-input-number .el-input .el-input__inner{text-align:left}.t-form .render_label .el-form-item__label{display:flex;align-items:center;justify-content:flex-end}.t-form .render_label .el-form-item__label:before{margin-top:1px}.t-form .render_laber_position_left .el-form-item__label,.t-form.el-form--label-top .render_label .el-form-item__label{justify-content:flex-start}.t-form .label_render{display:flex;align-items:center;justify-content:flex-end}.t-form .text_show{color:var(--el-text-color-primary)}.t-form .slot_label .el-form-item__content label{color:var(--el-text-color-primary);margin-right:12px}.t-form .flex-box{display:-webkit-box;display:-webkit-flex;display:flex}.t-form .flex-ver{align-items:center;justify-content:center}.t-form .footer_btn{width:100%}
+.e-p-select .el-select-dropdown .all-checkbox[data-v-9867f523]{margin-left:20px}.column_set .el-dropdown-menu{padding:0;font-size:14px}.column_set .el-dropdown-menu .el-dropdown-menu__item{display:flex;flex-direction:column;align-items:flex-start}.column_set .el-dropdown-menu .el-dropdown-menu__item .t_table_column_setting_dropdown{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;gap:10px}.column_set .el-dropdown-menu .el-dropdown-menu__item .t_table_column_setting_dropdown .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label{cursor:move;color:var(--el-text-color-primary)}div[data-v-f89568d3]{box-sizing:border-box}.e-p-table[data-v-f89568d3]{box-sizing:border-box;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.e-p-table .table-content[data-v-f89568d3]{flex:1;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.e-p-table .table-content .header-wapper[data-v-f89568d3]{display:flex;flex-direction:column}.e-p-table .table-content .extra[data-v-f89568d3],.e-p-table .table-content .header[data-v-f89568d3]{padding-bottom:16px}.e-p-table .el-pagination-com[data-v-f89568d3]{padding-top:16px;display:flex;justify-content:flex-end;align-items:center}.e-p-table .header[data-v-f89568d3]{display:flex;justify-content:space-between;align-items:center}.e-p-table .radioStyle[data-v-f89568d3] tbody .el-table__row{cursor:pointer}.e-p-form{display:flex;flex-direction:column;justify-content:space-between;height:100%}.e-p-form .inline-flex{display:flex;flex-wrap:wrap}.e-p-form .text_show{color:var(--el-text-color-primary)}.e-p-form .slot_label .el-form-item__content label{color:var(--el-text-color-primary);margin-right:12px}.e-p-form .footer{width:100%;display:flex;align-items:center;justify-content:center}

package/lib/table/src/RowEdit.vue.d.ts

@@ -1,16 +1,16 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<any>;
     type: {
-        type: import('vue').PropType<"input" | "select" | "radio" | "custom" | "date-picker">;
+        type: import('vue').PropType<"input" | "select" | "custom" | "radio" | "date-picker">;
         default: string;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<any>;
     type: {
-        type: import('vue').PropType<"input" | "select" | "radio" | "custom" | "date-picker">;
+        type: import('vue').PropType<"input" | "select" | "custom" | "radio" | "date-picker">;
         default: string;
     };
 }>> & Readonly<{}>, {
-    type: "input" | "select" | "radio" | "custom" | "date-picker";
+    type: "input" | "select" | "custom" | "radio" | "date-picker";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/utils.d.ts

@@ -0,0 +1,6 @@
+declare const getParams: (data: [] | {
+    [x: string]: any;
+    prop: string;
+    defaultValue?: any;
+}[]) => any;
+export { getParams };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bscomp/ep-ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Vue3 中基于Element-plus二次封装基础组件文档",
   "author": "bishang",
   "license": "MIT",
@@ -23,9 +23,11 @@
     "prettier": "prettier --write \"packages/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
     "docs:prettier": "prettier --write \"docs/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
     "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs"
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
   },
   "devDependencies": {
+    "@bscomp/ep-ui": "^0.0.8-beta",
     "@element-plus/icons-vue": "^2.0.10",
     "@rollup/plugin-replace": "^6.0.1",
     "@rollup/plugin-terser": "^0.4.4",

package/lib/form/src/renderComp.vue.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    render: FunctionConstructor;
-    item: ObjectConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    render: FunctionConstructor;
-    item: ObjectConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;