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

package/dist/src/components/ComponentList.js

@@ -0,0 +1,499 @@
+import '../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, withCtx, createTextVNode, toDisplayString, createBlock, Fragment, renderList, createCommentVNode, normalizeStyle, withModifiers } from "vue";
+/* empty css                  */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-component-list",
+  mixins: [component],
+  addPage: "entity-add-page",
+  editPage: "entity-edit-page",
+  detailPage: "entity-detail-page",
+  addPageFlag: "v_add",
+  detailPageFlag: "v_add",
+  editPageFlag: "v_add",
+  detailFlag: true,
+  pageFlag: true,
+  // 是否需要分页
+  pageSize: 20,
+  // 每页记录数
+  operateEllipsis: 1,
+  operateFlag: true,
+  operateColumnFlag: true,
+  // 是否显示操作列
+  operateColumnLocked: false,
+  operateColumnEllipsis: 2,
+  // Boolean/ Number,
+  data() {
+    return {
+      typeList: [],
+      componentType: "",
+      searchScopeParams: [],
+      componentList: [],
+      listFields: [],
+      selection: [],
+      activeDropDown: null,
+      currentPage: 1,
+      total: "",
+      searchKeyParams: {},
+      layout: "card"
+    };
+  },
+  computed: {
+    searchFields() {
+      const { searchFields = [] } = this.$configs;
+      return searchFields;
+    },
+    isSelect() {
+      return (comp) => {
+        return this.selection.some((item) => item.ID === comp.ID);
+      };
+    },
+    buttonUi() {
+      return (ui) => ui === "blue" || ui === "soft-blue" ? "primary" : ui;
+    },
+    checkRightOperates() {
+      const { operates = [] } = this.$configs;
+      return operates.filter((item) => this.$checkOperateRight(item));
+    },
+    operates() {
+      const { operateEllipsis = 1 } = this.$configs;
+      let showOperateLength = 0;
+      if (operateEllipsis === false) return this.checkRightOperates;
+      if (operateEllipsis !== true) {
+        showOperateLength = operateEllipsis;
+      }
+      const cOperates = [...this.checkRightOperates];
+      if (cOperates.length > showOperateLength) {
+        cOperates.length = showOperateLength;
+      }
+      return cOperates;
+    },
+    moreOperates() {
+      const { operateEllipsis = 1 } = this.$configs;
+      let showOperateLength = 0;
+      if (operateEllipsis === false) return [];
+      if (operateEllipsis !== true) {
+        showOperateLength = operateEllipsis;
+      }
+      const cOperates = [...this.checkRightOperates];
+      if (cOperates.length > showOperateLength) {
+        cOperates.splice(0, showOperateLength);
+        return cOperates;
+      }
+      return [];
+    },
+    foldColumnOperates() {
+      return (data) => {
+        const { operateColumnEllipsis = true, columnOperates = [] } = this.$configs;
+        const terminal = this.$isMobile ? "mobile" : "pc";
+        const showColumnOperates = columnOperates.filter((item) => this.$checkOperateRight(item) && (!item.showCondition || item.showCondition.length === 0 || this.$util.runExpByScope.call(this, item.showCondition, data)) && (!item.terminal || item.terminal === "all" || item.terminal === terminal));
+        let showOperatesLength = 0;
+        if (operateColumnEllipsis === false) return [];
+        if (operateColumnEllipsis !== true) {
+          showOperatesLength = operateColumnEllipsis;
+        }
+        if (showColumnOperates.length > showOperatesLength) {
+          const foldButtons = [...showColumnOperates];
+          foldButtons.splice(0, showOperatesLength);
+          return foldButtons;
+        } else {
+          return [];
+        }
+      };
+    },
+    unfoldColumnOperates() {
+      return (data) => {
+        const { operateColumnEllipsis = true, columnOperates = [] } = this.$configs;
+        const terminal = this.$isMobile ? "mobile" : "pc";
+        const showColumnOperates = columnOperates.filter((item) => this.$checkOperateRight(item) && (!item.showCondition || item.showCondition.length === 0 || this.$util.runExpByScope.call(this, item.showCondition, data)) && (!item.terminal || item.terminal === "all" || item.terminal === terminal));
+        let showOperatesLength = 0;
+        if (operateColumnEllipsis === false) return showColumnOperates;
+        if (operateColumnEllipsis !== true) {
+          showOperatesLength = operateColumnEllipsis;
+        }
+        const unfoldButtons = [...showColumnOperates];
+        if (unfoldButtons.length > showOperatesLength) unfoldButtons.length = showOperatesLength;
+        return unfoldButtons;
+      };
+    },
+    scopeParams() {
+      const { scopeParams: configScopeParams = [] } = this.$configs;
+      const { scopeParams: queryScopeParams = [] } = this.$query;
+      const _scopeParams = this.$_.cloneDeep([...configScopeParams, ...queryScopeParams, ...this.searchScopeParams]);
+      const that = this;
+      for (const scopeKey in _scopeParams) {
+        const scope = _scopeParams[scopeKey];
+        if (!scope) continue;
+        let values = scope.values;
+        if (/\$\[(.+)\]/.test(values)) {
+          values = values.replace(/\$\[(.+)\]/, (match, key) => {
+            try {
+              return evalWith(`that.$query.${key}`, { that }) || evalWith(`that.$tab.${key}`, { that }) || evalWith(`that.${key}`, { that }) || "";
+            } catch (error) {
+              return 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;
+      }
+      return _scopeParams;
+    }
+  },
+  methods: {
+    getComponentType() {
+      this.$http.getCodes({
+        key: "COMPONENT_TYPE"
+      }).then((data) => {
+        this.typeList = data;
+      });
+    },
+    getFields() {
+      const { listFields, fieldConfigs = {} } = this.$configs;
+      this.$FieldFactory.createFields({
+        defaultFieldConfigs: fieldConfigs,
+        fields: listFields,
+        meta: this.$meta
+      }).then((data) => {
+        this.listFields = [...data];
+        this.getData();
+      });
+    },
+    getData() {
+      let { pageFlag, pageSize, orderFields, order_field: orderField = [], order_mode: orderMode = [] } = this.$configs;
+      if (orderFields && orderFields.length > 0) {
+        orderField = orderFields.map((item) => item.attriName || item);
+        orderMode = orderFields.map((item) => item.sort || "asc");
+      }
+      const params = {
+        entityId: this.$metaId,
+        columnFieldNames: this.$meta.getAllFields().join("#,"),
+        ...this.searchKeyParams,
+        order_field: orderField.join(","),
+        order_mode: orderMode.join(",")
+      };
+      if (this.componentType) {
+        params["scope.COMPONENT_TYPE"] = this.componentType;
+      }
+      if (pageFlag) {
+        params.page = this.currentPage;
+        params.limit = pageSize;
+      }
+      if (this.scopeParams) params.scopeParams = JSON.stringify(this.scopeParams);
+      this.currentPage += 1;
+      this.$http.list(params).then((data) => {
+        this.componentList = [...this.componentList, ...data.entitys];
+        this.total = data.total;
+      });
+    },
+    search(params) {
+      this.currentPage = 1;
+      this.searchScopeParams = params;
+      this.componentList = [];
+      this.getData();
+    },
+    changeType(type) {
+      this.componentType = type.code;
+      this.currentPage = 1;
+      this.componentList = [];
+      this.getData();
+    },
+    selectComp(comp) {
+      const index = this.selection.findIndex((item) => item.ID === comp.ID);
+      if (index !== -1) {
+        this.selection.splice(index, 1);
+      } else {
+        this.selection.push(comp);
+      }
+    },
+    viewEntity(config, item) {
+      const { detailPageId, detailPage, detailFlag, openMode } = this.$configs;
+      if (!detailFlag) return;
+      let key = "ID";
+      if (this.$meta) {
+        key = this.$meta.getKey();
+      }
+      const query = {
+        metaId: this.$metaId,
+        component: detailPage,
+        pageId: detailPageId,
+        pageType: "DETAIL",
+        id: item[key],
+        openType: openMode
+      };
+      if (this.$isMobile) delete query.openType;
+      this.$createPage({
+        ...query
+      });
+    },
+    $refesh() {
+      this.reloadData();
+    },
+    reloadData() {
+      this.currentPage = 1;
+      this.componentList = [];
+      this.getData();
+    }
+  },
+  created() {
+    this.getComponentType();
+    this.getFields();
+    this.$event.on("search-keyword", (searchKeyParams) => {
+      if (searchKeyParams) {
+        this.searchKeyParams = searchKeyParams;
+        this.currentPage = 1;
+        this.componentList = [];
+        this.getData();
+      }
+    });
+  }
+};
+const _hoisted_1 = {
+  class: "container",
+  "infinite-scroll-distance": 100
+};
+const _hoisted_2 = { class: "component-nav" };
+const _hoisted_3 = { class: "filter" };
+const _hoisted_4 = { style: { position: "relative" } };
+const _hoisted_5 = {
+  key: 1,
+  class: "component-container"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "list-operates"
+};
+const _hoisted_7 = { class: "button-group" };
+const _hoisted_8 = { class: "component-list" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  key: 0,
+  class: "no-image"
+};
+const _hoisted_11 = { class: "component-content" };
+const _hoisted_12 = { class: "component-info" };
+const _hoisted_13 = { class: "component-name" };
+const _hoisted_14 = { for: "" };
+const _hoisted_15 = { class: "load" };
+const _hoisted_16 = { key: 0 };
+const _hoisted_17 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_search_filter = resolveComponent("epx-search-filter");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_epx_entity_list = resolveComponent("epx-entity-list");
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _directive_infinite_scroll = resolveDirective("infinite-scroll");
+  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createVNode(_component_epx_search_filter, {
+          fields: $options.searchFields,
+          showFilter: _ctx.$configs.showFilter,
+          filterFields: _ctx.$configs.filterFields,
+          keywords: _ctx.$configs.keywords,
+          onSearch: $options.search
+        }, null, 8, ["fields", "showFilter", "filterFields", "keywords", "onSearch"])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      createVNode(_component_el_button, {
+        class: normalizeClass(["layout-button", { "layout-button__list": $data.layout === "list" }]),
+        type: "primary",
+        link: "",
+        icon: "epx-icon-menu",
+        onClick: _cache[0] || (_cache[0] = ($event) => $data.layout = $data.layout === "list" ? "card" : "list")
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString($data.layout === "list" ? "卡片布局" : "列表布局"), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]),
+      $data.layout === "list" ? (openBlock(), createBlock(_component_epx_entity_list, {
+        key: 0,
+        "comp-configs": _ctx.$configs
+      }, null, 8, ["comp-configs"])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+        _ctx.$configs.operateFlag && $options.checkRightOperates.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.operates, (operate) => {
+              return openBlock(), createBlock(_component_el_button, {
+                size: "default",
+                key: operate.text,
+                type: $options.buttonUi(operate.ui),
+                onClick: ($event) => _ctx.$handler(operate, null)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(operate.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "onClick"]);
+            }), 128)),
+            $options.moreOperates.length > 0 ? (openBlock(), createBlock(_component_el_dropdown, {
+              key: 0,
+              class: "more-table-operates",
+              trigger: "click"
+            }, {
+              dropdown: withCtx(() => [
+                createVNode(_component_el_dropdown_menu, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.moreOperates, (operate) => {
+                      return openBlock(), createBlock(_component_el_dropdown_item, {
+                        key: operate.text,
+                        onClick: ($event) => _ctx.$handler(operate, null)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(operate.text), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_el_button, { size: "default" }, {
+                  default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                    createElementVNode("i", { class: "el-icon-more" }, null, -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          createElementVNode("span", null, "总共" + toDisplayString($data.total) + "条数据", 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("ul", _hoisted_8, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.componentList, (component2) => {
+            return openBlock(), createElementBlock("li", {
+              class: normalizeClass(["component-item", { "is-select": $options.isSelect(component2) }]),
+              onClick: ($event) => $options.viewEntity({}, component2),
+              key: component2.ID
+            }, [
+              createElementVNode("div", {
+                class: "component-image",
+                style: normalizeStyle(component2.PICTURE ? { backgroundImage: `url(${_ctx.$util.getFileUrl(component2.PICTURE)})` } : {})
+              }, [
+                !component2.PICTURE ? (openBlock(), createElementBlock("div", _hoisted_10, [..._cache[3] || (_cache[3] = [
+                  createElementVNode("i", { class: "el-icon-picture-outline" }, null, -1),
+                  createElementVNode("p", null, "暂无缩略图", -1)
+                ])])) : createCommentVNode("", true)
+              ], 4),
+              createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_12, [
+                  createElementVNode("p", _hoisted_13, toDisplayString(component2.TITLE), 1),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.listFields, (fieldConfig) => {
+                    return openBlock(), createElementBlock("p", {
+                      class: "component-desc__item",
+                      key: fieldConfig.attriName
+                    }, [
+                      createElementVNode("label", _hoisted_14, toDisplayString(fieldConfig.attriLabel), 1),
+                      createTextVNode("： " + toDisplayString(component2[fieldConfig.attriName + "#"] || component2[fieldConfig.attriName]), 1)
+                    ]);
+                  }), 128))
+                ]),
+                component2.SYSTEM === _ctx.SYSTEM || _ctx.appConfig["SYSTEM|CODE"] === "epxing-frame-manage" ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "component-operate",
+                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  createVNode(_component_el_button, {
+                    class: "component-operate__item",
+                    type: "primary",
+                    link: "",
+                    onClick: ($event) => $options.selectComp(component2)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString($options.isSelect(component2) ? this.$t("cancel") : "选中"), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.unfoldColumnOperates(component2), (operate) => {
+                    return openBlock(), createBlock(_component_el_button, {
+                      class: "component-operate__item",
+                      key: operate.text,
+                      type: "primary",
+                      link: "",
+                      size: "small",
+                      onClick: ($event) => _ctx.$handler(operate, component2)
+                    }, {
+                      default: withCtx(() => [
+                        operate.iconCls ? (openBlock(), createElementBlock("i", {
+                          key: 0,
+                          class: normalizeClass(operate.iconCls)
+                        }, null, 2)) : createCommentVNode("", true),
+                        createTextVNode(" " + toDisplayString(operate.text), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]);
+                  }), 128)),
+                  $options.foldColumnOperates(component2).length > 0 ? (openBlock(), createBlock(_component_el_dropdown, {
+                    key: 0,
+                    class: "component-operate__item",
+                    trigger: "click",
+                    onVisibleChange: (show) => $data.activeDropDown = show ? component2.ID : ""
+                  }, {
+                    dropdown: withCtx(() => [
+                      createVNode(_component_el_dropdown_menu, null, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.foldColumnOperates(component2), (operate) => {
+                            return openBlock(), createBlock(_component_el_dropdown_item, {
+                              key: operate.text,
+                              onClick: ($event) => _ctx.$handler(operate, component2),
+                              icon: operate.iconCls
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(operate.text), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick", "icon"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("span", {
+                        class: normalizeClass(["dropdown-link", { active: $data.activeDropDown === component2.ID }])
+                      }, [..._cache[4] || (_cache[4] = [
+                        createElementVNode("i", { class: "el-icon-more" }, null, -1)
+                      ])], 2)
+                    ]),
+                    _: 2
+                  }, 1032, ["onVisibleChange"])) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true)
+              ]),
+              _cache[5] || (_cache[5] = createElementVNode("div", { class: "select-icon" }, [
+                createElementVNode("div", { class: "select-triangle" }),
+                createElementVNode("i", { class: "el-icon-check" })
+              ], -1))
+            ], 10, _hoisted_9);
+          }), 128)),
+          createElementVNode("li", _hoisted_15, [
+            $data.componentList.length < $data.total ? (openBlock(), createElementBlock("p", _hoisted_16, "加载中...")) : createCommentVNode("", true),
+            $data.componentList.length >= $data.total ? (openBlock(), createElementBlock("p", _hoisted_17, "没有更多了")) : createCommentVNode("", true)
+          ])
+        ])
+      ]))
+    ])
+  ])), [
+    [_directive_infinite_scroll, $options.getData]
+  ]);
+}
+const ComponentList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-de5b3775"]]);
+export {
+  ComponentList as default
+};

package/dist/src/components/ConfigParamFormItem.js

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