@juzhenfe/page-model 3.9.20 → 3.9.22

package/dist/index.es.js

@@ -7009,9 +7009,10 @@ class TableManager extends IManager {
     this.editableOpen.set(mapKey, value);
   }
   updatePagination() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     this.pagination = merge(cloneDeep(DEFAULT_PAGINATION_CONFIG), (_b = (_a = this.table) == null ? void 0 : _a.pagination) != null ? _b : {});
     this.pageSize = (_f = (_d = this.pagination.pageSize) != null ? _d : (_c = this.pagination.pageSizes) == null ? void 0 : _c[0]) != null ? _f : (_e = DEFAULT_PAGINATION_CONFIG.pageSizes) == null ? void 0 : _e[0];
+    this.pagination.pageSizes = (_i = (_h = (_g = this.table) == null ? void 0 : _g.pagination) == null ? void 0 : _h.pageSizes) != null ? _i : DEFAULT_PAGINATION_CONFIG.pageSizes;
   }
   setTableDataRowKey(data) {
     if (!data.length) {
@@ -10323,7 +10324,7 @@ const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
 const _hoisted_4$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u6761\u6570\u636E", -1));
 const _hoisted_5$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
 const _hoisted_6$1 = { class: "export-columns" };
-const _hoisted_7 = { class: "bottom-box" };
+const _hoisted_7$1 = { class: "bottom-box" };
 const _sfc_main$k = defineComponent({
   __name: "index",
   emits: ["closed"],
@@ -10470,7 +10471,7 @@ const _sfc_main$k = defineComponent({
         }
       }, {
         bottom: withCtx(() => [
-          createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_7$1, [
             createVNode(_component_el_button, {
               disabled: libLoading.value || libLoadFail.value,
               type: "info",
@@ -14250,16 +14251,20 @@ const _sfc_main$1 = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1 = { class: "editable-table-index" };
-const _hoisted_2 = { class: "el-table__header-cell" };
-const _hoisted_3 = {
+const _hoisted_1 = {
   key: 0,
-  class: "column-required"
+  class: "filterable-wrap"
 };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = { key: 1 };
-const _hoisted_6 = {
+const _hoisted_2 = { class: "editable-table-index" };
+const _hoisted_3 = { class: "el-table__header-cell" };
+const _hoisted_4 = {
   key: 0,
+  class: "column-required"
+};
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = {
+  key: 1,
   class: "editable-table__actions"
 };
 const __default__ = {
@@ -14270,6 +14275,9 @@ const _sfc_main = defineComponent({
   props: {
     data: { default: () => [] },
     els: {},
+    filterable: { type: Boolean },
+    filterPlaceholder: {},
+    filterProps: {},
     alwaysShowEdit: { type: Boolean },
     userSetting: {},
     showTools: { type: Boolean },
@@ -14356,6 +14364,22 @@ const _sfc_main = defineComponent({
     };
     const tableRef = ref();
     const tableData = ref([]);
+    const filterKeywords = ref("");
+    const filteredTableData = computed(() => {
+      if (!filterKeywords.value) {
+        return tableData.value;
+      }
+      const filterProps = props.filterProps || [];
+      if (!filterProps.length) {
+        return tableData.value;
+      }
+      return tableData.value.filter((item) => {
+        const values = filterProps.map((key) => item[key]);
+        return values.some((val) => {
+          return String(val).includes(filterKeywords.value);
+        });
+      });
+    });
     const isResponseKeyboardEvents = ref(false);
     const addTableData = (index2) => {
       if (props.noAddable) {
@@ -14411,7 +14435,7 @@ const _sfc_main = defineComponent({
       }
     };
     const genTableData = () => {
-      tableData.value = props.data || [];
+      tableData.value = props.data ? cloneDeep(props.data) : [];
       if (!tableData.value.length) {
         addTableData(0);
       }
@@ -14445,15 +14469,13 @@ const _sfc_main = defineComponent({
         item._rowIndex = index2;
       });
     };
-    let isOutterChange = false;
+    let isInnerChange = false;
     watch(
       () => props.data,
       () => {
-        isOutterChange = true;
-        genTableData();
-        setTimeout(() => {
-          isOutterChange = false;
-        }, 0);
+        if (!isInnerChange) {
+          genTableData();
+        }
       },
       {
         deep: true,
@@ -14463,9 +14485,8 @@ const _sfc_main = defineComponent({
     watch(
       () => tableData.value,
       () => {
-        if (!isOutterChange) {
-          emitTableData();
-        }
+        isInnerChange = true;
+        emitTableData();
       },
       {
         deep: true
@@ -14473,6 +14494,9 @@ const _sfc_main = defineComponent({
     );
     const emitTableData = debounce(function() {
       emit("change", tableData.value);
+      setTimeout(() => {
+        isInnerChange = false;
+      }, 20);
     }, 300);
     const bottomActions = computed(() => {
       let actions = [];
@@ -14517,6 +14541,7 @@ const _sfc_main = defineComponent({
       removeTableData
     });
     return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_table_column = resolveComponent("el-table-column");
       const _component_el_popover = resolveComponent("el-popover");
@@ -14524,11 +14549,18 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["editable-table", { border: _ctx.border }])
       }, [
+        _ctx.filterable ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(_component_el_input, {
+            modelValue: filterKeywords.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterKeywords.value = $event),
+            placeholder: _ctx.filterPlaceholder || "\u8BF7\u8F93\u5165"
+          }, null, 8, ["modelValue", "placeholder"])
+        ])) : createCommentVNode("", true),
         createVNode(_component_el_table, mergeProps({
           ref_key: "tableRef",
           ref: tableRef,
           "highlight-current-row": "",
-          data: tableData.value
+          data: filteredTableData.value
         }, props.props, {
           "cell-style": {
             height: "40px",
@@ -14573,7 +14605,7 @@ const _sfc_main = defineComponent({
                     ]),
                     _: 2
                   }, 1032, ["onClick"])) : createCommentVNode("", true),
-                  createElementVNode("span", _hoisted_1, toDisplayString($index + 1), 1)
+                  createElementVNode("span", _hoisted_2, toDisplayString($index + 1), 1)
                 ], 2)
               ]),
               _: 1
@@ -14588,8 +14620,8 @@ const _sfc_main = defineComponent({
                 minWidth: column.minWidth
               }, column.props), createSlots({
                 header: withCtx(($header) => [
-                  createElementVNode("div", _hoisted_2, [
-                    column.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_3, [
+                    column.required ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true),
                     createElementVNode("span", null, toDisplayString($header.column.label || ""), 1),
                     column.helpText ? (openBlock(), createBlock(_component_el_icon, {
                       key: 1,
@@ -14613,7 +14645,7 @@ const _sfc_main = defineComponent({
                       onKeyTab: ($event) => onInputKeyTabEvent(index2)
                     }, {
                       default: withCtx(() => [
-                        _ctx.alwaysShowEdit || isCurrentRowFocus($index) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                        _ctx.alwaysShowEdit || isCurrentRowFocus($index) ? (openBlock(), createElementBlock("div", _hoisted_5, [
                           createVNode(_sfc_main$q, {
                             "render-fn": column.renderFn,
                             pure: "",
@@ -14621,7 +14653,7 @@ const _sfc_main = defineComponent({
                             index: $index
                           }, null, 8, ["render-fn", "row", "index"])
                         ])) : createCommentVNode("", true),
-                        !_ctx.alwaysShowEdit && !isCurrentRowFocus($index) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(row[column.prop]), 1)) : createCommentVNode("", true)
+                        !_ctx.alwaysShowEdit && !isCurrentRowFocus($index) ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(row[column.prop]), 1)) : createCommentVNode("", true)
                       ]),
                       _: 2
                     }, 1032, ["onInputClick", "onKeyTab"])
@@ -14666,7 +14698,7 @@ const _sfc_main = defineComponent({
           ]),
           _: 1
         }, 16, ["data"]),
-        bottomActions.value.length || hasSlots.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        bottomActions.value.length || hasSlots.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
           renderSlot(_ctx.$slots, "action-prefix", {}, void 0, true),
           createVNode(_sfc_main$x, {
             els: bottomActions.value,
@@ -14678,12 +14710,12 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-057a05c0"]]);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1a809ae"]]);
 const defineEditableTable = function(config) {
   return reactive(config);
 };
 const name = "@juzhenfe/page-model";
-const version = "3.9.20";
+const version = "3.9.22";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [

package/dist/index.min.css

@@ -1 +1 @@
-.pm-normal-tab .el-tabs__header{margin-bottom:0}.pm-normal-tab .el-tabs__nav-wrap:after{display:none}.pm-normal-tab .pane-label{height:30px}.pm-normal-tab .el-tabs__active-bar{height:3px}.pm-normal-tab .el-tabs__item{height:var(--pm-top-bar-height);line-height:var(--pm-top-bar-height)}.pm-normal-tab .pm-normal-tab__label{position:relative}.pm-normal-tab .pm-normal-tab__badge{position:absolute;top:-5px;right:-24px}.top-bar{display:flex;align-items:center}.top-bar__tabs{flex-grow:1;width:0}.buttons-renderer{height:100%;display:flex;align-items:center}.buttons-renderer__item{flex-shrink:0;line-height:1}.buttons-renderer__item+.buttons-renderer__item{margin-left:12px}.form-dialog{overflow:hidden;padding:0!important}.form-dialog .el-dialog__body{overflow-y:auto;padding:16px 20px 4px!important}.form-dialog .el-dialog__header{padding:10px 20px!important;border-bottom:1px solid #ebeef5;margin-right:0;height:45px;box-sizing:border-box}.form-dialog .el-dialog__header .el-dialog__title{font-size:16px;color:#333}.form-dialog .el-dialog__footer{background-color:#f2f2f2;font-size:14px;padding:8px 30px!important;border-width:1px 0px;border-style:solid;border-color:rgb(230,230,230) rgb(190,194,190)}.form-dialog .el-dialog__headerbtn{top:2px;height:45px;font-size:20px}.form-dialog__dragable-icon{position:absolute;height:10px;width:10px;right:4px;bottom:4px;z-index:9}.form-dialog__dragable-icon:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#999;border-radius:50%;box-shadow:0 0 2px 2px #00000003}.form-dialog__dragable-icon:before{content:"";position:absolute;right:0;bottom:0;width:2px;height:100%;background-color:#999;border-radius:50%;box-shadow:0 0 2px 2px #00000003}.search-form-full__form .el-form-item{display:inline-block;vertical-align:top;width:calc(50% - 20px)}.search-form-full__form .el-form-item:nth-child(even){margin-right:0}.pm-search-form.expand .pm-search-form__form .el-form-item{margin-bottom:4px}.pm-search-form .pm-search-form__form .el-form-item{margin-right:10px;margin-bottom:0}.pm-search-form.pm-search-form__dialog .pm-search-form__form .el-form-item{margin-bottom:0}.pm-search-form__els,.pm-search-form__slots{display:inline-block;vertical-align:top}.page-model-table__table .el-table__header-cell{display:inline-block;vertical-align:middle;margin-top:-4px}.page-model-table__table .el-table__header-cell>span{vertical-align:middle}.page-model-table__table .el-table__header-cell .el-icon{margin-top:1px;margin-left:2px;vertical-align:middle;color:var(--pm-tip);font-size:16px}.page-model-table__table .el-table-cell_inner{text-overflow:ellipsis;overflow:hidden}.page-model-table__table .el-table-cell_inner.show-1{white-space:nowrap}.page-model-table__table .el-table-cell_inner.show-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.page-model-table__table .el-table-cell_inner.show-3{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.page-model-table__table .el-table-cell_inner.show--1{white-space:pre-wrap}.page-model-table__table .el-table__expand-icon{vertical-align:middle;display:inline-block}.page-model-table__table .el-table__expand-icon+.el-table-cell_inner{display:inline;vertical-align:middle}.page-model-table__table .el-table__indent~.el-table-cell_inner{display:inline;vertical-align:middle}.el-table-cell_editable{display:flex;align-items:center}.el-table-cell_editable :deep .el-button{margin-left:10px}.el-table-cell_editable .empty-edit{font-size:12px;color:#999;line-height:22px;height:24px}.column-tools-setting__column-table-wrap{overflow-y:auto;max-height:60vh}.column-tools-setting__column-table{display:flex}.column-tools-setting__column-table-item{flex-grow:1;flex-shrink:0;flex-basis:10px;text-align:center;background-color:#f5f5f5;padding:8px 0;font-weight:600}.column-tools-setting__row{display:flex;align-items:center;cursor:move;padding:5px 0}.column-tools-setting__row:hover{background-color:#f0f2f5}.column-tools-setting__cell{flex-grow:1;flex-shrink:0;flex-basis:10px;display:flex;justify-content:center;align-items:center}.column-tools-setting__actions{padding-right:20px}.column-tools__show-rows{border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px}.column-tools__show-rows .column-tools__rows-option{display:flex;align-items:center;border:1px solid #f0f2f5;line-height:1}.column-tools__show-rows .column-tools__rows-option span{padding:4px 6px;cursor:pointer}.column-tools__show-rows .column-tools__rows-option span.active{background-color:var(--el-color-primary);color:#fff}.column-tools__show-rows .column-tools__rows-option span+span{border-left:1px solid #f0f2f5}[data-v-40add7fa]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.export-form[data-v-40add7fa]{margin:20px auto 0;width:90%}.export-wrod[data-v-40add7fa]{color:#636363;margin:0 10px}.export-columns[data-v-40add7fa]{flex-grow:1;width:0;height:300px}.bottom-box[data-v-40add7fa]{margin:0 auto;width:100%}[data-v-7089aa9e]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.selections-table[data-v-7089aa9e]{height:500px;max-height:60vh}.page-model-table__table{flex-grow:1;height:0;overflow-x:hidden}.page-model-table__table .el-table__cell{padding-top:0!important;padding-bottom:0!important}.page-model-table__table .el-table__cell .cell{padding-top:4px;padding-bottom:4px}.page-model-table__table .el-table__cell .cell .el-badge__content{top:4px;margin-right:10px}.page-model-table__table .page-model-table__operate-column{cursor:pointer}.page-model-table__table .page-model-table__operate-column>.el-icon{vertical-align:middle}.page-model-table__table .page-model-table__operate-column>span{margin-right:3px}.el-table__expand-icon+.page-model-table__index,.el-table__placeholder+.page-model-table__index{display:inline-block}.page-model-table__index{vertical-align:middle;text-align:center;user-select:none}.page-model-table__radio{text-align:center}.page-model-table__radio .el-radio__label{display:none}.page-model-table__table-bottom{flex-shrink:0;display:flex;padding:10px 0;justify-content:space-between;align-items:center}.page-model-table__selection{font-size:14px;user-select:none;display:flex;align-items:center;flex:none;margin-right:20px}.page-model-table__selection .page-model-table__selection-text{color:#999}.page-model-table__selection .page-model-table__select-count{color:#333;text-decoration:underline;cursor:pointer;padding:0 6px}.page-model-table__selection .page-model-table__select-count:hover{color:#111}.page-model-table__selection .page-model-table__select-count:active{color:#000}.page-model-table__selection .page-model-table__clear-selection{margin-left:10px;color:#aaa;cursor:pointer}.page-model-table__selection .page-model-table__clear-selection:hover{color:#999}.page-model-table__selection .page-model-table__clear-selection:active{color:#767676}.page-model-table__tools{vertical-align:middle;margin-top:-4px;cursor:pointer}.el-table-column--selection .cell{text-align:center}[data-v-1f262377]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.sections.card[data-v-1f262377]{padding-right:10px}.sections.card .section-item[data-v-1f262377]{border:1px solid #e4e7ed;padding:0 10px 10px;box-shadow:0 0 12px #0000000d;border-radius:4px}.sections.card .section-item+.section-item[data-v-1f262377]{margin-top:30px}.section-item__title[data-v-1f262377]{border-bottom:1px solid #eee;font-weight:600;padding:10px 0;cursor:pointer;user-select:none;font-size:16px;display:flex;align-items:center;color:#343434}.section-item__els[data-v-1f262377]{margin-top:10px;max-height:3000px;overflow:hidden;opacity:1;transform:translateZ(0);transition:all .3s}.section-item__els.hidden[data-v-1f262377]{transform:translate3d(0,-10px,0);max-height:0;opacity:0}.section-item__title-text[data-v-1f262377]{margin-right:4px}.form-tools-setting{height:60vh}.form-tools-setting .el-tabs{height:100%}.form-tools-setting .el-tabs__content{height:calc(100% - 60px)}.form-tools-setting .el-tab-pane{height:100%}.form-tools-setting__tab-content{height:100%;overflow-y:auto}.form-tools-setting__column-table{display:flex}.form-tools-setting__column-table-item{flex-grow:1;flex-shrink:0;flex-basis:10px;text-align:center;background-color:#f5f5f5;padding:8px 0;font-weight:600}.form-tools-setting__row{display:flex;align-items:center;cursor:move;padding:5px 0}.form-tools-setting__row:hover{background-color:#f0f2f5}.form-tools-setting__cell{flex-grow:1;flex-shrink:0;flex-basis:10px;display:flex;justify-content:center;align-items:center;margin:0 10px}.pm-form{overflow-x:hidden}.pm-form__content{width:100%}.pm-form__renderer-wrap{display:flex;flex-wrap:wrap}.pm-form__prefix{margin-right:10px}.pm-form__suffix{margin-left:10px}.pm-form__help-text{color:#999;line-height:1.41;margin-top:6px}.fullpage{position:absolute;background-color:#fff;z-index:999;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.scale-opacity-enter-active,.scale-opacity-leave-active{transition:transform .2s,opacity .2s}.scale-opacity-enter-from,.scale-opacity-leave-to{opacity:0;transform:scale(.98)}.fullpage__header{border-bottom:1px solid #efefef;padding:10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.fullpage__content{padding:20px;flex-grow:1;overflow-y:auto}.fullpage__footer{padding:15px 10px;flex-shrink:0;border-top:1px solid #efefef;text-align:center}.fullpage .el-form{height:100%}.fullpage .el-tabs{height:100%;overflow:hidden}.fullpage .el-tabs__content{height:calc(100% - 40px);overflow-y:auto}[data-v-e8fbec78]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.f_z__title[data-v-e8fbec78]{font-size:16px;font-weight:500}.f_z__item[data-v-e8fbec78]{margin-top:8px;display:flex;align-items:center}.f_z__link[data-v-e8fbec78]{padding:0 34px 0 10px}.f_z__key[data-v-e8fbec78]{flex-shrink:0;width:160px}.f_z__operate[data-v-e8fbec78]{flex-shrink:0;width:110px;margin:0 8px}.f_z__input[data-v-e8fbec78]{flex-grow:1;width:0}.f_z__input[data-v-e8fbec78]>:first-child{width:100%}.f_z__remove-icon[data-v-e8fbec78]{flex-shrink:0;margin-left:8px;cursor:pointer}.f_z__actions[data-v-e8fbec78]{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.f_z__select-wrap[data-v-e8fbec78]{height:240px;display:flex;flex-direction:column}.f_z__select-wrap>.el-input[data-v-e8fbec78]{flex-shrink:0}.f_z__select-wrap .f_z__select-list-wrap[data-v-e8fbec78]{flex-grow:1;height:0}.f_z__select-wrap .f_z__select-item[data-v-e8fbec78]{color:#747677;display:flex;align-items:center;justify-content:space-between;padding-right:15px;box-sizing:border-box;cursor:pointer;line-height:36px;padding-left:4px}.f_z__select-wrap .f_z__select-item.disabled[data-v-e8fbec78]{color:#b9babb;cursor:not-allowed}.page-model{display:flex;flex-direction:column;box-sizing:border-box;padding:0 15px}.page-model__top-tabs{display:flex;height:var(--pm-top-bar-height);flex-shrink:0;border-bottom:1px solid #eee;position:relative}.page-model__holding-tab{flex-grow:1;width:0}.page-model__action{margin-left:20px;flex-shrink:0}.page-model__search{position:relative;flex-shrink:0;padding-top:10px}.page-model__search .el-form-item{margin-bottom:0}.page-model__main{flex-grow:1;height:0;padding-top:10px;display:flex;flex-direction:column;box-sizing:border-box}.page-model__selectable-area{flex-shrink:0;padding:10px 0 0;display:flex;align-items:center}.page-model__selectable-area-left{flex-grow:1;width:0}.page-model__selectable-area-right{flex-shrink:0;margin-left:15px}.column-tools-setting__column-table{display:flex}.column-tools-setting__column-table-item{flex-grow:1;flex-shrink:0;flex-basis:10px;text-align:center;background-color:#f5f5f5;padding:8px 0;font-weight:600}.column-tools-setting__row{display:flex;align-items:center;cursor:move;padding:5px 0}.column-tools-setting__row:hover{background-color:#f0f2f5}.column-tools-setting__cell{flex-grow:1;flex-shrink:0;flex-basis:10px;display:flex;justify-content:center;align-items:center}.column-tools-setting__actions{padding-right:20px}.sortable-ghost{opacity:.5;background:#c8ebfb}.flip-list-move{transition:transform .5s}:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.column-tools__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f2f5;padding-bottom:10px;font-size:12px}.column-tools__icon-wrap{display:flex;align-items:center}.column-tools__icon{cursor:pointer}.column-tools__icon+.column-tools__icon{margin-left:10px}.column-tools__list{margin:6px 0;overflow-y:auto;max-height:300px}.column-tools__item{display:flex;align-items:center;padding:0 10px;cursor:move}.column-tools__item:hover{background-color:#f0f2f5}.column-tools__item .el-switch{margin-right:20px}.column-tools__item-label{flex-shrink:0;flex-grow:1;width:0;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.column-tools__actions{text-align:right;border-top:1px solid #f0f2f5;padding-top:10px}[data-v-057a05c0]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.editable-table.border[data-v-057a05c0]{border:1px solid var(--el-border-color-lighter)}.editable-table .el-table__row .editable-table-icon[data-v-057a05c0]{display:none}.editable-table .el-table__row:hover .editable-table-icon[data-v-057a05c0]{display:block}.editable-table .el-table__row:hover .editable-table-index[data-v-057a05c0]{display:none}.editable-table .el-table__header-cell>span[data-v-057a05c0]{vertical-align:middle}.editable-table .el-table__header-cell .el-icon[data-v-057a05c0]{margin-top:1px;margin-left:2px;vertical-align:middle;color:var(--pm-tip);font-size:16px}.editable-table .editable-table-icon[data-v-057a05c0]{font-size:16px;padding:4px;cursor:pointer}.editable-table .plus-icon[data-v-057a05c0]{color:#2386ee}.editable-table .remove-icon[data-v-057a05c0]{color:#fa5050}.editable-table .column-required[data-v-057a05c0]{color:red}.edit-table-index-cell[data-v-057a05c0]{display:flex;align-items:center;justify-content:center}.edit-table-index-cell.current .editable-table-icon[data-v-057a05c0]{display:block}.edit-table-index-cell.current .editable-table-index[data-v-057a05c0]{display:none}.editable-table__actions[data-v-057a05c0]{padding:10px;display:flex;align-items:center}
+.pm-normal-tab .el-tabs__header{margin-bottom:0}.pm-normal-tab .el-tabs__nav-wrap:after{display:none}.pm-normal-tab .pane-label{height:30px}.pm-normal-tab .el-tabs__active-bar{height:3px}.pm-normal-tab .el-tabs__item{height:var(--pm-top-bar-height);line-height:var(--pm-top-bar-height)}.pm-normal-tab .pm-normal-tab__label{position:relative}.pm-normal-tab .pm-normal-tab__badge{position:absolute;top:-5px;right:-24px}.top-bar{display:flex;align-items:center}.top-bar__tabs{flex-grow:1;width:0}.buttons-renderer{height:100%;display:flex;align-items:center}.buttons-renderer__item{flex-shrink:0;line-height:1}.buttons-renderer__item+.buttons-renderer__item{margin-left:12px}.form-dialog{overflow:hidden;padding:0!important}.form-dialog .el-dialog__body{overflow-y:auto;padding:16px 20px 4px!important}.form-dialog .el-dialog__header{padding:10px 20px!important;border-bottom:1px solid #ebeef5;margin-right:0;height:45px;box-sizing:border-box}.form-dialog .el-dialog__header .el-dialog__title{font-size:16px;color:#333}.form-dialog .el-dialog__footer{background-color:#f2f2f2;font-size:14px;padding:8px 30px!important;border-width:1px 0px;border-style:solid;border-color:rgb(230,230,230) rgb(190,194,190)}.form-dialog .el-dialog__headerbtn{top:2px;height:45px;font-size:20px}.form-dialog__dragable-icon{position:absolute;height:10px;width:10px;right:4px;bottom:4px;z-index:9}.form-dialog__dragable-icon:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#999;border-radius:50%;box-shadow:0 0 2px 2px #00000003}.form-dialog__dragable-icon:before{content:"";position:absolute;right:0;bottom:0;width:2px;height:100%;background-color:#999;border-radius:50%;box-shadow:0 0 2px 2px #00000003}.search-form-full__form .el-form-item{display:inline-block;vertical-align:top;width:calc(50% - 20px)}.search-form-full__form .el-form-item:nth-child(even){margin-right:0}.pm-search-form.expand .pm-search-form__form .el-form-item{margin-bottom:4px}.pm-search-form .pm-search-form__form .el-form-item{margin-right:10px;margin-bottom:0}.pm-search-form.pm-search-form__dialog .pm-search-form__form .el-form-item{margin-bottom:0}.pm-search-form__els,.pm-search-form__slots{display:inline-block;vertical-align:top}.page-model-table__table .el-table__header-cell{display:inline-block;vertical-align:middle;margin-top:-4px}.page-model-table__table .el-table__header-cell>span{vertical-align:middle}.page-model-table__table .el-table__header-cell .el-icon{margin-top:1px;margin-left:2px;vertical-align:middle;color:var(--pm-tip);font-size:16px}.page-model-table__table .el-table-cell_inner{text-overflow:ellipsis;overflow:hidden}.page-model-table__table .el-table-cell_inner.show-1{white-space:nowrap}.page-model-table__table .el-table-cell_inner.show-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.page-model-table__table .el-table-cell_inner.show-3{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.page-model-table__table .el-table-cell_inner.show--1{white-space:pre-wrap}.page-model-table__table .el-table__expand-icon{vertical-align:middle;display:inline-block}.page-model-table__table .el-table__expand-icon+.el-table-cell_inner{display:inline;vertical-align:middle}.page-model-table__table .el-table__indent~.el-table-cell_inner{display:inline;vertical-align:middle}.el-table-cell_editable{display:flex;align-items:center}.el-table-cell_editable :deep .el-button{margin-left:10px}.el-table-cell_editable .empty-edit{font-size:12px;color:#999;line-height:22px;height:24px}.column-tools-setting__column-table-wrap{overflow-y:auto;max-height:60vh}.column-tools-setting__column-table{display:flex}.column-tools-setting__column-table-item{flex-grow:1;flex-shrink:0;flex-basis:10px;text-align:center;background-color:#f5f5f5;padding:8px 0;font-weight:600}.column-tools-setting__row{display:flex;align-items:center;cursor:move;padding:5px 0}.column-tools-setting__row:hover{background-color:#f0f2f5}.column-tools-setting__cell{flex-grow:1;flex-shrink:0;flex-basis:10px;display:flex;justify-content:center;align-items:center}.column-tools-setting__actions{padding-right:20px}.column-tools__show-rows{border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px}.column-tools__show-rows .column-tools__rows-option{display:flex;align-items:center;border:1px solid #f0f2f5;line-height:1}.column-tools__show-rows .column-tools__rows-option span{padding:4px 6px;cursor:pointer}.column-tools__show-rows .column-tools__rows-option span.active{background-color:var(--el-color-primary);color:#fff}.column-tools__show-rows .column-tools__rows-option span+span{border-left:1px solid #f0f2f5}[data-v-40add7fa]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.export-form[data-v-40add7fa]{margin:20px auto 0;width:90%}.export-wrod[data-v-40add7fa]{color:#636363;margin:0 10px}.export-columns[data-v-40add7fa]{flex-grow:1;width:0;height:300px}.bottom-box[data-v-40add7fa]{margin:0 auto;width:100%}[data-v-7089aa9e]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.selections-table[data-v-7089aa9e]{height:500px;max-height:60vh}.page-model-table__table{flex-grow:1;height:0;overflow-x:hidden}.page-model-table__table .el-table__cell{padding-top:0!important;padding-bottom:0!important}.page-model-table__table .el-table__cell .cell{padding-top:4px;padding-bottom:4px}.page-model-table__table .el-table__cell .cell .el-badge__content{top:4px;margin-right:10px}.page-model-table__table .page-model-table__operate-column{cursor:pointer}.page-model-table__table .page-model-table__operate-column>.el-icon{vertical-align:middle}.page-model-table__table .page-model-table__operate-column>span{margin-right:3px}.el-table__expand-icon+.page-model-table__index,.el-table__placeholder+.page-model-table__index{display:inline-block}.page-model-table__index{vertical-align:middle;text-align:center;user-select:none}.page-model-table__radio{text-align:center}.page-model-table__radio .el-radio__label{display:none}.page-model-table__table-bottom{flex-shrink:0;display:flex;padding:10px 0;justify-content:space-between;align-items:center}.page-model-table__selection{font-size:14px;user-select:none;display:flex;align-items:center;flex:none;margin-right:20px}.page-model-table__selection .page-model-table__selection-text{color:#999}.page-model-table__selection .page-model-table__select-count{color:#333;text-decoration:underline;cursor:pointer;padding:0 6px}.page-model-table__selection .page-model-table__select-count:hover{color:#111}.page-model-table__selection .page-model-table__select-count:active{color:#000}.page-model-table__selection .page-model-table__clear-selection{margin-left:10px;color:#aaa;cursor:pointer}.page-model-table__selection .page-model-table__clear-selection:hover{color:#999}.page-model-table__selection .page-model-table__clear-selection:active{color:#767676}.page-model-table__tools{vertical-align:middle;margin-top:-4px;cursor:pointer}.el-table-column--selection .cell{text-align:center}[data-v-1f262377]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.sections.card[data-v-1f262377]{padding-right:10px}.sections.card .section-item[data-v-1f262377]{border:1px solid #e4e7ed;padding:0 10px 10px;box-shadow:0 0 12px #0000000d;border-radius:4px}.sections.card .section-item+.section-item[data-v-1f262377]{margin-top:30px}.section-item__title[data-v-1f262377]{border-bottom:1px solid #eee;font-weight:600;padding:10px 0;cursor:pointer;user-select:none;font-size:16px;display:flex;align-items:center;color:#343434}.section-item__els[data-v-1f262377]{margin-top:10px;max-height:3000px;overflow:hidden;opacity:1;transform:translateZ(0);transition:all .3s}.section-item__els.hidden[data-v-1f262377]{transform:translate3d(0,-10px,0);max-height:0;opacity:0}.section-item__title-text[data-v-1f262377]{margin-right:4px}.form-tools-setting{height:60vh}.form-tools-setting .el-tabs{height:100%}.form-tools-setting .el-tabs__content{height:calc(100% - 60px)}.form-tools-setting .el-tab-pane{height:100%}.form-tools-setting__tab-content{height:100%;overflow-y:auto}.form-tools-setting__column-table{display:flex}.form-tools-setting__column-table-item{flex-grow:1;flex-shrink:0;flex-basis:10px;text-align:center;background-color:#f5f5f5;padding:8px 0;font-weight:600}.form-tools-setting__row{display:flex;align-items:center;cursor:move;padding:5px 0}.form-tools-setting__row:hover{background-color:#f0f2f5}.form-tools-setting__cell{flex-grow:1;flex-shrink:0;flex-basis:10px;display:flex;justify-content:center;align-items:center;margin:0 10px}.pm-form{overflow-x:hidden}.pm-form__content{width:100%}.pm-form__renderer-wrap{display:flex;flex-wrap:wrap}.pm-form__prefix{margin-right:10px}.pm-form__suffix{margin-left:10px}.pm-form__help-text{color:#999;line-height:1.41;margin-top:6px}.fullpage{position:absolute;background-color:#fff;z-index:999;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.scale-opacity-enter-active,.scale-opacity-leave-active{transition:transform .2s,opacity .2s}.scale-opacity-enter-from,.scale-opacity-leave-to{opacity:0;transform:scale(.98)}.fullpage__header{border-bottom:1px solid #efefef;padding:10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.fullpage__content{padding:20px;flex-grow:1;overflow-y:auto}.fullpage__footer{padding:15px 10px;flex-shrink:0;border-top:1px solid #efefef;text-align:center}.fullpage .el-form{height:100%}.fullpage .el-tabs{height:100%;overflow:hidden}.fullpage .el-tabs__content{height:calc(100% - 40px);overflow-y:auto}[data-v-e8fbec78]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.f_z__title[data-v-e8fbec78]{font-size:16px;font-weight:500}.f_z__item[data-v-e8fbec78]{margin-top:8px;display:flex;align-items:center}.f_z__link[data-v-e8fbec78]{padding:0 34px 0 10px}.f_z__key[data-v-e8fbec78]{flex-shrink:0;width:160px}.f_z__operate[data-v-e8fbec78]{flex-shrink:0;width:110px;margin:0 8px}.f_z__input[data-v-e8fbec78]{flex-grow:1;width:0}.f_z__input[data-v-e8fbec78]>:first-child{width:100%}.f_z__remove-icon[data-v-e8fbec78]{flex-shrink:0;margin-left:8px;cursor:pointer}.f_z__actions[data-v-e8fbec78]{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.f_z__select-wrap[data-v-e8fbec78]{height:240px;display:flex;flex-direction:column}.f_z__select-wrap>.el-input[data-v-e8fbec78]{flex-shrink:0}.f_z__select-wrap .f_z__select-list-wrap[data-v-e8fbec78]{flex-grow:1;height:0}.f_z__select-wrap .f_z__select-item[data-v-e8fbec78]{color:#747677;display:flex;align-items:center;justify-content:space-between;padding-right:15px;box-sizing:border-box;cursor:pointer;line-height:36px;padding-left:4px}.f_z__select-wrap .f_z__select-item.disabled[data-v-e8fbec78]{color:#b9babb;cursor:not-allowed}.page-model{display:flex;flex-direction:column;box-sizing:border-box;padding:0 15px}.page-model__top-tabs{display:flex;height:var(--pm-top-bar-height);flex-shrink:0;border-bottom:1px solid #eee;position:relative}.page-model__holding-tab{flex-grow:1;width:0}.page-model__action{margin-left:20px;flex-shrink:0}.page-model__search{position:relative;flex-shrink:0;padding-top:10px}.page-model__search .el-form-item{margin-bottom:0}.page-model__main{flex-grow:1;height:0;padding-top:10px;display:flex;flex-direction:column;box-sizing:border-box}.page-model__selectable-area{flex-shrink:0;padding:10px 0 0;display:flex;align-items:center}.page-model__selectable-area-left{flex-grow:1;width:0}.page-model__selectable-area-right{flex-shrink:0;margin-left:15px}.column-tools-setting__column-table{display:flex}.column-tools-setting__column-table-item{flex-grow:1;flex-shrink:0;flex-basis:10px;text-align:center;background-color:#f5f5f5;padding:8px 0;font-weight:600}.column-tools-setting__row{display:flex;align-items:center;cursor:move;padding:5px 0}.column-tools-setting__row:hover{background-color:#f0f2f5}.column-tools-setting__cell{flex-grow:1;flex-shrink:0;flex-basis:10px;display:flex;justify-content:center;align-items:center}.column-tools-setting__actions{padding-right:20px}.sortable-ghost{opacity:.5;background:#c8ebfb}.flip-list-move{transition:transform .5s}:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.column-tools__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f2f5;padding-bottom:10px;font-size:12px}.column-tools__icon-wrap{display:flex;align-items:center}.column-tools__icon{cursor:pointer}.column-tools__icon+.column-tools__icon{margin-left:10px}.column-tools__list{margin:6px 0;overflow-y:auto;max-height:300px}.column-tools__item{display:flex;align-items:center;padding:0 10px;cursor:move}.column-tools__item:hover{background-color:#f0f2f5}.column-tools__item .el-switch{margin-right:20px}.column-tools__item-label{flex-shrink:0;flex-grow:1;width:0;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.column-tools__actions{text-align:right;border-top:1px solid #f0f2f5;padding-top:10px}[data-v-f1a809ae]:root{--pm-top-bar-height: 50px;--pm-grey1: #bcbcbc;--pm-tip: var(--pm-grey1)}.editable-table.border[data-v-f1a809ae]{border:1px solid var(--el-border-color-lighter)}.editable-table .el-table__row .editable-table-icon[data-v-f1a809ae]{display:none}.editable-table .el-table__row:hover .editable-table-icon[data-v-f1a809ae]{display:block}.editable-table .el-table__row:hover .editable-table-index[data-v-f1a809ae]{display:none}.editable-table .el-table__header-cell>span[data-v-f1a809ae]{vertical-align:middle}.editable-table .el-table__header-cell .el-icon[data-v-f1a809ae]{margin-top:1px;margin-left:2px;vertical-align:middle;color:var(--pm-tip);font-size:16px}.editable-table .editable-table-icon[data-v-f1a809ae]{font-size:16px;padding:4px;cursor:pointer}.editable-table .plus-icon[data-v-f1a809ae]{color:#2386ee}.editable-table .remove-icon[data-v-f1a809ae]{color:#fa5050}.editable-table .column-required[data-v-f1a809ae]{color:red}.filterable-wrap[data-v-f1a809ae]{margin-bottom:4px;width:260px}.edit-table-index-cell[data-v-f1a809ae]{display:flex;align-items:center;justify-content:center}.edit-table-index-cell.current .editable-table-icon[data-v-f1a809ae]{display:block}.edit-table-index-cell.current .editable-table-index[data-v-f1a809ae]{display:none}.editable-table__actions[data-v-f1a809ae]{padding:10px;display:flex;align-items:center}