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

package/dist/src/visual/config/Checkbox.js

@@ -0,0 +1,63 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createBlock } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-checkbox",
+  props: {
+    value: [String, Number, Array],
+    defaultValue: [String, Number, Array],
+    code: String,
+    label: String,
+    dataKey: String,
+    optionList: Array,
+    multiple: Boolean
+  },
+  computed: {
+    options() {
+      if (this.optionList) {
+        return this.optionList.map((item) => ({ code: item.value, name: item.label }));
+      }
+      return null;
+    },
+    _value() {
+      const value = this.value || this.defaultValue;
+      if (Array.isArray(value)) {
+        return value.join(",");
+      }
+      return value;
+    }
+  },
+  methods: {
+    getLabel(id) {
+      return this.$http.$request({
+        action: "getLabel",
+        entityId: this.object,
+        id
+      });
+    },
+    changeValue(v) {
+      let value = v;
+      if (typeof v === "string") {
+        value = v.split(",");
+      }
+      this.$emit("change-configs", value === this.defaultValue ? null : value);
+    }
+  },
+  watch: {
+    // objectValue (v) {
+    //   if (v && v.id) this.changeValue(v.id)
+    // }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_checkbox = resolveComponent("epx-checkbox");
+  return openBlock(), createBlock(_component_epx_checkbox, {
+    modelValue: $options._value,
+    "onUpdate:modelValue": $options.changeValue,
+    fieldConfigs: { attriLabel: $props.label, codeKey: $props.code, state: "EDIT", options: $options.options }
+  }, null, 8, ["modelValue", "onUpdate:modelValue", "fieldConfigs"]);
+}
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Checkbox as default
+};

package/dist/src/visual/config/Color.js

@@ -0,0 +1,41 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, createVNode } from "vue";
+/* empty css          */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-color",
+  props: {
+    value: String,
+    defaultValue: String,
+    change: Function
+  },
+  data() {
+    return {
+      predefineColors: ["#1F82EF", "#CE4545", "#F2970E", "#3D8A50", "#7569E2"]
+    };
+  },
+  methods: {
+    changeValue(v) {
+      if (v !== this.defaultValue) {
+        this.$emit("change-configs", v === this.defaultValue ? null : v);
+        if (this.change) this.change(v);
+      }
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_color_picker = resolveComponent("el-color-picker");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_el_color_picker, {
+      "model-value": $props.value,
+      predefine: $data.predefineColors,
+      "color-format": "rgb",
+      "show-alpha": "",
+      onChange: $options.changeValue
+    }, null, 8, ["model-value", "predefine", "onChange"])
+  ]);
+}
+const Color = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fe4ba172"]]);
+export {
+  Color as default
+};

package/dist/src/visual/config/DesignReport.js

@@ -0,0 +1,24 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode } from "vue";
+/* empty css                 */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-design-report",
+  props: {
+    value: String
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_report_design_report = resolveComponent("epx-report-design-report");
+  return openBlock(), createElementBlock("div", null, [
+    $props.value ? (openBlock(), createBlock(_component_epx_report_design_report, {
+      key: 0,
+      class: "design-report",
+      id: $props.value
+    }, null, 8, ["id"])) : createCommentVNode("", true)
+  ]);
+}
+const DesignReport = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-880e37f8"]]);
+export {
+  DesignReport as default
+};

package/dist/src/visual/config/Event.js

@@ -0,0 +1,304 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createElementVNode, Fragment, renderList, createBlock, toDisplayString, createCommentVNode } from "vue";
+/* empty css          */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-event",
+  props: {
+    value: Object,
+    defaultValue: String,
+    functionList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageGlobalConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    changeItemConfigs: {
+      type: Function,
+      default() {
+        return () => null;
+      }
+    },
+    change: Function,
+    eventList: {
+      type: Object,
+      default() {
+        return {
+          onMounted: "组件加载时",
+          onDestory: "组件销毁时"
+        };
+      }
+    }
+  },
+  data() {
+    return {
+      eventDialog: false,
+      event: {
+        function: "new",
+        functionName: ""
+      },
+      showJsDrawer: false
+    };
+  },
+  computed: {
+    events: {
+      get() {
+        return this.value || {};
+      },
+      set(v) {
+        this.$emit("change-configs", v);
+      }
+    }
+  },
+  methods: {
+    createEvent(command) {
+      this.eventDialog = command;
+      let name = command;
+      let index = 1;
+      while (this.functionList.includes(name)) {
+        name = command + index++;
+      }
+      this.event = {
+        function: "new",
+        functionName: name
+      };
+    },
+    settingEvent(key, index) {
+      this.eventDialog = key;
+      const eventName = this.events[key][index];
+      this.event = {
+        function: eventName,
+        index
+      };
+    },
+    deleteEvent(key, index) {
+      const events = { ...this.events };
+      events[key].splice(index, 1);
+      this.events = events;
+    },
+    createFunction() {
+      const events = { ...this.events };
+      const event = { ...this.event };
+      const { JS = "" } = this.pageGlobalConfigs;
+      const typeEvents = this.events[this.eventDialog] || [];
+      if (!event.function || event.function === "new") {
+        if (!event.functionName) {
+          this.$message.error("请输入事件名");
+          return;
+        }
+        if (this.functionList.includes(event.functionName)) {
+          this.$message.error("该事件名称已存在");
+          return;
+        }
+        const js = JS + `
+  /**
+   * Component ${event.functionName}
+   */
+  export function ${event.functionName} () {
+
+  }
+      `;
+        this.changeItemConfigs("page", { JS: js });
+      }
+      const eventName = !event.function || event.function === "new" ? event.functionName : event.function;
+      if (event.index !== void 0) {
+        typeEvents[event.index] = eventName;
+      } else {
+        typeEvents.push(eventName);
+      }
+      events[this.eventDialog] = typeEvents;
+      this.events = events;
+      this.eventDialog = false;
+      this.showJsDrawer = true;
+    }
+  }
+};
+const _hoisted_1 = { class: "event-list" };
+const _hoisted_2 = { class: "event-title" };
+const _hoisted_3 = { class: "event-type__list" };
+const _hoisted_4 = { class: "event-name" };
+const _hoisted_5 = { class: "event-operate" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "event-form__item" };
+const _hoisted_8 = {
+  key: 0,
+  class: "event-form__item"
+};
+const _hoisted_9 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  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 _component_el_popconfirm = resolveComponent("el-popconfirm");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_epx_visual_config_lazy_dialog = resolveComponent("epx-visual-config-lazy-dialog");
+  const _component_epx_js_panel = resolveComponent("epx-js-panel");
+  const _component_el_drawer = resolveComponent("el-drawer");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_el_dropdown, {
+      persistent: false,
+      onCommand: $options.createEvent
+    }, {
+      dropdown: withCtx(() => [
+        createVNode(_component_el_dropdown_menu, null, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.eventList, (text, key) => {
+              return openBlock(), createBlock(_component_el_dropdown_item, {
+                key,
+                command: key
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(key) + " " + toDisplayString(text), 1)
+                ]),
+                _: 2
+              }, 1032, ["command"]);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      default: withCtx(() => [
+        createVNode(_component_el_button, {
+          size: "default",
+          type: "primary"
+        }, {
+          default: withCtx(() => [..._cache[7] || (_cache[7] = [
+            createTextVNode(" 新建事件", -1),
+            createElementVNode("i", { class: "el-icon-arrow-down el-icon--right" }, null, -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["onCommand"]),
+    createElementVNode("ul", _hoisted_1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($options.events, (item, key) => {
+        return openBlock(), createElementBlock("li", {
+          class: "event-item",
+          key
+        }, [
+          createElementVNode("p", _hoisted_2, toDisplayString(`${key} ${$props.eventList[key]}`), 1),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item, (event, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: "event",
+                key: index
+              }, [
+                createElementVNode("p", _hoisted_4, toDisplayString(event), 1),
+                createElementVNode("p", _hoisted_5, [
+                  createElementVNode("i", {
+                    class: "el-icon-view",
+                    onClick: _cache[0] || (_cache[0] = ($event) => $data.showJsDrawer = true)
+                  }),
+                  createElementVNode("i", {
+                    class: "el-icon-setting",
+                    onClick: ($event) => $options.settingEvent(key, index)
+                  }, null, 8, _hoisted_6),
+                  createVNode(_component_el_popconfirm, {
+                    title: "确认删除吗？",
+                    onConfirm: ($event) => $options.deleteEvent(key, index)
+                  }, {
+                    reference: withCtx(() => [..._cache[8] || (_cache[8] = [
+                      createElementVNode("i", { class: "el-icon-delete" }, null, -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onConfirm"])
+                ])
+              ]);
+            }), 128))
+          ])
+        ]);
+      }), 128))
+    ]),
+    createVNode(_component_epx_visual_config_lazy_dialog, {
+      title: "添加事件",
+      modelValue: $data.eventDialog,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.eventDialog = $event),
+      width: "50%"
+    }, {
+      footer: withCtx(() => [
+        createElementVNode("span", _hoisted_9, [
+          createVNode(_component_el_button, {
+            onClick: _cache[3] || (_cache[3] = ($event) => $data.eventDialog = false)
+          }, {
+            default: withCtx(() => [..._cache[11] || (_cache[11] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.createFunction
+          }, {
+            default: withCtx(() => [..._cache[12] || (_cache[12] = [
+              createTextVNode("确 定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_7, [
+          _cache[9] || (_cache[9] = createElementVNode("span", null, "请选择事件：", -1)),
+          createVNode(_component_el_select, {
+            modelValue: $data.event.function,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.event.function = $event)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_option, {
+                value: "new",
+                label: "添加新事件"
+              }),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.functionList, (item) => {
+                return openBlock(), createBlock(_component_el_option, {
+                  key: item,
+                  value: item,
+                  label: item
+                }, null, 8, ["value", "label"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        $data.event.function === "new" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          _cache[10] || (_cache[10] = createElementVNode("span", null, "请输入事件名称：", -1)),
+          createVNode(_component_el_input, {
+            size: "default",
+            modelValue: $data.event.functionName,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.event.functionName = $event)
+          }, null, 8, ["modelValue"])
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_el_drawer, {
+      size: "50%",
+      "append-to-body": "",
+      modelValue: $data.showJsDrawer,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.showJsDrawer = $event),
+      direction: "rtl",
+      withHeader: false
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_epx_js_panel, {
+          value: $props.pageGlobalConfigs.JS,
+          onChange: _cache[5] || (_cache[5] = (v) => $props.changeItemConfigs("page", { JS: v }))
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const Event = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4b4c31b5"]]);
+export {
+  Event as default
+};