@wlydfe/pro-ui 0.2.23 → 0.2.24

package/es/components/page/index.d.ts

@@ -3015,6 +3015,7 @@ export declare const PlusPage: {
                 readonly radioProps?: Partial< PlusRadioProps> | undefined;
                 readonly defaultSelectedRadioRow?: RecordType | ComputedRef<RecordType> | undefined;
                 readonly filterTableHeaderOverflowLabelLength?: number | undefined;
+                readonly filterTableLocalKey?: string | undefined;
                 onRefresh?: (() => any) | undefined;
                 onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
                 onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -3160,6 +3161,9 @@ export declare const PlusPage: {
                 filterTableHeaderOverflowLabelLength: {
                     type: PropType<number>;
                 };
+                filterTableLocalKey: {
+                    type: PropType<string>;
+                };
             }>> & {
                 onRefresh?: (() => any) | undefined;
                 onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -3320,6 +3324,9 @@ export declare const PlusPage: {
                 filterTableHeaderOverflowLabelLength: {
                     type: PropType<number>;
                 };
+                filterTableLocalKey: {
+                    type: PropType<string>;
+                };
             }>> & {
                 onRefresh?: (() => any) | undefined;
                 onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -4093,6 +4100,9 @@ export declare const PlusPage: {
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            filterTableLocalKey: {
+                type: PropType<string>;
+            };
         }>> & {
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -7812,6 +7822,7 @@ export declare const PlusPage: {
                 readonly radioProps?: Partial< PlusRadioProps> | undefined;
                 readonly defaultSelectedRadioRow?: RecordType | ComputedRef<RecordType> | undefined;
                 readonly filterTableHeaderOverflowLabelLength?: number | undefined;
+                readonly filterTableLocalKey?: string | undefined;
                 onRefresh?: (() => any) | undefined;
                 onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
                 onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -7957,6 +7968,9 @@ export declare const PlusPage: {
                 filterTableHeaderOverflowLabelLength: {
                     type: PropType<number>;
                 };
+                filterTableLocalKey: {
+                    type: PropType<string>;
+                };
             }>> & {
                 onRefresh?: (() => any) | undefined;
                 onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -8117,6 +8131,9 @@ export declare const PlusPage: {
                 filterTableHeaderOverflowLabelLength: {
                     type: PropType<number>;
                 };
+                filterTableLocalKey: {
+                    type: PropType<string>;
+                };
             }>> & {
                 onRefresh?: (() => any) | undefined;
                 onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -8890,6 +8907,9 @@ export declare const PlusPage: {
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            filterTableLocalKey: {
+                type: PropType<string>;
+            };
         }>> & {
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -12512,6 +12532,7 @@ export declare const PlusPage: {
             readonly radioProps?: Partial< PlusRadioProps> | undefined;
             readonly defaultSelectedRadioRow?: RecordType | ComputedRef<RecordType> | undefined;
             readonly filterTableHeaderOverflowLabelLength?: number | undefined;
+            readonly filterTableLocalKey?: string | undefined;
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
             onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -12657,6 +12678,9 @@ export declare const PlusPage: {
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            filterTableLocalKey: {
+                type: PropType<string>;
+            };
         }>> & {
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -12817,6 +12841,9 @@ export declare const PlusPage: {
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            filterTableLocalKey: {
+                type: PropType<string>;
+            };
         }>> & {
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -13590,6 +13617,9 @@ export declare const PlusPage: {
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        filterTableLocalKey: {
+            type: PropType<string>;
+        };
     }>> & {
         onRefresh?: (() => any) | undefined;
         onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;

package/es/components/page/src/index.vue.d.ts

@@ -3060,6 +3060,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             readonly radioProps?: Partial< PlusRadioProps> | undefined;
             readonly defaultSelectedRadioRow?: RecordType | ComputedRef<RecordType> | undefined;
             readonly filterTableHeaderOverflowLabelLength?: number | undefined;
+            readonly filterTableLocalKey?: string | undefined;
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
             onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined;
@@ -3205,6 +3206,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            filterTableLocalKey: {
+                type: PropType<string>;
+            };
         }>> & {
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -3365,6 +3369,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             filterTableHeaderOverflowLabelLength: {
                 type: PropType<number>;
             };
+            filterTableLocalKey: {
+                type: PropType<string>;
+            };
         }>> & {
             onRefresh?: (() => any) | undefined;
             onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -4138,6 +4145,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        filterTableLocalKey: {
+            type: PropType<string>;
+        };
     }>> & {
         onRefresh?: (() => any) | undefined;
         onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;

package/es/components/page/src/index.vue2.mjs

@@ -226,7 +226,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           class: "plus-page__table_wrapper"
         }, {
           default: withCtx(() => {
-            var _a2, _b;
+            var _a2, _b, _c;
             return [
               createVNode(unref(PlusTable), mergeProps({
                 ref_key: "plusTableInstance",
@@ -234,6 +234,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 "title-bar": { refresh: true }
               }, _ctx.table, {
                 adaptive: (_b = (_a2 = _ctx.table) == null ? void 0 : _a2.adaptive) != null ? _b : true,
+                "filter-table-local-key": (_c = _ctx.table) == null ? void 0 : _c.filterTableLocalKey,
                 "table-data": unref(tableData),
                 "loading-status": unref(loadingStatus),
                 columns: processedColumns.value,
@@ -292,7 +293,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   };
                 })
-              ]), 1040, ["adaptive", "table-data", "loading-status", "columns", "pagination"])
+              ]), 1040, ["adaptive", "filter-table-local-key", "table-data", "loading-status", "columns", "pagination"])
             ];
           }),
           _: 3

package/es/components/table/index.d.ts

@@ -146,6 +146,9 @@ export declare const PlusTable: {
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        filterTableLocalKey: {
+            type: PropType<string>;
+        };
     }>> & {
         onRefresh?: (() => any) | undefined;
         onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -855,6 +858,9 @@ export declare const PlusTable: {
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        filterTableLocalKey: {
+            type: PropType<string>;
+        };
     }>> & {
         onRefresh?: (() => any) | undefined;
         onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -1052,6 +1058,9 @@ export declare const PlusTable: {
         filterTableHeaderOverflowLabelLength: {
             type: PropType<number>;
         };
+        filterTableLocalKey: {
+            type: PropType<string>;
+        };
     }>> & {
         onRefresh?: (() => any) | undefined;
         onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;
@@ -1797,6 +1806,9 @@ export declare const PlusTable: {
     filterTableHeaderOverflowLabelLength: {
         type: PropType<number>;
     };
+    filterTableLocalKey: {
+        type: PropType<string>;
+    };
 }>> & {
     onRefresh?: (() => any) | undefined;
     onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined;

package/es/components/table/src/index.vue2.mjs

@@ -55,7 +55,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     indexContentStyle: { type: [Object, Function], default: () => ({}) },
     editable: { type: [Boolean, String], default: false },
     adaptive: { type: [Boolean, Object], default: false },
-    filterTableHeaderOverflowLabelLength: {}
+    filterTableHeaderOverflowLabelLength: {},
+    filterTableLocalKey: {}
   },
   emits: ["paginationChange", "clickAction", "clickActionConfirmCancel", "dragSortEnd", "formChange", "refresh", "edited", "cell-click", "cell-dblclick", "filterTableHeader", "radioChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -90,7 +91,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.columns,
       (val) => {
-        const filterOriginColumns = val.filter((item) => unref(item.hideInTable) !== true);
+        let filterOriginColumns = val.filter((item) => unref(item.hideInTable) !== true);
         filterColumns.value = filterOriginColumns.map((item) => {
           var _a2;
           return {
@@ -98,6 +99,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             headerIsChecked: (_a2 = item.headerIsChecked) != null ? _a2 : true
           };
         });
+        if (props.filterTableLocalKey) {
+          const localColumns = localStorage.getItem(props.filterTableLocalKey);
+          if (localColumns) {
+            filterColumns.value = JSON.parse(localColumns);
+            const columsMap = filterColumns.value.reduce((acc, item, order) => {
+              acc[item.prop] = {
+                visable: item.headerIsChecked,
+                order
+              };
+              return acc;
+            }, {});
+            filterOriginColumns.forEach((item) => {
+              if (columsMap[item.prop]) {
+                item.headerIsChecked = columsMap[item.prop].visable;
+              }
+            });
+            filterOriginColumns.sort((a, b) => columsMap[a.prop].order - columsMap[b.prop].order);
+          }
+        }
         subColumns.value = filterOriginColumns.filter((item) => unref(item.headerIsChecked) !== false);
         columnsIsChange.value = !columnsIsChange.value;
       },
@@ -125,6 +145,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleFilterTableConfirm = (_columns, eventType) => {
       filterColumns.value = _columns;
+      if (props.filterTableLocalKey) {
+        localStorage.setItem(props.filterTableLocalKey, JSON.stringify(filterColumns.value));
+      }
       emit("filterTableHeader", _columns, eventType);
       subColumns.value = _columns.filter(
         (item) => unref(item.hideInTable) !== true && item.headerIsChecked !== false

package/es/components/table/src/type.d.ts

@@ -454,6 +454,11 @@ export type PlusTableSelfProps = {
      * @version 0.1.23
      */
     filterTableHeaderOverflowLabelLength?: number;
+    /**
+     * @version 0.2.23
+     * 过滤表格本地存储的key
+     */
+    filterTableLocalKey?: string;
 };
 export type PlusTableProps = PlusTableSelfProps & Partial<TableProps<any[]>> & RecordType;
 /**

package/es/index.css

@@ -1,22 +1,22 @@
-.plus-description .plus-description__name{word-wrap:break-word;max-width:200px}.plus-description .plus-description__label{min-width:80px}.plus-description .plus-description__label.is-required:before{color:var(--el-color-danger);content:"*";margin-right:4px}.plus-description.no-border .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:0}.plus-description.no-border .el-descriptions__body .el-descriptions__label.el-descriptions__cell.is-bordered-label{background-color:var(--el-fill-color-blank)}
-.plus-breadcrumb{margin-bottom:8px}.plus-breadcrumb.no-data{margin-bottom:0}
-.plus-form.no-has-label+.el-form-item__label{padding:0;width:0}.plus-form .plus-form__footer{display:flex;justify-content:flex-end}.plus-form .plus-form__group__item{margin-bottom:20px}.plus-form .plus-form__group__item .plus-form__group__item__icon{align-items:center;display:flex}.plus-form .plus-form__group__item .plus-form__group__item__icon .el-icon{margin-right:5px}.plus-form .plus-form-item-extra{color:var(--el-text-color-placeholder);font-size:var(--el-font-size-base);margin-bottom:18px}
 .plus-check-card-group{display:flex;flex-wrap:wrap}.plus-check-card-group .plus-check-card{margin-bottom:16px;margin-right:16px}
-.plus-date-picker{align-items:center;border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);display:flex;flex-wrap:nowrap;max-width:100%;width:-moz-fit-content;width:fit-content}.plus-date-picker:hover{border-color:var(--el-border-color-hover)}.plus-date-picker.is-focus{border-color:var(--el-color-primary)}.plus-date-picker.is-disabled{background-color:var(--el-disabled-bg-color)}.plus-date-picker.is-disabled:hover{border-color:var(--el-border-color)}.plus-date-picker .plus-date-picker__middle{color:var(--el-text-color-placeholder)}.plus-date-picker .plus-date-picker__start{flex:1;font-size:14px}.plus-date-picker .plus-date-picker__start.is-disabled .el-input__wrapper{box-shadow:none}.plus-date-picker .plus-date-picker__start .el-input__wrapper{border:none;box-shadow:none}.plus-date-picker .el-input__wrapper{width:100%}.plus-date-picker .el-input__wrapper:hover{box-shadow:none}.plus-date-picker .el-input__wrapper.is-focus{box-shadow:none}.plus-date-picker .plus-date-picker__end{flex:1;font-size:14px}.plus-date-picker .plus-date-picker__end.is-disabled .el-input__wrapper{box-shadow:none}.plus-date-picker .plus-date-picker__end .el-input__wrapper{border:none;box-shadow:none}.el-form-item.is-error .plus-date-picker{border-color:var(--el-color-danger)}.el-form-item.is-error .plus-date-picker .el-input__wrapper{box-shadow:none}.el-form-item.is-error .plus-date-picker .el-input__wrapper.is-focus{box-shadow:none!important}.el-form-item.is-error .plus-date-picker .el-input__wrapper:hover{box-shadow:none}
-.plus-check-card{border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;overflow:hidden;padding-block:16px;padding-inline:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-check-card--large{width:440px}.plus-check-card--default{width:320px}.plus-check-card--small{width:200px}.plus-check-card--checked{background-color:rgba(var(--el-color-primary-rgb),.1);border-color:var(--el-color-primary);position:relative}.plus-check-card--checked:after{-webkit-border-after:10px solid transparent;-webkit-border-start:10px solid transparent;border:10px solid var(--el-color-primary);border-block-end:10px solid transparent;border-inline-start:10px solid transparent;border-start-end-radius:6px;content:"";height:0;inset-block-start:2px;inset-inline-end:2px;position:absolute;width:0}.plus-check-card--disabled{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);cursor:not-allowed}.plus-check-card--disabled:after{border-right-color:var(--el-color-info-light-5);border-top-color:var(--el-color-info-light-5)}.plus-check-card .plus-check-card__avatar-wrapper{-webkit-padding-end:8px;padding-inline-end:8px}.plus-check-card .plus-check-card__right-content{overflow:hidden;width:100%}.plus-check-card .plus-check-card__title{-webkit-margin-after:4px;align-items:center;color:var(--el-text-color-primary);display:flex;justify-content:space-between;margin-block-end:4px;width:100%}.plus-check-card .plus-check-card__title-left{align-items:center;display:flex}.plus-check-card .plus-check-card__title-right{align-items:center;display:flex;vertical-align:middle}.plus-check-card .plus-check-card__description{color:var(--el-text-color-regular);width:100%;word-break:break-all}
-.plus-dialog .plus-dialog-footer{align-items:center;display:flex}
 .plus-display-item__edit-icon{margin-left:8px}.plus-display-item__image{cursor:pointer;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:30px}.plus-display-item__icon__copy{-webkit-margin-start:4px;color:var(--el-color-primary);cursor:pointer;margin-inline-start:4px;outline:none;text-decoration:none;transition:color .3s;vertical-align:sub}.plus-display-item__pre{background-color:var(--el-color-primary-light-9);border-radius:3px;font-size:85%;line-height:1.45;overflow:auto;padding:0;width:unset}.plus-display-item__badge.is-list .plus-display-item__badge__item+.plus-display-item__badge__item{padding-left:8px}.plus-display-item__badge .plus-display-item__badge__dot{border-radius:50%;display:inline-block;height:6px;position:relative;top:-1px;vertical-align:middle;width:6px}.plus-display-item__badge .plus-display-item__badge__dot--primary{background-color:var(--el-color-primary)}.plus-display-item__badge .plus-display-item__badge__dot--success{background-color:var(--el-color-success)}.plus-display-item__badge .plus-display-item__badge__dot--info{background-color:var(--el-color-info)}.plus-display-item__badge .plus-display-item__badge__dot--warning{background-color:var(--el-color-warning)}.plus-display-item__badge .plus-display-item__badge__dot--danger{background-color:var(--el-color-danger)}.plus-display-item__form .plus-form-item{margin-bottom:0}.plus-display-item__link{max-width:100%}.plus-display-item__link .el-link__inner{display:inline-block;width:100%}
-.plus-drawer-form .el-drawer__header{border-bottom:1px solid var(--el-border-color);margin-bottom:0;padding-bottom:calc(var(--el-drawer-padding-primary)/2);padding-top:calc(var(--el-drawer-padding-primary)/2)}.plus-drawer-form .el-drawer__footer{border-top:1px solid var(--el-border-color);padding-bottom:calc(var(--el-drawer-padding-primary)/2)}
+.plus-check-card{border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;overflow:hidden;padding-block:16px;padding-inline:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-check-card--large{width:440px}.plus-check-card--default{width:320px}.plus-check-card--small{width:200px}.plus-check-card--checked{background-color:rgba(var(--el-color-primary-rgb),.1);border-color:var(--el-color-primary);position:relative}.plus-check-card--checked:after{-webkit-border-after:10px solid transparent;-webkit-border-start:10px solid transparent;border:10px solid var(--el-color-primary);border-block-end:10px solid transparent;border-inline-start:10px solid transparent;border-start-end-radius:6px;content:"";height:0;inset-block-start:2px;inset-inline-end:2px;position:absolute;width:0}.plus-check-card--disabled{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);cursor:not-allowed}.plus-check-card--disabled:after{border-right-color:var(--el-color-info-light-5);border-top-color:var(--el-color-info-light-5)}.plus-check-card .plus-check-card__avatar-wrapper{-webkit-padding-end:8px;padding-inline-end:8px}.plus-check-card .plus-check-card__right-content{overflow:hidden;width:100%}.plus-check-card .plus-check-card__title{-webkit-margin-after:4px;align-items:center;color:var(--el-text-color-primary);display:flex;justify-content:space-between;margin-block-end:4px;width:100%}.plus-check-card .plus-check-card__title-left{align-items:center;display:flex}.plus-check-card .plus-check-card__title-right{align-items:center;display:flex;vertical-align:middle}.plus-check-card .plus-check-card__description{color:var(--el-text-color-regular);width:100%;word-break:break-all}
+.plus-date-picker{align-items:center;border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);display:flex;flex-wrap:nowrap;max-width:100%;width:-moz-fit-content;width:fit-content}.plus-date-picker:hover{border-color:var(--el-border-color-hover)}.plus-date-picker.is-focus{border-color:var(--el-color-primary)}.plus-date-picker.is-disabled{background-color:var(--el-disabled-bg-color)}.plus-date-picker.is-disabled:hover{border-color:var(--el-border-color)}.plus-date-picker .plus-date-picker__middle{color:var(--el-text-color-placeholder)}.plus-date-picker .plus-date-picker__start{flex:1;font-size:14px}.plus-date-picker .plus-date-picker__start.is-disabled .el-input__wrapper{box-shadow:none}.plus-date-picker .plus-date-picker__start .el-input__wrapper{border:none;box-shadow:none}.plus-date-picker .el-input__wrapper{width:100%}.plus-date-picker .el-input__wrapper:hover{box-shadow:none}.plus-date-picker .el-input__wrapper.is-focus{box-shadow:none}.plus-date-picker .plus-date-picker__end{flex:1;font-size:14px}.plus-date-picker .plus-date-picker__end.is-disabled .el-input__wrapper{box-shadow:none}.plus-date-picker .plus-date-picker__end .el-input__wrapper{border:none;box-shadow:none}.el-form-item.is-error .plus-date-picker{border-color:var(--el-color-danger)}.el-form-item.is-error .plus-date-picker .el-input__wrapper{box-shadow:none}.el-form-item.is-error .plus-date-picker .el-input__wrapper.is-focus{box-shadow:none!important}.el-form-item.is-error .plus-date-picker .el-input__wrapper:hover{box-shadow:none}
 
-:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-layout{height:100vh;overflow:hidden}.plus-layout.el-container{flex-direction:column}.plus-layout .plus-sidebar{height:calc(100vh - var(--plus-header-height));min-width:var(--plus-sidebar-min-width)}.plus-layout .plus-layout-main{flex:1;height:calc(100vh - var(--plus-header-height));width:calc(100% - var(--plus-sidebar-width))}.plus-layout.collapse .plus-layout-main{width:calc(100% - var(--plus-sidebar-min-width))}.plus-layout .plus-layout-content{padding:0}
+.plus-breadcrumb{margin-bottom:8px}.plus-breadcrumb.no-data{margin-bottom:0}
 :root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-header{align-items:center;border-bottom:1px solid var(--el-border-color);display:flex;justify-content:space-around}.plus-header.is-fixed{left:0;position:fixed;top:0;width:100%}.plus-header .plus-header__left{align-items:center;display:flex}.plus-header .plus-header__left .plus-header__logo{height:28px}.plus-header .plus-header__left .plus-header__title{color:var(--el-text-color-regular);font-size:18px;font-weight:600;margin:0 0 0 12px;padding:0}.plus-header .plus-header__placeholder{flex:1 1 0%}.plus-header .plus-header__right{align-items:center;display:flex}.plus-header .plus-header__right .plus-header__dropdown-area{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-header .plus-header__right .plus-header__avatar{border-radius:50%;height:24px;margin-right:4px;width:24px}.plus-header-placeholder{height:var(--plus-header-height);width:100%}
-.plus-search .plus-form__row{row-gap:18px;width:100%}.plus-search.el-form--inline .el-form-item{margin-bottom:0;margin-right:0}.plus-search.el-form--label-top .plus-search__button__wrapper .el-form-item__label{opacity:0;visibility:hidden}.plus-search.el-form--label-top .plus-search__button__wrapper .el-form-item__content{justify-content:flex-end}.plus-search .plus-search__unfold{margin-left:12px}.plus-search .plus-search__button__wrapper{align-items:flex-start;display:flex;flex:auto;justify-content:flex-end;margin-bottom:0;max-width:100%}.plus-search .plus-search__button__wrapper.el-form-item{margin-right:10px}.plus-search .plus-search__button__wrapper .el-form-item__content{flex:none;flex-wrap:nowrap}
-
+.plus-form.no-has-label+.el-form-item__label{padding:0;width:0}.plus-form .plus-form__footer{display:flex;justify-content:flex-end}.plus-form .plus-form__group__item{margin-bottom:20px}.plus-form .plus-form__group__item .plus-form__group__item__icon{align-items:center;display:flex}.plus-form .plus-form__group__item .plus-form__group__item__icon .el-icon{margin-right:5px}.plus-form .plus-form-item-extra{color:var(--el-text-color-placeholder);font-size:var(--el-font-size-base);margin-bottom:18px}
+.plus-description .plus-description__name{word-wrap:break-word;max-width:200px}.plus-description .plus-description__label{min-width:80px}.plus-description .plus-description__label.is-required:before{color:var(--el-color-danger);content:"*";margin-right:4px}.plus-description.no-border .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:0}.plus-description.no-border .el-descriptions__body .el-descriptions__label.el-descriptions__cell.is-bordered-label{background-color:var(--el-fill-color-blank)}
 .plus-input-tag{align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;display:flex;flex-wrap:wrap;max-width:100%;padding:1px 2px;width:-moz-fit-content;width:fit-content}.plus-input-tag:hover{border-color:var(--el-border-color-hover)}.plus-input-tag.is-focus{border-color:var(--el-color-primary)}.plus-input-tag.is-disabled{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.plus-input-tag.is-disabled:hover{border-color:var(--el-border-color)}.plus-input-tag.is-disabled .el-tag__close{cursor:not-allowed}.plus-input-tag.is-disabled .el-tag__close:hover{background-color:transparent;color:var(--el-tag-hover-color)}.plus-input-tag .plus-input-tag__tag{margin-bottom:1px;margin-right:4px;margin-top:1px}.plus-input-tag .plus-input-tag__input{box-sizing:border-box;flex:1;min-width:85px;padding:0}.plus-input-tag .plus-input-tag__input .el-input__wrapper{box-shadow:none;box-sizing:border-box;padding:0 4px}.plus-input-tag .plus-input-tag__input .el-input__inner{height:24px;line-height:24px}.plus-input-tag .el-input.is-disabled .el-input__wrapper{box-shadow:none}.el-form-item.is-error .plus-input-tag{border-color:var(--el-color-danger)}.el-form-item.is-error .plus-input-tag .el-input__wrapper{box-shadow:none}.el-form-item.is-error .plus-input-tag .el-input__wrapper.is-focus{box-shadow:none!important}.el-form-item.is-error .plus-input-tag .el-input__wrapper:hover{box-shadow:none}
+.plus-drawer-form .el-drawer__header{border-bottom:1px solid var(--el-border-color);margin-bottom:0;padding-bottom:calc(var(--el-drawer-padding-primary)/2);padding-top:calc(var(--el-drawer-padding-primary)/2)}.plus-drawer-form .el-drawer__footer{border-top:1px solid var(--el-border-color);padding-bottom:calc(var(--el-drawer-padding-primary)/2)}
+.plus-form-item{width:100%}.plus-form-item .plus-form-item__label{align-items:center;display:inline-flex}.plus-form-item .plus-form-item__label .plus-table-column__label__icon{margin-left:2px}.plus-form-item .plus-form-item-field,.plus-form-item .plus-form-item-field.el-date-editor{width:100%}
+.plus-dialog .plus-dialog-footer{align-items:center;display:flex}
+
 :root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-sidebar{height:100%}.plus-sidebar.is-vertical{min-height:400px}.plus-sidebar.is-vertical:not(.el-menu--collapse){flex-shrink:0;width:var(--plus-sidebar-width)}.plus-sidebar.is-vertical.el-menu--collapse .el-menu-item{width:calc(var(--plus-sidebar-min-width) - 2px)}.plus-sidebar.is-vertical .el-scrollbar__wrap{overflow-x:hidden}.plus-sidebar.is-vertical.el-menu--collapse .plus-sidebar__item-title{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.plus-sidebar.is-vertical.el-menu--collapse .el-sub-menu__icon-arrow{display:none}.plus-sidebar.is-vertical .el-scrollbar{height:calc(100% - var(--plus-sidebar-collapse-height))}.plus-sidebar.is-vertical .plus-sidebar__collapse{align-items:flex-start;background-color:var(--el-menu-bg-color);bottom:0;box-sizing:border-box;height:var(--plus-sidebar-collapse-height);left:0;position:absolute;width:calc(var(--plus-sidebar-width) - 2px)}.plus-sidebar.is-vertical .plus-sidebar__collapse.is-collapse{width:calc(var(--plus-sidebar-min-width) - 2px)}.plus-sidebar.is-vertical .plus-sidebar__collapse.is-active{background-color:var(--el-menu-bg-color)}.plus-sidebar.is-vertical .plus-sidebar__collapse [class*=-icon]{cursor:pointer;font-size:20px;margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-sidebar.is-horizontal,.plus-sidebar.is-horizontal .el-scrollbar,.plus-sidebar.is-horizontal .el-scrollbar__wrap{width:100%}.plus-sidebar.is-horizontal .el-scrollbar__view{display:flex;flex-wrap:nowrap;height:100%;width:100%}.plus-sidebar .plus-sidebar__item-title{-webkit-user-select:none;-moz-user-select:none;user-select:none}
-.plus-page .plus-page__table_wrapper{margin-top:20px}
 
 .plus-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}
-.plus-form-item{width:100%}.plus-form-item .plus-form-item__label{align-items:center;display:inline-flex}.plus-form-item .plus-form-item__label .plus-table-column__label__icon{margin-left:2px}.plus-form-item .plus-form-item-field,.plus-form-item .plus-form-item-field.el-date-editor{width:100%}
+.plus-search .plus-form__row{row-gap:18px;width:100%}.plus-search.el-form--inline .el-form-item{margin-bottom:0;margin-right:0}.plus-search.el-form--label-top .plus-search__button__wrapper .el-form-item__label{opacity:0;visibility:hidden}.plus-search.el-form--label-top .plus-search__button__wrapper .el-form-item__content{justify-content:flex-end}.plus-search .plus-search__unfold{margin-left:12px}.plus-search .plus-search__button__wrapper{align-items:flex-start;display:flex;flex:auto;justify-content:flex-end;margin-bottom:0;max-width:100%}.plus-search .plus-search__button__wrapper.el-form-item{margin-right:10px}.plus-search .plus-search__button__wrapper .el-form-item__content{flex:none;flex-wrap:nowrap}
+.plus-page .plus-page__table_wrapper{margin-top:20px}
+:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-layout{height:100vh;overflow:hidden}.plus-layout.el-container{flex-direction:column}.plus-layout .plus-sidebar{height:calc(100vh - var(--plus-header-height));min-width:var(--plus-sidebar-min-width)}.plus-layout .plus-layout-main{flex:1;height:calc(100vh - var(--plus-header-height));width:calc(100% - var(--plus-sidebar-width))}.plus-layout.collapse .plus-layout-main{width:calc(100% - var(--plus-sidebar-min-width))}.plus-layout .plus-layout-content{padding:0}
 .plus-table .plus-table-column .plus-table-column__header .plus-table-column__header__icon{margin-left:2px;margin-top:-2px;vertical-align:middle}.plus-table .plus-table-action-bar.is-center .cell{justify-content:center}.plus-table .plus-table-action-bar.is-right .cell{justify-content:flex-end}.plus-table .plus-table-action-bar.el-table-fixed-column--right{background-color:var(--el-bg-color)}.plus-table .plus-table-action-bar .cell{align-items:center;display:flex}.plus-table .plus-table-action-bar .plus-table-action-bar__dropdown__link{cursor:pointer;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-table .plus-table-action-bar .plus-table-action-bar__more-text{margin-right:2px}.plus-table .plus-table-action-bar .plus-table-action-bar__column__link{margin-right:10px}.plus-table .plus-table-action-bar .plus-table-action-bar__dropdown{cursor:pointer;margin-left:12px;vertical-align:baseline}.plus-table .plus-table-action-bar .el-link+.el-link{margin-left:12px}.plus-table .plus-table-action-bar .el-icon{cursor:pointer}.plus-table .plus-table-action-bar .el-icon+.el-icon{margin-left:12px}.plus-table .plus-table-column-drag-sort .plus-table-column-drag-icon{box-sizing:border-box;cursor:move;font-size:18px;padding:4px}.plus-table .plus-table-column-index .plus-table-index-column{align-items:center;display:inline-flex;height:20px;justify-content:center;white-space:nowrap;width:20px;word-break:keep-all}.plus-table .plus-table-column-index .cell .plus-table-column-index__content{align-items:center;display:flex;justify-content:center;overflow:hidden}.plus-table .plus-table-title-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.plus-table .plus-table-title-bar__toolbar{align-items:center;display:flex}.plus-table .el-popper{max-width:200px}.plus-table-title-bar__toolbar__density{align-items:center;display:flex;flex-direction:column}.plus-table-title-bar__toolbar__density .el-button{margin-top:10px;width:80px}.plus-table-title-bar__toolbar__density .el-button+.el-button{margin-left:0}.plus-table-title-bar__toolbar__icon{color:var(--el-text-color-regular);cursor:pointer;margin-left:10px;vertical-align:middle}.plus-table-title-bar__toolbar__checkbox__item{margin-left:6px}.plus-table-checkbox-item{align-items:center;display:flex;margin-left:20px}.plus-table-checkbox-handle{cursor:move;font-size:18px}.plus-table-ghost-class{background-color:#fff;border:1px dashed var(--el-color-primary);padding:0 5px}.plus-table-column__edit{cursor:pointer}.plus-table-checkbox-checkAll{display:flex;justify-content:space-between}
 .plus-steps-form .el-steps{margin-bottom:20px}.plus-steps-form-vertical{display:flex}.plus-steps-form-vertical .el-steps--vertical{margin-right:20px}.plus-steps-form-vertical .plus-form{flex:1}

package/index.js

@@ -1,4 +1,4 @@
-/*! @wlydfe/pro-ui v0.2.23 */
+/*! @wlydfe/pro-ui v0.2.24 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -11636,7 +11636,8 @@
       indexContentStyle: { type: [Object, Function], default: () => ({}) },
       editable: { type: [Boolean, String], default: false },
       adaptive: { type: [Boolean, Object], default: false },
-      filterTableHeaderOverflowLabelLength: {}
+      filterTableHeaderOverflowLabelLength: {},
+      filterTableLocalKey: {}
     },
     emits: ["paginationChange", "clickAction", "clickActionConfirmCancel", "dragSortEnd", "formChange", "refresh", "edited", "cell-click", "cell-dblclick", "filterTableHeader", "radioChange"],
     setup(__props, { expose: __expose, emit: __emit }) {
@@ -11671,7 +11672,7 @@
       vue.watch(
         () => props.columns,
         (val) => {
-          const filterOriginColumns = val.filter((item) => vue.unref(item.hideInTable) !== true);
+          let filterOriginColumns = val.filter((item) => vue.unref(item.hideInTable) !== true);
           filterColumns.value = filterOriginColumns.map((item) => {
             var _a2;
             return {
@@ -11679,6 +11680,25 @@
               headerIsChecked: (_a2 = item.headerIsChecked) != null ? _a2 : true
             };
           });
+          if (props.filterTableLocalKey) {
+            const localColumns = localStorage.getItem(props.filterTableLocalKey);
+            if (localColumns) {
+              filterColumns.value = JSON.parse(localColumns);
+              const columsMap = filterColumns.value.reduce((acc, item, order) => {
+                acc[item.prop] = {
+                  visable: item.headerIsChecked,
+                  order
+                };
+                return acc;
+              }, {});
+              filterOriginColumns.forEach((item) => {
+                if (columsMap[item.prop]) {
+                  item.headerIsChecked = columsMap[item.prop].visable;
+                }
+              });
+              filterOriginColumns.sort((a, b) => columsMap[a.prop].order - columsMap[b.prop].order);
+            }
+          }
           subColumns.value = filterOriginColumns.filter((item) => vue.unref(item.headerIsChecked) !== false);
           columnsIsChange.value = !columnsIsChange.value;
         },
@@ -11706,6 +11726,9 @@
       };
       const handleFilterTableConfirm = (_columns, eventType) => {
         filterColumns.value = _columns;
+        if (props.filterTableLocalKey) {
+          localStorage.setItem(props.filterTableLocalKey, JSON.stringify(filterColumns.value));
+        }
         emit("filterTableHeader", _columns, eventType);
         subColumns.value = _columns.filter(
           (item) => vue.unref(item.hideInTable) !== true && item.headerIsChecked !== false
@@ -13061,7 +13084,7 @@
             class: "plus-page__table_wrapper"
           }, {
             default: vue.withCtx(() => {
-              var _a2, _b;
+              var _a2, _b, _c;
               return [
                 vue.createVNode(vue.unref(PlusTable), vue.mergeProps({
                   ref_key: "plusTableInstance",
@@ -13069,6 +13092,7 @@
                   "title-bar": { refresh: true }
                 }, _ctx.table, {
                   adaptive: (_b = (_a2 = _ctx.table) == null ? void 0 : _a2.adaptive) != null ? _b : true,
+                  "filter-table-local-key": (_c = _ctx.table) == null ? void 0 : _c.filterTableLocalKey,
                   "table-data": vue.unref(tableData),
                   "loading-status": vue.unref(loadingStatus),
                   columns: processedColumns.value,
@@ -13127,7 +13151,7 @@
                       ])
                     };
                   })
-                ]), 1040, ["adaptive", "table-data", "loading-status", "columns", "pagination"])
+                ]), 1040, ["adaptive", "filter-table-local-key", "table-data", "loading-status", "columns", "pagination"])
               ];
             }),
             _: 3