@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/PageSwipes.js

@@ -0,0 +1,132 @@
+import '../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import { openBlock, createElementBlock, createElementVNode, Fragment, renderList, toDisplayString, normalizeClass } from "vue";
+/* empty css               */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-page-swipes",
+  mixins: [component],
+  items: [],
+  style: {
+    "margin-bottom": "0"
+  },
+  data() {
+    return {
+      activeName: "",
+      counts: {},
+      // 轮播当前页下标，仅用于圆点指示器的激活态（复刻原 van-swipe 的 indicator）
+      swipeIndex: 0
+    };
+  },
+  computed: {
+    type() {
+      const { type = this.$isMobile ? "" : "card" } = this.$configs;
+      return type === "card" ? "card" : "";
+    },
+    components() {
+      const { items = [] } = this.$component;
+      return items;
+    },
+    componentLabel() {
+      return (component2) => {
+        const count = this.counts[component2.id];
+        if (count !== void 0) {
+          return `${component2.title}(${count || 0})`;
+        }
+        return component2.title;
+      };
+    }
+  },
+  methods: {
+    handleClick() {
+    },
+    beforeInitComponent() {
+      if (this.$isMobile) {
+        this.$component.style = { margin: 0, ...this.$component.style };
+      }
+    },
+    // 滚动位置 → 当前页下标。scroll 事件用 .passive 修饰：这里只读不 preventDefault，
+    // 非 passive 监听会让移动端浏览器无法提前判定手势、拖动时掉帧。
+    onSwipeScroll() {
+      const el = this.$refs.swipeTrack;
+      if (!el || !el.clientWidth) return;
+      this.swipeIndex = Math.round(el.scrollLeft / el.clientWidth);
+    }
+  },
+  created() {
+    const { tabIndex = 1 } = this.$query;
+    if (this.components.length > 0) {
+      const firstItem = this.components[tabIndex - 1];
+      this.activeName = firstItem.id;
+      this.components.forEach((component2) => {
+        if (component2.tabCount) {
+          const scopeParams = this.$_.cloneDeep(component2.countScopeParams || []);
+          const that = this;
+          for (const scopeKey in scopeParams) {
+            const scope = scopeParams[scopeKey];
+            let values = scope.values;
+            if (/\$\[(.+)\]/.test(values)) {
+              values = values.replace(/\$\[(.+)\]/, (match, key) => {
+                try {
+                  return evalWith(`that.$query.${key}`, { that }) || evalWith(`that.$tab.${key}`, { that }) || "";
+                } catch (error) {
+                  return scope.values;
+                }
+              });
+            }
+            scope.values = values;
+          }
+          const params = component2.countParams || {};
+          this.$http.getCount({
+            entityId: this.$metaId,
+            scopeParams: JSON.stringify(scopeParams),
+            ...params
+          }).then((data) => {
+            if (data.total || data.total === 0) {
+              this.counts[component2.id] = data.total || 0;
+            } else {
+              this.counts[component2.id] = data;
+            }
+          });
+        }
+      });
+    }
+  },
+  watch: {
+    activeName() {
+      this.$nextTick(() => {
+      });
+    }
+  }
+};
+const _hoisted_1 = { class: "my-swipe" };
+const _hoisted_2 = { class: "my-swipe__dots" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: "my-swipe__track",
+      ref: "swipeTrack",
+      onScrollPassive: _cache[0] || (_cache[0] = (...args) => $options.onSwipeScroll && $options.onSwipeScroll(...args))
+    }, [
+      (openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
+        return createElementVNode("div", {
+          class: "my-swipe__item",
+          key: n
+        }, toDisplayString(n), 1);
+      }), 64))
+    ], 544),
+    createElementVNode("div", _hoisted_2, [
+      (openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
+        return createElementVNode("i", {
+          key: n,
+          class: normalizeClass(["my-swipe__dot", { "is-active": $data.swipeIndex === n - 1 }])
+        }, null, 2);
+      }), 64))
+    ])
+  ]);
+}
+const PageSwipes = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1247da44"]]);
+export {
+  PageSwipes as default
+};

package/dist/src/components/PersonFormItem.js

@@ -0,0 +1,5 @@
+import '../../style.css';
+import _sfc_main from "./PersonFormItem.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/src/components/PersonFormItem.vue.js

@@ -0,0 +1,96 @@
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+import AddFormItem from "@epxing/components/src/add-form-item";
+const _sfc_main = {
+  name: "epx-person-form-item",
+  extends: AddFormItem,
+  methods: {
+    unBind(fieldConfigs) {
+      this.$confirm("确认解绑?", this.$t("hint"), {
+        confirmButtonText: this.$t("confirm"),
+        cancelButtonText: this.$t("cancel"),
+        type: "warning"
+      }).then(() => {
+        this.$http.$post({
+          action: "unBind",
+          entityId: "FM_USER",
+          provider: fieldConfigs.attriName === "WECHAT_OPEN_ID" ? "wechat" : fieldConfigs.attriName === "QY_WECHAT_ID" ? "wechatMP" : fieldConfigs.attriName === "DING_TALK_ID" ? "dingtalk" : "qq"
+        }).then((data) => {
+          this.$message.success("解绑成功");
+          if (this.form) {
+            this.form.$refesh();
+          }
+        }).catch((err) => {
+          this.$message.error(err.message);
+        });
+      });
+    },
+    renderForm() {
+      if (this.fieldsConfigs.length > 0) {
+        return createVNode(resolveComponent("epx-table-form"), {
+          "class": "form-content",
+          "ref": "form",
+          "metaId": this.$metaId,
+          "fieldsConfigs": this.fieldsConfigs,
+          "modelValue": this.data,
+          "onUpdate:modelValue": ($event) => this.data = $event,
+          "column": this.column,
+          "labelAlign": this.$configs.labelAlign
+        }, {
+          default: ({
+            showLabel,
+            fieldConfigs,
+            metaId,
+            ruleMetaId
+          }) => {
+            return fieldConfigs.attriName === "WECHAT_OPEN_ID" || fieldConfigs.attriName === "QY_WECHAT_ID" || fieldConfigs.attriName === "DING_TALK_ID" || fieldConfigs.attriName === "QQ_OPEN_ID" ? createVNode(resolveComponent("epx-table-form-item"), {
+              "show-label": showLabel,
+              "label": fieldConfigs.attriLabel,
+              "metaId": metaId,
+              "ruleMetaId": ruleMetaId,
+              "fieldConfigs": fieldConfigs,
+              "rules": [{
+                required: fieldConfigs.isRequired === "1" && fieldConfigs.state !== "SEARCH",
+                message: `${fieldConfigs.attriLabel}不能为空`
+              }]
+            }, {
+              default: () => [createVNode(resolveComponent("el-input"), {
+                "modelValue": this.data[fieldConfigs.attriName],
+                "onUpdate:modelValue": ($event) => this.data[fieldConfigs.attriName] = $event,
+                "readonly": true
+              }, {
+                prepend: () => fieldConfigs.attriLabel,
+                // ⚠️ EP 判断的是 $slots.append 这个插槽**存在**，不是它的返回值——
+                // 插槽函数哪怕 return undefined，$slots.append 依然是个函数、依然为真，
+                // el-input 照样渲染一块空的 append addon（灰底、未绑定时的常态）。
+                // 必须条件构造 slots 对象本身（未绑定时这个 key 干脆不存在），不能在
+                // 插槽函数里 return undefined 让它"看起来没内容"。
+                ...this.data[fieldConfigs.attriName] ? {
+                  append: () => createVNode(resolveComponent("el-button"), {
+                    "size": "small",
+                    "type": "primary",
+                    "onClick": this.unBind.bind(this, fieldConfigs)
+                  }, {
+                    default: () => [createTextVNode("解绑")]
+                  })
+                } : {}
+              })]
+            }) : createVNode(resolveComponent("epx-table-form-item"), {
+              "show-label": showLabel,
+              "label": fieldConfigs.attriLabel,
+              "metaId": metaId,
+              "ruleMetaId": ruleMetaId,
+              "fieldConfigs": fieldConfigs,
+              "rules": [{
+                required: fieldConfigs.isRequired === "1" && fieldConfigs.state !== "SEARCH",
+                message: `${fieldConfigs.attriLabel}不能为空`
+              }]
+            }, null);
+          }
+        });
+      }
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/Popup.js

@@ -0,0 +1,239 @@
+import '../../style.css';
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, normalizeStyle, normalizeClass } from "vue";
+/* empty css          */
+/* empty css           */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-popup",
+  emits: ["closed"],
+  props: {
+    title: String,
+    metaId: String,
+    flag: String,
+    component: String,
+    pageType: String,
+    tab: Object,
+    query: Object,
+    opener: Object,
+    type: String,
+    defaultFullscreen: {
+      type: Boolean,
+      default: false
+    },
+    dialogWidth: {
+      type: String,
+      default() {
+        return "70%";
+      }
+    },
+    modal: {
+      type: Boolean,
+      default: true
+    },
+    dialogHeight: {
+      type: String,
+      default: "auto"
+    },
+    // 弹窗垂直位置：默认 'center' 上下居中；可配 'top'/'bottom'，
+    // 也可直接传具体偏移值（如 '15vh'、'100px'），按距顶部距离顶端对齐
+    dialogPosition: {
+      type: String,
+      default: "center"
+    },
+    withHeader: {
+      type: Boolean,
+      default: true
+    }
+  },
+  directives: {
+    drag: {
+      // 指令的定义（T30b-B：Vue3 指令钩子 bind→beforeMount）
+      beforeMount: function(el) {
+        const dialogHeaderEl = el.querySelector(".el-dialog__header");
+        const dragDom = el.querySelector(".el-dialog");
+        dialogHeaderEl.style.cursor = "move";
+        const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null);
+        dialogHeaderEl.onmousedown = (e) => {
+          const disX = e.clientX - dialogHeaderEl.offsetLeft;
+          const disY = e.clientY - dialogHeaderEl.offsetTop;
+          let styL, styT;
+          if (sty.left.includes("%")) {
+            styL = +document.body.clientWidth * (+sty.left.replace(/%/g, "") / 100);
+            styT = +document.body.clientHeight * (+sty.top.replace(/%/g, "") / 100);
+          } else {
+            styL = +sty.left.replace(/\px/g, "");
+            styT = +sty.top.replace(/\px/g, "");
+          }
+          document.onmousemove = function(e2) {
+            const l = e2.clientX - disX;
+            const t = e2.clientY - disY;
+            dragDom.style.left = `${l + styL}px`;
+            dragDom.style.top = `${t + styT}px`;
+          };
+          document.onmouseup = function() {
+            document.onmousemove = null;
+            document.onmouseup = null;
+          };
+        };
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: true,
+      pageTitle: "",
+      headerTitle: "",
+      fullscreen: this.defaultFullscreen
+    };
+  },
+  provide() {
+    return {
+      dialog: this
+    };
+  },
+  computed: {
+    // 弹窗位置预设关键字
+    dialogPositionPresets() {
+      return ["center", "top", "bottom"];
+    },
+    // EP <el-dialog> 原生 align-center：flex 化 .el-overlay-dialog 并给 .el-dialog margin:auto，
+    // 二维居中零自定义 CSS。只有 'center'（默认）才用，其余预设/自定义偏移各走各的实现（见下）
+    dialogAlignCenter() {
+      return (this.dialogPosition || "center") === "center";
+    },
+    // 预设关键字 -> 对应修饰类；非预设值（具体偏移）走 custom
+    dialogPositionClass() {
+      const pos = this.dialogPosition || "center";
+      return this.dialogPositionPresets.includes(pos) ? `popup-dialog--${pos}` : "popup-dialog--custom";
+    },
+    // top / 自定义偏移值：直接改写 EP 自己读取的 --el-dialog-margin-top 变量（见 el-dialog.scss
+    // margin: var(--el-dialog-margin-top, 15vh) auto 50px）。center 走 align-center、bottom 走
+    // :has() 反查 flex（见样式块），都不需要这个变量，返回空对象即可
+    dialogPositionStyle() {
+      const pos = this.dialogPosition || "center";
+      if (pos === "top") return { "--el-dialog-margin-top": "0" };
+      if (this.dialogPositionPresets.includes(pos)) return {};
+      return { "--el-dialog-margin-top": pos };
+    }
+  },
+  methods: {
+    routerChange([routes, route]) {
+      if (route) {
+        const page = route.page && route.page.$refs && route.page.$refs.component;
+        if (page) {
+          this.pageTitle = page.pageConfig.title || page.page && page.page.title || page.meta.name;
+        } else if (route.name) {
+          this.pageTitle = route.name;
+        }
+      }
+    },
+    changeHeaderTitle(v) {
+      this.headerTitle = v;
+    },
+    close() {
+      this.dialogVisible = false;
+    },
+    // 把 dialogHeight / query.style 抹到真正的 .el-dialog 元素上。
+    // ⚠️ 别放回 mounted()：<el-dialog> 现在是 defineAsyncComponent 包装器（EP 按需加载），
+    //    父组件 mounted() 触发时包装器还只渲染了 Comment 占位、真身尚未 resolve，
+    //    这段会整体落空且**不报错**。挂在 EP 自己的 @opened 上：那是「真身已挂载 + 过渡已结束」
+    //    的确定时机，eager/lazy 两种形态都成立。
+    applyDialogStyle() {
+      if (!this.dialogHeight) return;
+      const dialog = this.$refs.dialog;
+      if (!dialog) return;
+      const content = dialog.dialogContentRef;
+      const el = content && content.$el || dialog.$el && dialog.$el.children && dialog.$el.children[0];
+      if (!el || !el.style) return;
+      el.style.height = this.dialogHeight;
+      if (this.dialogHeight !== "auto") {
+        el.style.maxHeight = "none";
+      }
+      const styles = (this.query || {}).style || {};
+      for (const key in styles) {
+        el.style[key] = styles[key];
+      }
+    },
+    cleanupPopperChildren() {
+    }
+  },
+  beforeUnmount() {
+    this.cleanupPopperChildren();
+  },
+  updated() {
+    if (!this.headerTitle) ;
+  }
+};
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "header" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_router_view = resolveComponent("epx-router-view");
+  const _component_el_drawer = resolveComponent("el-drawer");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return $props.type === "drawer" ? (openBlock(), createBlock(_component_el_drawer, {
+    key: 0,
+    class: "popup-drawer",
+    modelValue: $data.dialogVisible,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.dialogVisible = $event),
+    size: $props.dialogWidth,
+    "append-to-body": true,
+    onClosed: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("closed"))
+  }, {
+    header: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        createElementVNode("span", null, toDisplayString($props.title || $data.headerTitle || $data.pageTitle), 1),
+        createElementVNode("i", {
+          class: "full-btn el-icon-full-screen",
+          onClick: _cache[0] || (_cache[0] = ($event) => $data.fullscreen = !$data.fullscreen)
+        })
+      ])
+    ]),
+    default: withCtx(() => [
+      createVNode(_component_epx_router_view, {
+        initRoute: $props.query,
+        inline: true,
+        tab: $props.tab,
+        onChange: $options.routerChange
+      }, null, 8, ["initRoute", "tab", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["modelValue", "size"])) : (openBlock(), createBlock(_component_el_dialog, {
+    key: 1,
+    ref: "dialog",
+    modelValue: $data.dialogVisible,
+    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.dialogVisible = $event),
+    width: $props.dialogWidth,
+    modal: $props.modal,
+    "close-on-click-modal": false,
+    class: normalizeClass(["popup-dialog", $options.dialogPositionClass, { "popup-dialog--no-header": $props.withHeader === false }]),
+    style: normalizeStyle($options.dialogPositionStyle),
+    "align-center": $options.dialogAlignCenter,
+    fullscreen: $data.fullscreen,
+    "destroy-on-close": true,
+    onOpened: $options.applyDialogStyle,
+    onClosed: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("closed"))
+  }, {
+    header: withCtx(() => [
+      createElementVNode("div", _hoisted_2, [
+        createElementVNode("span", null, toDisplayString($props.title || $data.headerTitle || $data.pageTitle), 1),
+        createElementVNode("i", {
+          class: "full-btn el-icon-full-screen",
+          onClick: _cache[3] || (_cache[3] = ($event) => $data.fullscreen = !$data.fullscreen)
+        })
+      ])
+    ]),
+    default: withCtx(() => [
+      createVNode(_component_epx_router_view, {
+        initRoute: $props.query,
+        inline: true,
+        tab: $props.tab,
+        onChange: $options.routerChange
+      }, null, 8, ["initRoute", "tab", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["modelValue", "width", "modal", "class", "style", "align-center", "fullscreen", "onOpened"]));
+}
+const Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9da5ba1f"]]);
+export {
+  Popup as default
+};

package/dist/src/components/PrintFormList.js

@@ -0,0 +1,9 @@
+import '../../style.css';
+import _sfc_main from "./PrintFormList.vue.js";
+/* empty css                   */
+/* empty css                   */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const PrintFormList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4405a7e4"]]);
+export {
+  PrintFormList as default
+};

package/dist/src/components/PrintFormList.vue.js

@@ -0,0 +1,203 @@
+import { createVNode, withDirectives, createTextVNode, resolveComponent, resolveDirective, isVNode } from "vue";
+import EntityList from "@epxing/components/src/entity-list";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-print-form-list",
+  extends: EntityList,
+  data() {
+    return {
+      activeDropDown: null,
+      showFormTypeDialog: false
+    };
+  },
+  methods: {
+    designReport(config, item) {
+      const {
+        pageFlag: designPageFlag
+      } = config;
+      let key = "ID";
+      if (this.$meta) {
+        key = this.$meta.getKey();
+      }
+      const query = {
+        metaId: this.$metaId,
+        flag: designPageFlag,
+        chartType: item.CHART_TYPE,
+        reportType: item.TYPE,
+        reportId: item[key],
+        reportName: item.NAME,
+        staObject: item.OBJECT,
+        component: "report-chart"
+      };
+      this.$createPage({
+        ...query
+      });
+    },
+    createFormDialog() {
+      this.showFormTypeDialog = true;
+    },
+    createForm(type) {
+      this.$http.save({
+        entityId: this.$metaId,
+        "bean.CLIENT": this.CLIENT,
+        "bean.SYSTEM": this.SYSTEM,
+        "bean.APP": this.APP,
+        "bean.TYPE": type
+      }).then((data) => {
+        this.showFormTypeDialog = false;
+        const componentMap = {
+          excelReport: "excel-design",
+          wordReport: "report-pdf-design",
+          wordFileReport: "report-word-design",
+          formReport: "form-design"
+        };
+        this.goPage({
+          component: componentMap[type] || "form-design"
+        }, {
+          ID: data
+        });
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    renderFormType() {
+      return createVNode(resolveComponent("el-dialog"), {
+        "title": "创建电子表单",
+        "modelValue": this.showFormTypeDialog,
+        "onUpdate:modelValue": (v) => this.showFormTypeDialog = v,
+        "width": "800px"
+      }, {
+        default: () => [createVNode("div", null, [createVNode("ul", {
+          "class": "create-form__list"
+        }, [createVNode("li", {
+          "class": "create-form__item",
+          "onClick": this.createForm.bind(this, "formReport")
+        }, [createVNode("i", {
+          "class": "epx-icon-html",
+          "style": {
+            color: "#217346"
+          }
+        }, null), createVNode("p", null, [createTextVNode("HTML表单")])]), createVNode("li", {
+          "class": "create-form__item",
+          "onClick": this.createForm.bind(this, "wordFileReport")
+        }, [createVNode("i", {
+          "class": "epx-icon-word",
+          "style": {
+            color: "#2D91FF"
+          }
+        }, null), createVNode("p", null, [createTextVNode("Word文件")])]), createVNode("li", {
+          "class": "create-form__item",
+          "onClick": this.createForm.bind(this, "excelReport")
+        }, [createVNode("i", {
+          "class": "epx-icon-excel",
+          "style": {
+            color: "#29AA3A"
+          }
+        }, null), createVNode("p", null, [createTextVNode("Excel")])]), createVNode("li", {
+          "class": "create-form__item",
+          "onClick": this.createForm.bind(this, "wordReport")
+        }, [createVNode("i", {
+          "class": "epx-icon-pdf",
+          "style": {
+            color: "#FF1E1E"
+          }
+        }, null), createVNode("p", null, [createTextVNode("Pdf")])])])])]
+      });
+    },
+    renderTable() {
+      return createVNode("div", {
+        "class": "report-container"
+      }, [withDirectives(createVNode("ul", {
+        "class": "report-card__list"
+      }, [createVNode("li", {
+        "class": "report-card__item"
+      }, [createVNode("div", {
+        "class": "report-card__content"
+      }, [createVNode("div", {
+        "class": "report-create",
+        "onClick": this.createFormDialog
+      }, [createVNode("i", {
+        "class": "el-icon-circle-plus-outline"
+      }, null), createVNode("p", null, [createTextVNode("创建电子表单")])])])]), this.data.map((item) => createVNode("li", {
+        "class": "report-card__item",
+        "onClick": this.goPage.bind(this, {
+          component: item.TYPE === "excelReport" ? "excel-design" : item.TYPE === "wordReport" ? "report-pdf-design" : item.TYPE === "wordFileReport" ? "report-word-design" : "form-design"
+        }, item)
+      }, [createVNode("div", {
+        "class": "report-card__header"
+      }, [createVNode("i", {
+        "style": {
+          color: item.TYPE === "excelReport" ? "#29AA3A" : item.TYPE === "wordReport" ? "#FF1E1E" : item.TYPE === "wordFileReport" ? "#2D91FF" : "#217346"
+        },
+        "class": item.TYPE === "excelReport" ? "epx-icon-excel" : item.TYPE === "wordReport" ? "epx-icon-pdf" : item.TYPE === "wordFileReport" ? "epx-icon-word" : "epx-icon-html"
+      }, null), item["TYPE#"] || "表单报表"]), createVNode("div", {
+        "class": "report-card__content",
+        "title": item.NAME
+      }, [createVNode("span", {
+        "class": "report-card__name"
+      }, [item.NAME])]), createVNode("div", {
+        "class": "report-card__content"
+      }, [createVNode("span", {
+        "class": "card-item__row"
+      }, [item.CODE])]), createVNode("div", {
+        "class": "component-operate",
+        "onClick": (e) => e.stopPropagation()
+      }, [createVNode("div", {
+        "class": "component-operate__inner"
+      }, [this.unfoldColumnOperates.map((operate) => createVNode(resolveComponent("el-button"), {
+        "class": "component-operate__item",
+        "key": operate.text,
+        "type": "primary",
+        "link": true,
+        "size": "small",
+        "onClick": this.$handler.bind(this, operate, item)
+      }, {
+        default: () => [operate.iconCls && createVNode("i", {
+          "class": operate.iconCls
+        }, null), operate.text]
+      })), this.foldColumnOperates.length > 0 && createVNode(resolveComponent("el-dropdown"), {
+        "class": "component-operate__item",
+        "trigger": "click",
+        "onVisibleChange": (show) => this.activeDropDown = show ? item.ID : ""
+      }, {
+        default: () => [createVNode("span", {
+          "class": ["dropdown-link", {
+            active: this.activeDropDown === item.ID
+          }]
+        }, [createVNode("i", {
+          "class": "el-icon-more"
+        }, null)])],
+        dropdown: () => {
+          let _slot;
+          return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot = this.foldColumnOperates.map((operate) => withDirectives(createVNode(resolveComponent("el-dropdown-item"), {
+            "key": operate.text,
+            "onClick": this.$handler.bind(this, operate, item),
+            "icon": operate.iconCls
+          }, {
+            default: () => [operate.text]
+          }), [[resolveDirective("for"), "operate in foldColumnOperates"]]))) ? _slot : {
+            default: () => [_slot]
+          });
+        }
+      })])])]))]), [[resolveDirective("loading"), this.loading]]), this.$configs.pageFlag && createVNode("div", {
+        "class": "pagination"
+      }, [createVNode(resolveComponent("el-pagination"), {
+        "currentPage": this.currentPage,
+        "pageSizes": [5, 10, 15, 20, 30, 50, 100, 200],
+        "pageSize": this.pageSize,
+        "layout": "prev, pager, next, jumper, sizes,total",
+        "total": this.total,
+        "onSizeChange": this.sizeChange,
+        "onCurrentChange": this.currentChange
+      }, null)])]);
+    }
+  },
+  created() {
+    this.renderComponents.push(this.renderFormType);
+  }
+};
+export {
+  _sfc_main as default
+};