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

package/dist/src/visual/step/Index.vue.js

@@ -0,0 +1,485 @@
+import { createVNode, resolveComponent, createTextVNode, isVNode } from "vue";
+import draggable from "@epxing/core/src/components/draggable";
+import _sfc_main$1 from "../Component.vue.js";
+/* empty css                */
+import OperateItem from "../config/OperateItem.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-visual-step",
+  extends: _sfc_main$1,
+  components: {
+    OperateItem,
+    draggable
+  },
+  data() {
+    return {
+      stepName: {},
+      editStep: {},
+      editStepDialog: false
+    };
+  },
+  computed: {
+    steps: {
+      get() {
+        const {
+          items = []
+        } = this.widget;
+        return items;
+      },
+      set(v) {
+        this.designer.updateWidget(this.id, {
+          items: v
+        });
+      }
+    },
+    selectedWidget() {
+      return this.designer.selectedWidget;
+    },
+    widgetConfig() {
+      const compId = this.selectedWidget.id;
+      const widgetConfig = this.designer.widgetConfig[compId] || {};
+      return widgetConfig;
+    },
+    variableSets: {
+      get() {
+        var _a;
+        return ((_a = this.designer.pageConfig) == null ? void 0 : _a.variableSets) || [];
+      }
+    },
+    variableTree() {
+      const {
+        iterator
+      } = this.widgetConfig;
+      const variableList = this.variableSets.map((item) => ({
+        ...item,
+        type: "variable",
+        text: item.name || item.code,
+        code: item.code
+      }));
+      if (iterator == null ? void 0 : iterator.data) {
+        variableList.push({
+          type: "variable",
+          text: this.selectedWidget.title + "_迭代变量",
+          code: iterator.name || "item"
+        });
+      }
+      return [{
+        code: "PAGE_VARIABLE",
+        text: "页面变量",
+        children: variableList
+      }];
+    }
+  },
+  methods: {
+    initDefaultConfigs() {
+      if (this.steps) {
+        this.steps.forEach((item) => {
+          this.stepName[item.id] = item.title;
+        });
+      }
+      this.defaultConfigs = {
+        flex: true,
+        componentName: this.componentInfo.title,
+        span: 24,
+        activeStep: "$[activeStep]"
+      };
+    },
+    getOperateOptions() {
+      this.getHandlerList();
+      this.getCommonOperates();
+      this.operateConfigs = [{
+        key: "base",
+        title: "基本",
+        options: ["text", "ui", "styles", "icon", "showName", "width", "preview"]
+      }, {
+        key: "event",
+        title: "事件",
+        options: ["handler", "metaId", "action", "rule", "openMode", "page", "pageType", "printWay", "printCode", "cptName", "printOperates", "aiPromptId", "destActivityId", "function", "processNode", "auditorOptional", "openOpinion", "showCheckFields", "checkRequireFields", "saveSignFlag", "checkOpinionLabel", "checkOpinionValue", "reload", "params", "nextParams", "beforeTrigger", "afterTrigger", "backPageDelta", "afterTriggerPage", "afterTriggerPageOpenMode", "afterTriggerParams"]
+      }, {
+        key: "advance",
+        title: "高级",
+        options: ["terminal", "mobileFlex", "limitFlag", "limitCondition", "limitTip", "showConditionType", "showCondition", "showConditionEl", "confirm", "confirmMsg", "confirmButtonText", "cancelButtonText", "validateForm", "successMsg", "failMsg", "mask"]
+      }];
+      this.operateOptions = {
+        nextParams: {
+          key: "nextParams",
+          label: "下一步参数",
+          type: "params",
+          tip: "提交成功后带给后续步骤页面的参数。参数值可选「字段值」取本次提交返回的数据（#[字段名]）、「页面参数」取页面变量（$[变量名]），也可手填 $[res] / $[res.字段] 取整条返回数据，或直接写固定值",
+          showFlag: {
+            handler: ["submitForm", "commonRuleAction"]
+          }
+        },
+        mobileFlex: {
+          key: "mobileFlex",
+          label: "移动端均分",
+          type: "switch",
+          defaultValue: true
+        },
+        auditorOptional: {
+          key: "auditorOptional",
+          label: "允许自选",
+          type: "radio",
+          options: [{
+            label: "是",
+            value: true
+          }, {
+            label: "否",
+            value: false
+          }],
+          defaultValue: false,
+          showFlag: {
+            handler: ["checkEntity", "check", "applyEntity"]
+          }
+        },
+        opinionRequire: {
+          key: "opinionRequire",
+          label: "审核意见必填",
+          type: "radio",
+          options: [{
+            label: "是",
+            value: true
+          }, {
+            label: "否",
+            value: false
+          }],
+          defaultValue: false,
+          showFlag: {
+            handler: ["checkEntity", "check"]
+          }
+        },
+        validateForm: {
+          key: "validateForm",
+          label: "校验表单",
+          type: "radio",
+          options: [{
+            label: "根据页面状态校验（编辑/新增）",
+            value: ""
+          }, {
+            label: "是",
+            value: true
+          }, {
+            label: "否",
+            value: false
+          }],
+          defaultValue: ""
+        },
+        signRequire: {
+          key: "signRequire",
+          label: "审核签名必填",
+          type: "radio",
+          options: [{
+            label: "是",
+            value: true
+          }, {
+            label: "否",
+            value: false
+          }],
+          defaultValue: false,
+          showFlag: {
+            handler: ["checkEntity", "check"]
+          }
+        },
+        saveSignFlag: {
+          key: "saveSignFlag",
+          label: "显示保存签名",
+          type: "radio",
+          options: [{
+            label: "是",
+            value: true
+          }, {
+            label: "否",
+            value: false
+          }],
+          defaultValue: true,
+          showFlag: {
+            handler: ["checkEntity", "check"]
+          }
+        },
+        aiPromptId: {
+          key: "aiPromptId",
+          label: "提示词",
+          type: "object",
+          object: "FM_AI_PROMPT",
+          showFlag: {
+            handler: ["aiFilling"]
+          }
+        },
+        afterTrigger: {
+          key: "afterTrigger",
+          label: "事件触发后",
+          type: "select",
+          options: [{
+            label: "返回",
+            value: "backPage"
+          }, {
+            label: "返回并刷新",
+            value: "backRefeshPage"
+          }, {
+            label: "打开指定页面",
+            value: "goPage"
+          }, {
+            label: "刷新组件",
+            value: "$refesh"
+          }, {
+            label: "刷新页面",
+            value: "$refeshPage"
+          }, {
+            label: "重新加载页面",
+            value: "reloadPage"
+          }, {
+            label: "上一步",
+            value: "lastStep"
+          }, {
+            label: "下一步",
+            value: "nextStep"
+          }],
+          showFlag: {
+            handler: ["commonRuleAction", "commonAction", "downloadFile", "applyEntity", "checkEntity", "batchCheck", "check"]
+          }
+        }
+      };
+    },
+    initConfig() {
+      const config = {
+        ...this.compConfig
+      };
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      for (const key in this.config) {
+        const configOption = this.configOptions.find((item) => item.key === key) || {};
+        if (configOption.type === "field") {
+          this.selectFieldWay[key] = "custom";
+        }
+      }
+    },
+    addStepItem() {
+      const {
+        items = []
+      } = this.widget;
+      const id = "stepitem_" + this.$util.genId();
+      const name = "步骤项" + (items.length + 1);
+      const newStepItem = {
+        id,
+        title: name,
+        contentType: "step-item"
+      };
+      this.stepName[id] = name;
+      this.designer.addWidget(newStepItem, this.widget, {
+        defaultSelected: false
+      });
+    },
+    changeStepItem(item) {
+      this.designer.updateWidget(item.id, {
+        title: this.stepName[item.id]
+      });
+    },
+    deleteStepItem(item) {
+      if (this.steps.length <= 1) {
+        this.$message.error("标签项至少要有一个");
+        return;
+      }
+      this.designer.deleteWidget(item, this.widget);
+    },
+    editStepItem(item) {
+      const stepItemConfig = this.designer.widgetConfig[item.id];
+      this.editStep = {
+        ...item,
+        description: stepItemConfig == null ? void 0 : stepItemConfig.description,
+        operates: stepItemConfig == null ? void 0 : stepItemConfig.operates,
+        pageId: stepItemConfig == null ? void 0 : stepItemConfig.pageId,
+        showIf: stepItemConfig == null ? void 0 : stepItemConfig.showIf
+      };
+      this.editStepDialog = true;
+    },
+    changeStepItemAttribute(key, v) {
+      this.editStep[key] = v;
+    },
+    changeStepItemLanguageAttribute(key, v) {
+      this.editStep[`${key}.i18n`] = v;
+    },
+    saveStepItem() {
+      this.editStepDialog = false;
+      if (this.editStep.showIf) {
+        const el = JSON.parse(this.editStep.showIf).el;
+        this.designer.updateWidgetConfig(this.editStep.id, {
+          showIf: el
+        });
+      } else {
+        this.designer.updateWidgetConfig(this.editStep.id, {
+          showIf: null
+        });
+      }
+      this.designer.updateWidgetConfig(this.editStep.id, {
+        operates: this.editStep.operates,
+        pageId: this.editStep.pageId,
+        description: this.editStep.description
+      });
+      delete this.editStep.showIf;
+      delete this.editStep.operates;
+      delete this.editStep.pageId;
+      delete this.editStep.description;
+      const steps = [...this.steps];
+      const index = steps.findIndex((component) => component.id === this.editStep.id);
+      if (index !== -1) {
+        steps.splice(index, 1, {
+          ...this.editStep
+        });
+        this.steps = steps;
+      }
+    },
+    renderStepItem(item) {
+      let _slot;
+      return createVNode("div", {
+        "class": ""
+      }, [createVNode(draggable, {
+        "modelValue": this.steps,
+        "onUpdate:modelValue": ($event) => this.steps = $event,
+        "tag": "ul",
+        "group": "tab-pane",
+        "handle": ".tab-item__drag-icon",
+        "class": "tab__list"
+      }, _isSlot(_slot = this.steps.map((item2) => createVNode("li", {
+        "class": {
+          tab__item: true
+        }
+      }, [createVNode("i", {
+        "class": "tab-item__drag-icon epx-icon-tuozhuai"
+      }, null), createVNode(resolveComponent("el-input"), {
+        "class": "tab-item__input",
+        "size": "small",
+        "type": "text",
+        "modelValue": this.stepName[item2.id],
+        "onUpdate:modelValue": ($event) => this.stepName[item2.id] = $event,
+        "onChange": this.changeStepItem.bind(this, item2)
+      }, null), createVNode("span", {
+        "class": "tab-item__operates"
+      }, [createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "link": true,
+        "size": "default",
+        "icon": "el-icon-setting",
+        "onClick": this.editStepItem.bind(this, item2)
+      }, null), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "link": true,
+        "size": "default",
+        "icon": "el-icon-delete",
+        "onClick": this.deleteStepItem.bind(this, item2)
+      }, null)])]))) ? _slot : {
+        default: () => [_slot]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "link": true,
+        "onClick": this.addStepItem
+      }, {
+        default: () => [createTextVNode("+ 添加步骤项")]
+      }), createVNode(resolveComponent("el-dialog"), {
+        "title": "修改步骤项",
+        "modelValue": this.editStepDialog,
+        "width": "420px",
+        "append-to-body": true,
+        "destroy-on-close": true,
+        "onClose": () => {
+          this.editStepDialog = false;
+        }
+      }, {
+        default: () => [this.editStepDialog && createVNode(resolveComponent("el-form"), {
+          "inline": true,
+          "label-position": "left",
+          "label-width": "100px"
+        }, {
+          default: () => [createVNode(resolveComponent("el-form-item"), {
+            "label": "名称",
+            "class": "epx-visual-component__form-item"
+          }, {
+            default: () => [createVNode(resolveComponent("epx-visual-config-input"), {
+              "label": "名称",
+              "value": this.editStep.title,
+              "i18nValue": this.editStep["title.i18n"],
+              "onChangeConfigs": this.changeStepItemAttribute.bind(this, "title"),
+              "onChange-language-config": this.changeStepItemLanguageAttribute.bind(this, "title")
+            }, null)]
+          }), createVNode(resolveComponent("el-form-item"), {
+            "label": "描述文字",
+            "class": "epx-visual-component__form-item"
+          }, {
+            default: () => [createVNode(resolveComponent("epx-visual-config-textarea"), {
+              "label": "描述文字",
+              "value": this.editStep.description,
+              "i18nValue": this.editStep["description.i18n"],
+              "onChangeConfigs": this.changeStepItemAttribute.bind(this, "description"),
+              "onChange-language-config": this.changeStepItemLanguageAttribute.bind(this, "description")
+            }, null)]
+          }), createVNode(resolveComponent("el-form-item"), {
+            "label": "绑定页面"
+          }, {
+            default: () => [createVNode(resolveComponent("epx-visual-config-object"), {
+              "value": this.editStep.pageId,
+              "object": "FM_PAGE_CONFIG",
+              "label": "绑定页面",
+              "onChangeConfigs": this.changeStepItemAttribute.bind(this, "pageId")
+            }, null)]
+          }), createVNode(resolveComponent("el-form-item"), {
+            "label": "操作按钮"
+          }, {
+            default: () => [createVNode(resolveComponent("epx-visual-config-operate"), {
+              "designer": this.designer,
+              "value": this.editStep.operates,
+              "configs": this.config,
+              "metaId": item.metaId,
+              "compMetaId": this.currentMetaId,
+              "common-operates": item.commonOperates || this.commonOperates,
+              "operate-options": this.operateOptions,
+              "operate-configs": this.operateConfigs,
+              "treeFieldStore": this.treeFieldStore,
+              "pageParams": this.pageParams,
+              "handlerList": item.handlerList || this.handlerList,
+              "action-list": this.actionList,
+              "rule-list": this.ruleList,
+              "scopeConfigs": this.scopeConfigs,
+              "pageGlobalConfigs": this.globalConfigs,
+              "onChangeConfigs": this.changeStepItemAttribute.bind(this, "operates")
+            }, null)]
+          }), createVNode(resolveComponent("el-form-item"), {
+            "label": "显示条件"
+          }, {
+            default: () => [createVNode(resolveComponent("epx-rule"), {
+              "formulaType": "web",
+              "modelValue": this.editStep.showIf,
+              "onUpdate:modelValue": ($event) => this.editStep.showIf = $event,
+              "metaId": this.getConfigMetaId(item) || this.pageMetaId,
+              "variableList": this.variableTree,
+              "fieldConfigs": {
+                state: "EDIT",
+                functionType: "web"
+              }
+            }, null)]
+          })]
+        }), createVNode("div", {
+          "class": "button-group"
+        }, [createVNode(resolveComponent("el-button"), {
+          "type": "primary",
+          "size": "default",
+          "onClick": this.saveStepItem
+        }, {
+          default: () => [createTextVNode("确定")]
+        }), createVNode(resolveComponent("el-button"), {
+          "size": "default",
+          "onClick": () => {
+            this.editStepDialog = false;
+          }
+        }, {
+          default: () => [createTextVNode("取消")]
+        })])]
+      })]);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/step/Item.js

@@ -0,0 +1,139 @@
+import '../../../style.css';
+import _sfc_main$1 from "../Component.vue.js";
+/* empty css                */
+const _sfc_main = {
+  name: "epx-visual-step-item",
+  extends: _sfc_main$1,
+  data() {
+    return {
+      FunctionOption: [],
+      operateConfigs: {}
+    };
+  },
+  watch: {
+    allConfigs: {
+      handler(v) {
+        this.componentMetaId = v.metaId;
+      },
+      immediate: true
+    }
+  },
+  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: "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: "confirmMsg", label: "弹窗文案" },
+        { key: "pageFlag", label: "页面标识符", type: "text" },
+        { key: "option", label: "显示条件" },
+        {
+          key: "handler",
+          label: "处理事件",
+          type: "select",
+          options: this.handlerList
+        },
+        {
+          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: "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: "processNode",
+          label: "流程",
+          type: "process",
+          showFlag: { handler: "applyEntity" }
+        },
+        {
+          key: "openOpinion",
+          label: "审核意见弹窗",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: "checkEntity" }
+        },
+        {
+          key: "checkOpinion",
+          label: "审核意见",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: "checkEntity" }
+        },
+        {
+          key: "checkSign",
+          label: "审核签名",
+          type: "radio",
+          options: [{ label: "显示", value: true }, { label: "不显示", value: false }],
+          defaultValue: true,
+          showFlag: { handler: "checkEntity" }
+        },
+        {
+          key: "reload",
+          label: "是否刷新页面",
+          type: "radio",
+          options: [{ label: "是", value: true }, { label: "否", value: false }],
+          showFlag: { handler: "backPage" },
+          defaultValue: false
+        },
+        { key: "params", label: "参数传递", type: "params" }
+      ];
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/widgets/CardFormItemVisual.js

@@ -0,0 +1,45 @@
+import '../../../style.css';
+import _sfc_main$1 from "../Component.vue.js";
+/* empty css                */
+const _sfc_main = {
+  name: "epx-card-form-item-visual",
+  extends: _sfc_main$1,
+  methods: {
+    getFieldOptions() {
+      this.fieldOptions = [
+        { key: "attriName", label: this.$t("field"), readonly: true },
+        { key: "configWay", label: this.$t("collocation method"), type: "radio", options: [{ label: this.$t("default setting"), value: "default" }, { label: this.$t("user-defined"), value: "custom" }], defaultValue: "default" },
+        { key: "attriLabel", label: this.$t("name"), type: "text" },
+        {
+          key: "state",
+          label: this.$t("field state"),
+          type: "radio",
+          options: [{ label: this.$t("details"), value: "DETAIL" }, { label: this.$t("hide"), value: "HIDDEN" }],
+          defaultValue: "DETAIL"
+        },
+        // { key: 'width', label: '宽度', type: 'text', defaultValue: '120' },
+        { key: "showLabel", label: this.$t("Show the title"), type: "radio", options: [{ label: this.$t("show"), value: true }, { label: this.$t("Not show"), value: false }], defaultValue: false },
+        { key: "split", label: this.$t("separator"), type: "radio", options: [{ label: this.$t("vertical"), value: " | " }, { label: this.$t("slash"), value: " / " }, { label: this.$t("blank"), value: " " }], defaultValue: " | " },
+        // { key: 'function', label: '函数', type: 'function' },
+        // { key: 'locked', label: '是否锁定', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }], defaultValue: false },
+        { key: "style", label: this.$t("Field style"), type: "radio", options: [{ label: this.$t("text"), value: "text" }, { label: this.$t("label"), value: "tag" }], defaultValue: "text" },
+        { key: "color", label: this.$t("font color"), type: "color", defaultValue: "#333" },
+        { key: "fontWeight", label: this.$t("whether the bold"), type: "radio", options: [{ label: this.$t("yes"), value: "bold" }, { label: this.$t("no"), value: "normal" }], defaultValue: "normal" },
+        { key: "fontSize", label: this.$t("font size"), type: "num", defaultValue: 14 }
+      ];
+    },
+    changeMetaFn(v) {
+      this.componentMetaId = v.metaId;
+      this.metaViewId = v.metaViewId;
+    }
+  },
+  mounted() {
+    if (this.upComponentInstance) {
+      const upComponent = this.upComponentInstance.$refs.component;
+      upComponent.$epxOn("change-meta-id", this.changeMetaFn);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/widgets/CarouselVisual.js

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