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

package/dist/src/visual/config/variable-sources.js

@@ -0,0 +1,27 @@
+import '../../../style.css';
+import { getCached } from "./remote-cache.js";
+function loadSystemVariables(http) {
+  return getCached("sysvar", () => http.list({ entityId: "FM_WEB_SYSTEM_VARIABLE" }).then((res) => res.entitys.map((item) => ({ name: item.NAME, code: item.CODE }))));
+}
+function loadFunctionTree(http) {
+  return getCached("functree", () => http.$request({
+    action: "getTree",
+    entityId: "FM_WEB_FUNCTION",
+    "scope.WHETHER_ENABLE": "1",
+    groupField: "TYPE",
+    showEntity: "1"
+  }).then((data) => data.map((item) => {
+    item.children = item.children.map((child) => {
+      child.name = child.title;
+      child.code = child.entity.data.METHOD;
+      child.type = "function";
+      return child;
+    });
+    item.name = item.title;
+    return item;
+  })));
+}
+export {
+  loadFunctionTree,
+  loadSystemVariables
+};

package/dist/src/visual/config/wait-ref.js

@@ -0,0 +1,19 @@
+import '../../../style.css';
+function waitRef(vm, name, method, tries = 120) {
+  return new Promise((resolve) => {
+    const tick = () => {
+      const ref = vm.$refs[name];
+      if (ref && (!method || typeof ref[method] === "function")) {
+        resolve(ref);
+      } else if (tries-- > 0) {
+        requestAnimationFrame(tick);
+      } else {
+        resolve(null);
+      }
+    };
+    vm.$nextTick(tick);
+  });
+}
+export {
+  waitRef
+};

package/dist/src/visual/config-page/ComponentLibrary.js

@@ -0,0 +1,170 @@
+import '../../../style.css';
+import draggable from "@epxing/core/src/components/draggable";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, createBlock, withCtx, createCommentVNode } from "vue";
+/* empty css                     */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-component-library",
+  components: {
+    draggable
+  },
+  props: {
+    allComponentList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    componentList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      unfold: {},
+      componentTypeList: []
+    };
+  },
+  computed: {
+    componentImage() {
+      return (v) => {
+        const component = this.allComponentList.find((item) => item.ID === v.id) || {};
+        return component.PICTURE ? this.$util.getFileUrl(component.PICTURE) : "";
+      };
+    },
+    componentInfo() {
+      return (v) => {
+        const component = this.allComponentList.find((item) => item.ID === v.id) || {};
+        return component;
+      };
+    },
+    componentIds() {
+      return this.componentList.map((item) => item.id);
+    }
+  },
+  methods: {
+    getComponentList() {
+      this.$http.$post({
+        action: "getPageComponentTree",
+        entityId: "FM_PAGE",
+        scopeParams: JSON.stringify([
+          { field: "TYPE", values: "01" },
+          { field: "LEVEL", values: "01" },
+          { field: "STATUS", mode: "not_equal", values: "abandon" },
+          { field: "IS_JOIN_LIBRARY", mode: "not_equal", values: "0" }
+        ])
+      }).then((data) => {
+        this.componentTypeList = data;
+        this.unfold[data[0].componentType] = true;
+      });
+    },
+    cloneComponent(component) {
+      let id = component.code.replace(/-/g, "_");
+      let index = 1;
+      while (this.componentIds.includes(id)) {
+        id = id + index++;
+      }
+      const item = {
+        id,
+        title: component.title,
+        contentType: component.code
+      };
+      if (component.code === "layout-component") {
+        item.items = [
+          {
+            id: "column",
+            title: this.$t("layout"),
+            contentType: "column"
+          }
+        ];
+      }
+      return item;
+    }
+  },
+  created() {
+    this.getComponentList();
+  }
+};
+const _hoisted_1 = { class: "library-container" };
+const _hoisted_2 = { class: "library__header" };
+const _hoisted_3 = { class: "component-group" };
+const _hoisted_4 = { class: "component-group__header" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "component-item__preview" };
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "component-item__title" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_draggable = resolveComponent("draggable");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("span", null, toDisplayString(_ctx.$t("component gallery")), 1),
+      createElementVNode("i", {
+        class: "el-icon-close",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+      })
+    ]),
+    createElementVNode("div", _hoisted_3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($data.componentTypeList, (item) => {
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass({ "component-group__item": true, "component-group__item--unfold": $data.unfold[item.componentType] }),
+          key: item.componentType
+        }, [
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("i", {
+              class: "el-icon-caret-right",
+              onClick: ($event) => $data.unfold[item.componentType] = !$data.unfold[item.componentType]
+            }, null, 8, _hoisted_5),
+            createElementVNode("span", null, toDisplayString(item.title), 1)
+          ]),
+          item && item.children ? (openBlock(), createBlock(_component_draggable, {
+            key: 0,
+            class: "component-list",
+            tag: "ul",
+            list: item.children,
+            group: { name: "library", pull: "clone", put: false },
+            clone: $options.cloneComponent
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (component) => {
+                return openBlock(), createElementBlock("li", {
+                  class: "component-item",
+                  key: component.id
+                }, [
+                  createElementVNode("div", _hoisted_6, [
+                    $options.componentImage(component) ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      src: $options.componentImage(component),
+                      alt: ""
+                    }, null, 8, _hoisted_7)) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("p", _hoisted_8, [
+                    createElementVNode("span", null, toDisplayString(component.title), 1),
+                    $options.componentInfo(component).STATUS === "deprecated" ? (openBlock(), createBlock(_component_el_tooltip, {
+                      key: 0,
+                      placement: "top",
+                      content: $options.componentInfo(component).REMARK
+                    }, {
+                      default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                        createElementVNode("i", { class: "component__warning-icon el-icon-warning-outline" }, null, -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["content"])) : createCommentVNode("", true)
+                  ])
+                ]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1032, ["list", "clone"])) : createCommentVNode("", true)
+        ], 2);
+      }), 128))
+    ])
+  ]);
+}
+const ComponentLibrary = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-462ee47c"]]);
+export {
+  ComponentLibrary as default
+};

package/dist/src/visual/config-page/ComponentLibraryDialog.js

@@ -0,0 +1,250 @@
+import '../../../style.css';
+import { mapGetters } from "vuex";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, normalizeClass, Fragment, renderList, toDisplayString, createBlock, createCommentVNode } from "vue";
+/* empty css                           */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-component-library-dialog",
+  props: {
+    initialTerminal: { type: String, default: "pc" }
+  },
+  data() {
+    return {
+      search: {
+        searchKey: "",
+        terminal: this.initialTerminal,
+        level: "01",
+        componentType: "common"
+      },
+      componentList: null
+    };
+  },
+  computed: {
+    ...mapGetters([
+      "getCodeById"
+    ]),
+    componentTypeList() {
+      const code = this.getCodeById("COMPONENT_TYPE") || [];
+      return [...code, { code: "template", name: "模板组件" }];
+    }
+  },
+  watch: {
+    search: {
+      handler() {
+        this.getComponentList();
+      },
+      deep: true
+    },
+    "search.searchKey"(v) {
+      if (v) {
+        this.search.componentType = "all";
+      }
+    }
+  },
+  methods: {
+    getComponentTypeList() {
+      const code = this.getCodeById("COMPONENT_TYPE");
+      if (!code || code.length === 0) {
+        this.$store.dispatch({
+          type: "ADD_LIST",
+          key: "COMPONENT_TYPE"
+        });
+      }
+    },
+    getComponentList() {
+      const { searchKey, terminal, level, componentType } = this.search;
+      if (componentType === "template") {
+        return this.getTemplateList();
+      }
+      const params = {
+        action: "list",
+        entityId: "FM_PAGE",
+        keywordFields: "ID,TITLE,NAME",
+        keywordValue: searchKey,
+        "scope.TERMINAL#in": terminal,
+        "scope.LEVEL#in": level,
+        "scope.TYPE": "01",
+        "scope.IS_JOIN_LIBRARY#not_in": "0",
+        "scope.STATUS#not_in": "abandon",
+        order_field: "ORDER_NUM",
+        order_mode: "asc"
+      };
+      if (componentType === "common") {
+        params["scope.IS_FRE_USE"] = "1";
+      } else if (componentType !== "all") {
+        params["scope.COMPONENT_TYPE"] = componentType;
+      }
+      if (level === "03") {
+        params["scope.SYSTEM"] = this.SYSTEM;
+      }
+      this.$http.$post(params).then((data) => {
+        this.componentList = data.entitys;
+      });
+    },
+    getTemplateList() {
+      const { searchKey, level } = this.search;
+      let scopeParams = [];
+      if (level === "01") {
+        scopeParams = [{ field: "TYPE", values: "01" }, { field: "LEVEL", values: "01" }];
+      } else {
+        scopeParams = [{ field: "TYPE", values: "01" }, { field: "LEVEL", values: "03" }, { field: "SYSTEM", mode: "equal", values: this.SYSTEM }];
+      }
+      this.loading = true;
+      this.$http.$post({
+        action: "list",
+        entityId: "FM_TEMPLATE",
+        keywordFields: "NAME",
+        keywordValue: searchKey,
+        scopeParams: JSON.stringify(scopeParams)
+      }).then((data) => {
+        this.componentList = data.entitys;
+        this.loading = false;
+      }).catch((err) => {
+        this.$message.error(err.message);
+        this.loading = false;
+      });
+    }
+  },
+  created() {
+    this.getComponentTypeList();
+    this.getComponentList();
+  }
+};
+const _hoisted_1 = { class: "component" };
+const _hoisted_2 = { class: "search-container" };
+const _hoisted_3 = { class: "search-filter" };
+const _hoisted_4 = { class: "search-filter-options" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "component-container" };
+const _hoisted_7 = {
+  key: 0,
+  class: "component-list"
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "component-item__preview" };
+const _hoisted_10 = ["src"];
+const _hoisted_11 = {
+  key: 1,
+  class: "no-image"
+};
+const _hoisted_12 = { class: "component-item__title" };
+const _hoisted_13 = {
+  key: 1,
+  class: "no-data"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createVNode(_component_el_input, {
+        class: "search-input",
+        modelValue: $data.search.searchKey,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.search.searchKey = $event),
+        size: "default",
+        placeholder: "请输入搜索内容"
+      }, null, 8, ["modelValue"]),
+      createVNode(_component_el_select, {
+        class: "search-select",
+        modelValue: $data.search.terminal,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.search.terminal = $event),
+        size: "default"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_option, {
+            label: "PC端",
+            value: "pc"
+          }),
+          createVNode(_component_el_option, {
+            label: "移动端",
+            value: "move"
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      createVNode(_component_el_select, {
+        class: "search-select",
+        modelValue: $data.search.level,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.search.level = $event),
+        size: "default"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_option, {
+            label: "通用",
+            value: "01"
+          }),
+          createVNode(_component_el_option, {
+            label: "系统",
+            value: "03"
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]),
+    createElementVNode("div", _hoisted_3, [
+      _cache[5] || (_cache[5] = createElementVNode("p", { class: "search-filter__label" }, "类型：", -1)),
+      createElementVNode("p", _hoisted_4, [
+        createElementVNode("span", {
+          class: normalizeClass({ active: $data.search.componentType === "all" }),
+          onClick: _cache[3] || (_cache[3] = ($event) => $data.search.componentType = "all")
+        }, "全部", 2),
+        createElementVNode("span", {
+          class: normalizeClass({ active: $data.search.componentType === "common" }),
+          onClick: _cache[4] || (_cache[4] = ($event) => $data.search.componentType = "common")
+        }, "常用", 2),
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.componentTypeList, (option) => {
+          return openBlock(), createElementBlock("span", {
+            key: option.code,
+            class: normalizeClass({ active: $data.search.componentType === option.code }),
+            onClick: ($event) => $data.search.componentType = option.code
+          }, toDisplayString(option.name), 11, _hoisted_5);
+        }), 128))
+      ])
+    ]),
+    createElementVNode("div", _hoisted_6, [
+      $data.componentList ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        $data.componentList.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_7, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.componentList, (component) => {
+            return openBlock(), createElementBlock("li", {
+              class: "component-item",
+              key: component.ID,
+              onClick: ($event) => _ctx.$emit("click", component, $data.search.componentType)
+            }, [
+              createElementVNode("div", _hoisted_9, [
+                component.PICTURE ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: _ctx.$util.getFileUrl(component.PICTURE),
+                  alt: ""
+                }, null, 8, _hoisted_10)) : (openBlock(), createElementBlock("div", _hoisted_11, [..._cache[6] || (_cache[6] = [
+                  createElementVNode("i", { class: "el-icon-picture-outline" }, null, -1)
+                ])]))
+              ]),
+              createElementVNode("p", _hoisted_12, [
+                createElementVNode("span", null, toDisplayString(component.TITLE || component.NAME), 1),
+                component.STATUS === "deprecated" ? (openBlock(), createBlock(_component_el_tooltip, {
+                  key: 0,
+                  placement: "top",
+                  content: component.REMARK
+                }, {
+                  default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                    createElementVNode("i", { class: "component__warning-icon el-icon-warning-outline" }, null, -1)
+                  ])]),
+                  _: 1
+                }, 8, ["content"])) : createCommentVNode("", true)
+              ])
+            ], 8, _hoisted_8);
+          }), 128))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_13, [..._cache[8] || (_cache[8] = [
+          createElementVNode("i", { class: "epx-icon-color-kong" }, null, -1),
+          createElementVNode("p", null, "暂无数据", -1)
+        ])]))
+      ], 64)) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const ComponentLibraryDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-de84464b"]]);
+export {
+  ComponentLibraryDialog as default
+};

package/dist/src/visual/config-page/ComponentList.js

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