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

package/dist/src/visual/FormField.vue.js

@@ -0,0 +1,121 @@
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-form-field",
+  extends: _sfc_main$1,
+  data() {
+    return {
+      optionScopeType: "all"
+    };
+  },
+  computed: {
+    defavalueType: {
+      get() {
+        return this.allConfigs.defavalueType || "string";
+      },
+      set(v) {
+        this.changeConfigItem("defavalueType", v === "string" ? null : v);
+      }
+    },
+    defaultValue: {
+      get() {
+        return this.allConfigs.defaultValue;
+      },
+      set(v) {
+        this.changeConfigItem("defaultValue", v);
+      }
+    }
+  },
+  watch: {
+    optionScopeType(v) {
+      if (v === "all") this.changeConfigItem("showOptionCodes", null);
+    }
+  },
+  methods: {
+    afterInitConfig() {
+      this.optionScopeType = this.allConfigs.showOptionCodes ? "custom" : "all";
+    },
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        span: 24,
+        xsspan: 24
+      };
+    },
+    renderDefaultValue() {
+      const {
+        contentType
+      } = this.designer.selectedWidget || {};
+      const execResult = /^form-(.+)-field$/.exec(contentType);
+      const dataType = execResult[1] === "input-number" ? "num" : execResult[1] === "checkbox" ? "multibox" : execResult[1] === "select" ? "list" : execResult[1];
+      return createVNode("div", null, [createVNode(resolveComponent("el-radio-group"), {
+        "modelValue": this.defavalueType,
+        "onUpdate:modelValue": ($event) => this.defavalueType = $event
+      }, {
+        default: () => [createVNode(resolveComponent("el-radio"), {
+          "label": "string",
+          "value": "string"
+        }, {
+          default: () => [createTextVNode("固定值")]
+        }), createVNode(resolveComponent("el-radio"), {
+          "label": "custom",
+          "value": "custom"
+        }, {
+          default: () => [createTextVNode("自定义")]
+        })]
+      }), createVNode("div", null, [this.defavalueType === "string" ? createVNode(resolveComponent("epx-table-form-item"), {
+        "modelValue": this.defaultValue,
+        "onUpdate:modelValue": ($event) => this.defaultValue = $event,
+        "fieldConfigs": {
+          attriName: contentType,
+          attriLabel: this.allConfigs.label,
+          dataType,
+          codeKey: this.allConfigs.codeKey,
+          showOptionCodes: this.allConfigs.showOptionCodes,
+          relatedEntity: this.allConfigs.relatedEntity,
+          state: "EDIT",
+          datePrecision: this.allConfigs.datePrecision,
+          isMultiple: this.allConfigs.isMultiple
+        }
+      }, null) : createVNode(resolveComponent("epx-visual-config-input"), {
+        "designer": this.designer,
+        "label": "默认值",
+        "value": this.defaultValue,
+        "inputVariable": true,
+        "onChangeConfigs": (v) => {
+          this.defaultValue = v;
+        }
+      }, null)])]);
+    },
+    renderShowOptionCodes() {
+      return createVNode("div", {
+        "class": "setting-field__item"
+      }, [createVNode(resolveComponent("el-radio-group"), {
+        "modelValue": this.optionScopeType,
+        "onUpdate:modelValue": ($event) => this.optionScopeType = $event
+      }, {
+        default: () => [createVNode(resolveComponent("el-radio"), {
+          "label": "all",
+          "value": "all"
+        }, {
+          default: () => [createTextVNode("全部")]
+        }), createVNode(resolveComponent("el-radio"), {
+          "label": "custom",
+          "value": "custom"
+        }, {
+          default: () => [createTextVNode("自定义")]
+        })]
+      }), this.optionScopeType === "custom" ? createVNode(resolveComponent("epx-visual-config-list"), {
+        "code": this.allConfigs.codeKey,
+        "multiple": true,
+        "value": this.allConfigs.showOptionCodes,
+        "dataKey": "id",
+        "onChangeConfigs": (v) => this.changeConfigItem("showOptionCodes", v)
+      }, null) : null]);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/HeaderNew.js

@@ -0,0 +1,161 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+/* empty css              */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-header-new",
+  extends: _sfc_main$1,
+  methods: {
+    getOperateOptions() {
+      this.getHandlerList();
+      this.getCommonOperates();
+      this.operateConfigs = [
+        {
+          key: "base",
+          title: "基本",
+          options: ["text", "ui", "type", "icon", "preview"]
+        },
+        {
+          key: "event",
+          title: "事件",
+          options: ["beforeTrigger", "handler", "metaId", "action", "rule", "openMode", "page", "pageType", "printWay", "printCode", "cptName", "destActivityId", "function", "params"]
+        },
+        {
+          key: "advance",
+          title: "高级",
+          options: ["showCondition", "num", "confirm", "confirmMsg", "successMsg", "failMsg", "mask"]
+        }
+      ];
+      this.operateOptions = [
+        { key: "text", label: "按钮名称" },
+        {
+          key: "ui",
+          label: "按钮样式",
+          type: "select",
+          options: [
+            { label: "主要按钮", value: "primary" },
+            { label: "成功按钮", value: "success" },
+            { label: "信息按钮", value: "info" },
+            { label: "警告按钮", value: "warning" },
+            { label: "危险按钮", value: "danger" },
+            { label: "文本按钮", value: "text" },
+            { label: "默认按钮", value: "default" }
+          ],
+          defaultValue: "default"
+        },
+        {
+          key: "type",
+          label: "按钮类型",
+          type: "radio",
+          options: [
+            {
+              label: "默认",
+              value: "default"
+            },
+            {
+              label: "空心按钮",
+              value: "plain"
+            },
+            {
+              label: "圆角按钮",
+              value: "round"
+            },
+            {
+              label: "圆形按钮",
+              value: "circle"
+            }
+          ],
+          defaultValue: "default"
+        },
+        { key: "icon", label: "按钮图标", type: "object", object: "FM_FONT_ICON" },
+        { key: "metaId", label: "请求对象", type: "entity" },
+        { key: "action", label: "请求操作", type: "select", options: this.actionList },
+        { key: "num", label: "选中记录", type: "radio", options: [{ label: "不需要", value: "0" }, { label: "选择1个", value: "1" }, { label: "选择多个", value: "n" }], defaultValue: "0" },
+        { key: "actionOption", label: "显示条件" },
+        {
+          key: "handler",
+          label: "处理事件",
+          type: "select",
+          options: this.handlerList
+        },
+        {
+          key: "rule",
+          label: "业务规则",
+          type: "select",
+          options: this.ruleList,
+          showFlag: { handler: "commonRuleAction" }
+        },
+        {
+          key: "page",
+          label: "打开页面",
+          type: "page",
+          showFlag: { handler: "goPage" }
+        },
+        {
+          key: "openMode",
+          label: "页面打开方式",
+          type: "radio",
+          options: [{ label: "直接打开", value: "3" }, { label: "标签页", value: "1" }, { label: "弹窗", value: "2" }],
+          defaultValue: "3",
+          showFlag: { handler: "goPage" }
+        },
+        {
+          key: "pageType",
+          label: "页面状态",
+          type: "radio",
+          options: [{ label: "新增", value: "ADD" }, { label: "编辑", value: "EDIT" }, { label: "详情", value: "DETAIL" }],
+          defaultValue: "ADD",
+          showFlag: { handler: "goPage" }
+        },
+        {
+          key: "printWay",
+          label: "打印方式",
+          type: "radio",
+          options: [{ label: "自定义报表打印", value: "custom" }, { label: "帆软报表打印", value: "fine" }],
+          defaultValue: "custom",
+          showFlag: { handler: "print" }
+        },
+        {
+          key: "printCode",
+          label: "打印模板",
+          type: "object",
+          object: "FM_FORM",
+          dataKey: "CODE",
+          showFlag: { handler: "print", printWay: "custom" }
+        },
+        {
+          key: "cptName",
+          label: "打印模板",
+          type: "object",
+          object: "FM_REPORT_TEMPLATE",
+          dataKey: "CODE",
+          showFlag: { handler: "print", printWay: "fine" }
+        },
+        {
+          key: "destActivityId",
+          label: "审核流程",
+          type: "process",
+          processType: "check",
+          showFlag: { handler: "checkEntity" }
+        },
+        {
+          key: "function",
+          label: "事件名称",
+          type: "function",
+          showFlag: { handler: "customJS" }
+        },
+        { key: "confirmMsg", label: "操作确认信息" },
+        { key: "successMsg", label: "操作成功提示" },
+        { key: "failMsg", label: "操作失败提示" },
+        { key: "actionOptionMsg", label: "禁止操作提示" },
+        { key: "mask", label: "操作遮罩", type: "radio", options: [{ label: "显示", value: true }, { label: "不显示", value: false }], defaultValue: false },
+        { key: "params", label: "参数传递", type: "params" }
+      ];
+    }
+  }
+};
+const HeaderNew = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-070ec3f8"]]);
+export {
+  HeaderNew as default
+};

package/dist/src/visual/Html.js

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

package/dist/src/visual/Html.vue.js

@@ -0,0 +1,109 @@
+import "codemirror/addon/hint/show-hint.js";
+import "codemirror/lib/codemirror.css";
+import "codemirror/addon/hint/show-hint.css";
+import "codemirror/addon/edit/matchbrackets.js";
+import "codemirror/addon/edit/closebrackets.js";
+import "codemirror/mode/htmlmixed/htmlmixed.js";
+import "codemirror/addon/hint/html-hint.js";
+import "codemirror/addon/fold/foldgutter.js";
+import "codemirror/addon/fold/foldgutter.css";
+import "codemirror/addon/fold/foldcode.js";
+import "codemirror/addon/fold/xml-fold.js";
+import "codemirror/addon/fold/indent-fold.js";
+/* empty css                                */
+import CodeMirror from "codemirror";
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+import { captureRef } from "@epxing/core/src/capture-ref";
+const __compatRequireEnsure = (_deps, cb) => Promise.resolve().then(() => cb && cb());
+const _sfc_main = {
+  name: "epx-visual-html",
+  extends: _sfc_main$1,
+  data() {
+    return {
+      content: ""
+    };
+  },
+  methods: {
+    showPopover() {
+      if (!this.editor) {
+        this.editorInit();
+      }
+    },
+    editorInit() {
+      __compatRequireEnsure([], () => {
+        const CodeMirror$1 = CodeMirror;
+        globalThis.codemirror = CodeMirror$1;
+        this.editor = CodeMirror$1.fromTextArea(this.$refs.textarea, {
+          theme: "idea",
+          mode: "text/html",
+          matchBrackets: true,
+          autofocus: true,
+          showCursorWhenSelecting: true,
+          autoCloseBrackets: true,
+          extraKeys: {
+            Ctrl: "autocomplete"
+          },
+          lineWrapping: true,
+          foldGutter: true,
+          gutters: ["CodeMirror-foldgutter"],
+          inputStyle: "contenteditable",
+          hintOptions: {
+            completeSingle: false,
+            closeOnUnfocus: false
+          }
+        });
+        this.editor.on("change", (editor, change) => {
+          if (change.origin === "+input") {
+            const text = change.text[0];
+            if (/\w+/.test(text)) {
+              setTimeout(function() {
+                editor.execCommand("autocomplete");
+              }, 200);
+            }
+          }
+        });
+        this.editor.on("blur", (editor) => {
+          this.content = editor.getValue();
+          this.config.content = this.content;
+        });
+        if (this.value) {
+          this.editor.setValue(this.value);
+          this.editor.focus();
+        }
+      });
+    },
+    renderEditor() {
+      return createVNode("div", null, [createVNode(resolveComponent("el-popover"), {
+        "ref": "editorPopover",
+        "placement": "bottom",
+        "width": "600",
+        "trigger": "click",
+        "onShow": this.showPopover
+      }, {
+        default: () => [createVNode("div", {
+          "class": "code-editor"
+        }, [createVNode("textarea", {
+          "class": "editor",
+          "ref": captureRef(this, "textarea"),
+          "name": "",
+          "id": "",
+          "cols": "30",
+          "rows": "3",
+          "value": this.config.content
+        }, null)])],
+        reference: () => createVNode(resolveComponent("el-button"), {
+          "type": "primary",
+          "block": true,
+          "size": "small"
+        }, {
+          default: () => [createTextVNode("编辑")]
+        })
+      })]);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/Import.js

@@ -0,0 +1,53 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-import",
+  extends: _sfc_main$1,
+  watch: {
+    async currentMetaViewId(v) {
+      if (!v) return;
+      await this.getAllFields();
+      if (!this.canFilterFieldsByView(v)) return;
+      const { fields } = this.config;
+      if (fields) {
+        const filtered = fields.filter((item) => this.getField(item.attriName || item));
+        if (filtered.length !== fields.length) this.changeConfigItem("fields", filtered);
+      }
+    }
+  },
+  computed: {
+    metaView() {
+      if (this.currentMeta && this.currentMeta.metaView) {
+        return this.currentMeta.metaView[this.currentMetaViewId];
+      }
+      return null;
+    }
+  },
+  methods: {
+    getFieldOptions() {
+      this.fieldOptions = [
+        { key: "attriName", label: "字段", readonly: true },
+        {
+          key: "configWay",
+          label: "配置方式",
+          type: "radio",
+          options: [{ label: "默认配置", value: "default" }, { label: "自定义", value: "custom" }],
+          defaultValue: "default"
+        },
+        { key: "attriLabel", label: "名称", type: "text" },
+        { key: "value", label: "默认值", type: "value" },
+        {
+          key: "state",
+          label: "字段状态",
+          type: "radio",
+          options: [{ label: "显示", value: "" }, { label: "隐藏", value: "HIDDEN" }],
+          defaultValue: ""
+        }
+      ];
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/InterfaceSubList.js

@@ -0,0 +1,21 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-interface-sub-list",
+  extends: _sfc_main$1,
+  methods: {
+    initConfigOptions() {
+      this.configOptions = [
+        { key: "addRulePage", label: "新增业务规则页面", type: "object", object: "FM_PAGE_CONFIG" },
+        { key: "editRulePage", label: "编辑业务规则页面", type: "object", object: "FM_PAGE_CONFIG" },
+        { key: "span", label: "宽度", type: "select", options: this.spanOptions },
+        { key: "xsspan", label: "移动端宽度", type: "select", options: this.spanOptions },
+        { key: "flex", label: "占据页面剩余空间", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] }
+      ];
+    }
+  }
+};
+export {
+  _sfc_main as default
+};