@vue-start/element-pro 0.2.37 → 0.2.39

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Change Log
 
+# 0.2.39
+
+- feat: 添加样式文件；
+- feat: 新增 ProTreeSelect、ProCascader 组件；
+- perf：ProSelect、ProTreeSelect、ProCascader、ProCheckbox 等选择组件提供 value 自定义配置；
+
+# 0.2.38
+
+- fix: ProTableV2 虚拟表格
+
 # 0.2.35
 
 - fix: modal closed 事件；

package/dist/index.css

@@ -0,0 +1,99 @@
+/********************************** pro-form-list ***********************************/
+.pro-form-list .el-form-item__content {
+  display: unset !important;
+}
+
+.pro-form-list .el-form-item {
+  margin-bottom: 18px !important;
+}
+
+/********************************** pro-table ***********************************/
+/* table toolbar 中的form-item 样式 */
+.pro-table .pro-table-toolbar .pro-table-toolbar-start .el-form-item {
+  margin-bottom: 0px;
+}
+
+/*  虚拟表格 */
+.el-table-v2.dynamic-hei .el-table-v2__row-cell {
+  min-height: var(--estimated-hei);
+}
+
+.pro-table .el-table__header .pro-single .el-checkbox {
+  display: none;
+}
+
+/* 单选框样式 */
+.pro-table .pro-single .el-checkbox__inner {
+  border-radius: 50%;
+}
+
+/********************************** curd-list ***********************************/
+
+.pro-page.curd-list .pro-curd-list .pro-table .el-table {
+  height: calc(100% - var(--pro-table-toolbar-hei));
+}
+
+.pro-page.curd-list .pro-table-v2-wrapper {
+  height: calc(100% - var(--pro-table-toolbar-hei));
+}
+
+/********************************** pro-modal ***********************************/
+.pro-modal .el-dialog__header {
+  padding: 16px;
+}
+
+.pro-modal .el-dialog__body {
+  padding: 0 16px;
+}
+
+.pro-modal.scroll .el-dialog__body {
+  padding: 0;
+}
+
+.pro-modal .pro-modal-scroll {
+  padding: 0 16px;
+}
+
+.pro-modal .el-dialog__footer {
+  padding: 16px;
+}
+
+/********************************** pro-drawer ***********************************/
+
+.pro-drawer .el-drawer__header {
+  margin-bottom: 0px;
+  padding: 16px;
+}
+
+.pro-drawer .el-drawer__body {
+  padding: 0 16px;
+}
+
+.pro-drawer.scroll .el-drawer__body {
+  padding: 0;
+}
+
+.pro-drawer .pro-drawer-scroll {
+  padding: 0 16px;
+}
+
+.pro-drawer .el-drawer__footer {
+  padding: 16px;
+}
+
+/***************************** pro-app-config ***********************************/
+.pro-app-config_form .el-form-item {
+  margin-bottom: 8px;
+}
+
+.pro-app-config_form .el-form-item__label {
+  padding: 0 !important;
+}
+
+.pro-app-config_form_title .el-form-item__content {
+  justify-content: center;
+}
+
+.pro-app-config_form .el-form-item__content {
+  flex-direction: row-reverse;
+}

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as element_plus_es_components_descriptions_src_descriptions_type from '
 import * as vue from 'vue';
 import { VNode, ExtractPropTypes, PropType } from 'vue';
 import * as element_plus from 'element-plus';
-import { TableProps, DialogProps, DrawerProps, CheckboxGroupProps, ISelectProps, MenuProps, UploadProps, UploadFile, InputNumberProps, dropdownProps, FormItemProps } from 'element-plus';
+import { TableProps, TableV2Props, DialogProps, DrawerProps, CheckboxGroupProps, ISelectProps, MenuProps, UploadProps, UploadFile, InputNumberProps, dropdownProps, FormItemProps } from 'element-plus';
 import { FilterMethods, Filters } from 'element-plus/es/components/table/src/table-column/defaults';
 import * as _vue_start_pro from '@vue-start/pro';
 import { TColumns, TOption as TOption$1, TFile } from '@vue-start/pro';
@@ -11,6 +11,7 @@ import { TTableMergeOpts } from '@vue-start/hooks';
 import * as _vue_shared from '@vue/shared';
 import * as element_plus_es_utils from 'element-plus/es/utils';
 import { TreeComponentProps } from 'element-plus/es/components/tree/src/tree.type';
+import { SelectProps } from 'ant-design-vue/lib/vc-select';
 
 declare type TOption = {
     label?: string;
@@ -129,6 +130,35 @@ declare const ProTableOperateItem: vue.DefineComponent<any, () => JSX.Element, u
     [x: string]: any;
 }>;
 
+declare type ProTableV2ColumnProps<T = Record<string, any>> = TableColumnCtx<T>;
+declare const proTableV2Props: () => {
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dataSource: ArrayConstructor;
+    columns: {
+        type: PropType<TColumns>;
+    };
+    /**
+     * 默认启用动态计算行高度 estimatedRowHeight
+     */
+    dynamicHei: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+declare type ProTableV2Props<T = Record<string, any>> = Partial<ExtractPropTypes<ReturnType<typeof proTableV2Props>>> & TableV2Props;
+declare const ProTableV2: vue.DefineComponent<ProTableV2Props<Record<string, any>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProTableV2Props<Record<string, any>>>, {
+    readonly headerProps?: any;
+    readonly headerCellProps?: any;
+    readonly rowProps?: any;
+}>;
+
 declare const createLoadingId: (prefix?: string) => string;
 declare const proLoadingProps: () => {
     loading: {
@@ -312,6 +342,9 @@ declare const proCheckboxProps: () => {
         trueLabel?: string | number | undefined;
         falseLabel?: string | number | undefined;
     })[]>;
+    fieldNames: {
+        type: ObjectConstructor;
+    };
     buttonStyle: {
         type: PropType<"default" | "button">;
         default: string;
@@ -320,6 +353,19 @@ declare const proCheckboxProps: () => {
         type: PropType<"default" | "button">;
         default: string;
     };
+    expMethods: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    separator$: {
+        type: StringConstructor;
+    };
+    parseValue$: {
+        type: FunctionConstructor;
+    };
+    formatValue$: {
+        type: FunctionConstructor;
+    };
 };
 declare type ProCheckboxProps = Partial<ExtractPropTypes<ReturnType<typeof proCheckboxProps>>> & CheckboxGroupProps;
 declare const ProCheckbox: vue.DefineComponent<ProCheckboxProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProCheckboxProps>, {}>;
@@ -368,6 +414,22 @@ declare const proSelectProps: () => {
         style?: Record<string, any> | undefined;
         item?: Record<string, any> | undefined;
     })[]>;
+    fieldNames: {
+        type: ObjectConstructor;
+    };
+    expMethods: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    separator$: {
+        type: StringConstructor;
+    };
+    parseValue$: {
+        type: FunctionConstructor;
+    };
+    formatValue$: {
+        type: FunctionConstructor;
+    };
 };
 declare type ProSelectProps = Partial<ExtractPropTypes<ReturnType<typeof proSelectProps>>> & ISelectProps;
 declare const ProSelect: vue.DefineComponent<ProSelectProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProSelectProps>, {
@@ -431,6 +493,9 @@ declare const uploadProps: () => {
     beforeUpload: {
         type: FunctionConstructor;
     };
+    beforeUpload2: {
+        type: FunctionConstructor;
+    };
     globalLoading: {
         type: (BooleanConstructor | ObjectConstructor)[];
         default: undefined;
@@ -472,6 +537,7 @@ declare const InputNumberRange: vue.DefineComponent<ProInputNumberRangeProps, {}
     readonly valueOnClear: any;
 }>;
 
+declare const TreeMethods: string[];
 declare type TFieldNames = {
     key?: string;
     children?: string;
@@ -535,6 +601,79 @@ declare const ProDropdown: vue.DefineComponent<ProDropdownProps, {}, {}, {}, {},
     readonly loop: element_plus_es_utils.EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;
 
+declare const proTreeSelectProps: () => {
+    options: PropType<Record<string, any>[]>;
+    fieldNames: {
+        type: ObjectConstructor;
+    };
+    emitPath: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expMethods: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    separator$: {
+        type: StringConstructor;
+    };
+    itemSeparator$: {
+        type: StringConstructor;
+    };
+    parseValue$: {
+        type: FunctionConstructor;
+    };
+    formatValue$: {
+        type: FunctionConstructor;
+    };
+};
+declare type ProTreeSelectProps = Partial<ExtractPropTypes<ReturnType<typeof proTreeSelectProps>>> & SelectProps & TreeComponentProps;
+declare const ProTreeSelect: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+
+declare const proCascaderProps: () => {
+    expandTrigger: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emitPath: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+    };
+    expMethods: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    separator$: {
+        type: StringConstructor;
+    };
+    itemSeparator$: {
+        type: StringConstructor;
+    };
+    parseValue$: {
+        type: FunctionConstructor;
+    };
+    formatValue$: {
+        type: FunctionConstructor;
+    };
+};
+declare type ProCascaderProps = Partial<ExtractPropTypes<ReturnType<typeof proCascaderProps>>>;
+declare const ProCascader: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+
 declare const proFormItemProps: () => {
     name: {
         type: PropType<string | (string | number)[]>;
@@ -1961,8 +2100,8 @@ declare const elementMap: {
     }>>, {
         render: Function;
         splitStr: string;
-        splitStr2: string;
         multiple: boolean;
+        splitStr2: string;
     }> | vue.DefineComponent<{
         value: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
@@ -2845,7 +2984,11 @@ declare const elementMap: {
         }>>, {
             readonly type: element_plus_es_utils.EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "danger" | "info", unknown>;
         }>;
-    }) | (element_plus_es_utils.SFCWithInstall<vue.DefineComponent<{
+    }) | vue.DefineComponent<ProTableV2Props<Record<string, any>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProTableV2Props<Record<string, any>>>, {
+        readonly headerProps?: any;
+        readonly headerCellProps?: any;
+        readonly rowProps?: any;
+    }> | (element_plus_es_utils.SFCWithInstall<vue.DefineComponent<{
         readonly border: element_plus_es_utils.EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly column: element_plus_es_utils.EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
         readonly direction: element_plus_es_utils.EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
@@ -7526,8 +7669,8 @@ declare const elementMap: {
     }>>, {
         render: Function;
         splitStr: string;
-        splitStr2: string;
         multiple: boolean;
+        splitStr2: string;
     }>;
     cascader: vue.DefineComponent<{
         value: {
@@ -7620,8 +7763,8 @@ declare const elementMap: {
     }>>, {
         render: Function;
         splitStr: string;
-        splitStr2: string;
         multiple: boolean;
+        splitStr2: string;
     }>;
 };
 declare const formElementMap: {
@@ -8551,4 +8694,4 @@ declare const formElementMap: {
     }>;
 };
 
-export { FormMethods, InputNumberRange, ProCheckbox, ProCheckboxProps, ProDrawer, ProDrawerProps, ProDropdown, ProDropdownProps, ProForm, ProFormCascader, ProFormCheckbox, ProFormColor, ProFormDatePicker, ProFormInputNumberRange, ProFormItem, ProFormItemProps, ProFormRadio, ProFormSelect, ProFormSwitch, ProFormText, ProFormTextNumber, ProFormTimePicker, ProFormTreeSelect, ProInputNumberRangeProps, ProLoading, ProLoadingProps, ProMenus, ProMenusProps, ProModal, ProModalProps, ProPagination, ProPopover, ProRadio, ProRadioProps, ProSelect, ProSelectProps, ProTable, ProTableColumn, ProTableColumnProps, ProTableOperateItem, ProTableProps, ProTabs, ProTree, ProTreeProps, ProUploadProps, ProUploader, TableMethods, UploadMethods, createFormItemComponent, createLoadingId, elementMap, formElementMap };
+export { FormMethods, InputNumberRange, ProCascader, ProCascaderProps, ProCheckbox, ProCheckboxProps, ProDrawer, ProDrawerProps, ProDropdown, ProDropdownProps, ProForm, ProFormCascader, ProFormCheckbox, ProFormColor, ProFormDatePicker, ProFormInputNumberRange, ProFormItem, ProFormItemProps, ProFormRadio, ProFormSelect, ProFormSwitch, ProFormText, ProFormTextNumber, ProFormTimePicker, ProFormTreeSelect, ProInputNumberRangeProps, ProLoading, ProLoadingProps, ProMenus, ProMenusProps, ProModal, ProModalProps, ProPagination, ProPopover, ProRadio, ProRadioProps, ProSelect, ProSelectProps, ProTable, ProTableColumn, ProTableColumnProps, ProTableOperateItem, ProTableProps, ProTableV2, ProTableV2ColumnProps, ProTableV2Props, ProTabs, ProTree, ProTreeProps, ProTreeSelect, ProTreeSelectProps, ProUploadProps, ProUploader, TableMethods, TreeMethods, UploadMethods, createFormItemComponent, createLoadingId, elementMap, formElementMap };