@vue-start/element-pro 0.2.38 → 0.2.39

package/CHANGELOG.md

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

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

@@ -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;
@@ -341,6 +342,9 @@ declare const proCheckboxProps: () => {
         trueLabel?: string | number | undefined;
         falseLabel?: string | number | undefined;
     })[]>;
+    fieldNames: {
+        type: ObjectConstructor;
+    };
     buttonStyle: {
         type: PropType<"default" | "button">;
         default: string;
@@ -349,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>, {}>;
@@ -397,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>, {
@@ -460,6 +493,9 @@ declare const uploadProps: () => {
     beforeUpload: {
         type: FunctionConstructor;
     };
+    beforeUpload2: {
+        type: FunctionConstructor;
+    };
     globalLoading: {
         type: (BooleanConstructor | ObjectConstructor)[];
         default: undefined;
@@ -501,6 +537,7 @@ declare const InputNumberRange: vue.DefineComponent<ProInputNumberRangeProps, {}
     readonly valueOnClear: any;
 }>;
 
+declare const TreeMethods: string[];
 declare type TFieldNames = {
     key?: string;
     children?: string;
@@ -564,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)[]>;
@@ -1990,8 +2100,8 @@ declare const elementMap: {
     }>>, {
         render: Function;
         splitStr: string;
-        splitStr2: string;
         multiple: boolean;
+        splitStr2: string;
     }> | vue.DefineComponent<{
         value: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
@@ -7559,8 +7669,8 @@ declare const elementMap: {
     }>>, {
         render: Function;
         splitStr: string;
-        splitStr2: string;
         multiple: boolean;
+        splitStr2: string;
     }>;
     cascader: vue.DefineComponent<{
         value: {
@@ -7653,8 +7763,8 @@ declare const elementMap: {
     }>>, {
         render: Function;
         splitStr: string;
-        splitStr2: string;
         multiple: boolean;
+        splitStr2: string;
     }>;
 };
 declare const formElementMap: {
@@ -8584,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, ProTableV2, ProTableV2ColumnProps, ProTableV2Props, 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 };