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

package/dist/src/visual/CreatePage.js

@@ -0,0 +1,389 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-create-page",
+  extends: _sfc_main$1,
+  data() {
+    return {
+      FunctionOption: []
+    };
+  },
+  watch: {
+    allConfigs: {
+      handler(v) {
+        this.componentMetaId = v.metaId;
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getOperateOptions() {
+      this.handlerList = [
+        { label: "打开指定页面", value: "goPage" },
+        { label: "发起通用请求", value: "commonAction" },
+        { label: "打开审批页面", value: "goCheckPage" },
+        { label: "批量编辑", value: "editMultiEntity" },
+        { label: "执行流程审批", value: "checkEntity" },
+        { label: "报表打印", value: "print" },
+        { label: "返回", value: "backPage" }
+      ];
+      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: "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: "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" }
+      ];
+    },
+    initDefaultConfigs() {
+      const { addPage = "entity-add-page", editPage = "entity-edit-page", openMode = "3", addPageFlag = "v_add" } = this.allConfigs;
+      let keywords = [];
+      const { label, keyNames = [] } = this.currentMeta;
+      let metaKey = "ID";
+      if (this.currentMeta) {
+        metaKey = this.currentMeta.getKey();
+        keywords = [...keyNames];
+        if (label) {
+          keywords.push(label);
+        }
+      }
+      this.commonOperates = [
+        {
+          text: "新增",
+          handler: "goPage",
+          ui: "primary",
+          pageFlag: addPageFlag,
+          num: 0,
+          component: addPage,
+          pageType: "ADD",
+          openMode
+        },
+        {
+          text: "编辑",
+          handler: "goPage",
+          pageFlag: addPageFlag,
+          num: 1,
+          component: addPage,
+          pageType: "EDIT",
+          openMode
+        },
+        {
+          text: "详情",
+          handler: "goPage",
+          pageFlag: addPageFlag,
+          num: 1,
+          component: addPage,
+          pageType: "DETAIL",
+          openMode
+        },
+        {
+          text: "删除",
+          handler: "commonAction",
+          action: "removeMulti",
+          num: "n",
+          confirmMsg: this.$t("Confirm the deletion") + "？",
+          successMsg: "删除成功",
+          failMsg: "删除失败",
+          params: {
+            ids: `#[${metaKey}]`
+          }
+        },
+        {
+          text: "导入",
+          handler: "goPage",
+          pageFlag: "v_import",
+          component: "import-page"
+        },
+        {
+          text: "导出",
+          handler: "goPage",
+          pageFlag: "v_export",
+          component: "export-page",
+          params: {
+            selects: `#[${metaKey}]`,
+            total: "$[total]",
+            params: "$[params]",
+            fields: "$[listFields]"
+          }
+        },
+        {
+          text: "打印",
+          handler: "print"
+        },
+        {
+          text: "批量编辑",
+          handler: "editMultiEntity"
+        },
+        {
+          text: "打开审核页面",
+          handler: "goCheckPage"
+        },
+        {
+          text: "流程审批",
+          handler: "checkEntity"
+        },
+        {
+          text: "返回",
+          handler: "backPage"
+        },
+        {
+          text: "自定义按钮"
+        }
+      ];
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        addPageFlag: "v_add",
+        editPageFlag: "v_add",
+        detailPageFlag: "v_add",
+        metaId: this.pageMetaId,
+        searchFlag: true,
+        searchMode: "keyword",
+        keywords,
+        searchFields: [],
+        listFields: this.currentMeta.getAllFields(),
+        pageFlag: true,
+        pageSize: 20,
+        operateFlag: true,
+        operateEllipsis: 2,
+        multiSelectColumnFlag: true,
+        // 是否显示多选框列
+        serialColumnFlag: true,
+        // 是否显示序号列
+        operateColumnFlag: true,
+        // 是否显示操作列
+        totalFlag: true,
+        operateColumnWidth: 100,
+        operateColumnEllipsis: 2,
+        operateColumnPosition: "start",
+        span: 24,
+        operates: [
+          {
+            text: "新增",
+            handler: "goPage",
+            ui: "primary",
+            num: 0,
+            openMode,
+            component: addPage,
+            params: {}
+          },
+          // {
+          //   text: '删除',
+          //   handler: 'commonAction',
+          //   action: 'removeMulti',
+          //   num: 'n',
+          //   confirmMsg: this.$t('Confirm the deletion') + '？',
+          //   successMsg: '删除成功',
+          //   params: {
+          //     ids: `#[${metaKey}]`
+          //   }
+          // },
+          {
+            text: "导入",
+            handler: "goPage",
+            component: "import-page",
+            params: {}
+          },
+          {
+            text: "导出",
+            handler: "goPage",
+            component: "export-page",
+            params: {
+              selects: `#[${metaKey}]`,
+              total: "$[total]",
+              params: "$[params]",
+              fields: "$[listFields]"
+            }
+          }
+        ],
+        columnOperates: [
+          {
+            text: "编辑",
+            handler: "goPage",
+            num: 1,
+            openMode,
+            component: editPage,
+            pageType: "EDIT"
+          }
+          // {
+          //   text: '删除',
+          //   handler: 'commonAction',
+          //   action: 'removeMulti',
+          //   num: 'n',
+          //   confirmMsg: this.$t('Confirm the deletion') + '？',
+          //   successMsg: '删除成功',
+          //   params: {
+          //     ids: `#[${this.$metaKey}]`
+          //   }
+          // }
+        ]
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称", type: "input" },
+        { key: "metaId", label: "组件对象", type: "object", object: "FM_ENTITY" },
+        { key: "keywords", label: "关键词字段", type: "field" },
+        { key: "searchFields", label: "筛选字段", type: "field" },
+        { key: "scopeParams", label: "查询范围", type: "scope" },
+        { key: "xsspan", label: "移动端宽度", type: "select", options: this.spanOptions },
+        { key: "height", label: "高度" },
+        { key: "flex", label: "占据页面剩余空间", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }] }
+      ];
+      this.configOptions = configOptions;
+    },
+    initConfig() {
+      const config = this.$_.cloneDeep(this.compConfig);
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      for (const key in this.config) {
+        if (key === "order_field") {
+          const orderFields = [];
+          const orderMode = this.config.order_mode || [];
+          this.config[key].forEach((item, index) => {
+            let field = item;
+            if (typeof item === "string") {
+              field = { attriName: item };
+            }
+            orderFields.push({ ...field, sort: orderMode[index] || "asc" });
+          });
+          this.config.orderFields = orderFields;
+        }
+      }
+    },
+    getFieldOptions() {
+      this.getFunctionOption();
+      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: "state", label: "字段状态", type: "radio", options: [{ label: "显示", value: "DETAIL" }, { label: "隐藏", value: "HIDDEN" }], defaultValue: "DETAIL" },
+        {
+          key: "detailPageId",
+          label: "字段详情页面",
+          type: "object",
+          object: "FM_PAGE_CONFIG",
+          showFlag: {
+            dataType: ["object", "multiobject"]
+          }
+        },
+        { key: "width", label: "宽度", type: "text", defaultValue: "120" },
+        { key: "isLabel", label: "外部标签", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }], defaultValue: false },
+        { key: "function", label: "函数", type: "function" },
+        { key: "locked", label: "是否锁定", type: "radio", options: [{ label: "是", value: true }, { label: "否", value: false }], defaultValue: false },
+        { key: "color", label: "字体颜色", type: "color", defaultValue: "#333" }
+      ];
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/DashboardDiv.js

@@ -0,0 +1,58 @@
+import '../../style.css';
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+import innerGridMixin, { innerGridOptions } from "./mixins/innerGridMixin.js";
+/* empty css                 */
+/* empty css                  */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-dashboard-div",
+  extends: _sfc_main$1,
+  // 「内部网格」组（v3 容器级 grid）：有效网格解析 / 继承与自定义切换 / 数字框 render 都来自 innerGridMixin，与 dashboard-tabs 面板共用
+  mixins: [innerGridMixin],
+  methods: {
+    initDefaultConfigs() {
+      this.defaultConfigs = {
+        flex: false,
+        metaId: this.pageMetaId,
+        componentName: this.componentInfo.title,
+        iconType: "icon",
+        showIconBg: true,
+        span: 24,
+        xsspan: 24
+      };
+    },
+    initConfigOptions() {
+      const configOptions = [
+        { key: "componentName", label: "组件名称", type: "input" },
+        { key: "showTitle", label: "显示标题", type: "switch" },
+        { key: "title", label: "标题" },
+        { key: "iconFlag", label: "显示图标", type: "switch", defaultValue: true },
+        { key: "icon", label: "图标", type: "icon" },
+        { key: "iconColor", label: "图标颜色", type: "color" },
+        { key: "theme", label: "主题", type: "radio", options: [{ label: "默认", value: "" }, { label: "经典白", value: "default" }, { label: "经典黑", value: "dark" }, { label: "科幻", value: "technology" }], defaultValue: "" },
+        { key: "titleFontStyle", label: "标题文字", type: "font" },
+        // 内部网格（v3 容器级 grid，spec §9.6）：这些键不进 config，值直读 / 写回 item 的 grid
+        innerGridOptions(this)
+      ];
+      this.configOptions = configOptions;
+    },
+    initConfig() {
+      const { grid, ...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";
+        }
+      }
+    }
+  }
+};
+const DashboardDiv = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c50353fe"]]);
+export {
+  DashboardDiv as default
+};

package/dist/src/visual/DashboardTabs.js

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

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

@@ -0,0 +1,127 @@
+import { createVNode, resolveComponent, createTextVNode, isVNode } from "vue";
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+import draggable from "@epxing/core/src/components/draggable";
+import innerGridMixin from "./mixins/innerGridMixin.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-visual-dashboard-tabs",
+  extends: _sfc_main$1,
+  // 「内部网格」组（R33）与 dashboard-div 面板共用 innerGridMixin。本面板的配置项来自平台 FM_PAGE_ATTRIBUTE 记录（不覆写 initConfigOptions），
+  // 「内部网格」要在平台侧配 TYPE='custom' 的记录、CUSTOM_FUNCTION 填 renderInnerGridMode / renderInnerGridNumber，经基类按方法名接成 renderContent
+  mixins: [innerGridMixin],
+  components: {
+    draggable
+  },
+  data() {
+    return {
+      tabName: {}
+    };
+  },
+  computed: {
+    tabs: {
+      get() {
+        const {
+          items = []
+        } = this.config;
+        return items;
+      },
+      set(v) {
+        this.config.items = v;
+      }
+    }
+  },
+  methods: {
+    renderTabPane() {
+      let _slot;
+      return createVNode("div", {
+        "class": ""
+      }, [createVNode(draggable, {
+        "modelValue": this.tabs,
+        "onUpdate:modelValue": ($event) => this.tabs = $event,
+        "tag": "ul",
+        "group": "tab-pane",
+        "handle": ".tab-item__drag-icon",
+        "class": "tab__list"
+      }, _isSlot(_slot = this.tabs.map((item) => 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.tabName[item.id],
+        "onUpdate:modelValue": ($event) => this.tabName[item.id] = $event,
+        "onChange": this.changeTabPane.bind(this, item)
+      }, null), createVNode("span", {
+        "class": "tab-item__operates"
+      }, [createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "link": true,
+        "size": "default",
+        "icon": "el-icon-delete",
+        "onClick": this.deleteTabPane.bind(this, item)
+      }, null)])]))) ? _slot : {
+        default: () => [_slot]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "link": true,
+        "onClick": this.addTabPane
+      }, {
+        default: () => [createTextVNode("+ 添加标签项")]
+      })]);
+    },
+    initConfig() {
+      const {
+        grid,
+        ...config
+      } = this.compConfig;
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span;
+      }
+      this.config = config;
+      this.tabs.forEach((item) => {
+        this.tabName[item.id] = item.name;
+      });
+    },
+    addTabPane() {
+      const id = "tabpane_" + this.$util.genId();
+      const name = "标签项" + (this.tabs.length + 1);
+      const newTabPane = {
+        id,
+        name,
+        items: []
+      };
+      this.tabName[id] = name;
+      this.tabs = [...this.tabs, newTabPane];
+    },
+    changeTabPane(tabpanel) {
+      const tabs = [...this.tabs];
+      const index = tabs.findIndex((item) => item.id === tabpanel.id);
+      if (index !== -1) {
+        tabs.splice(index, 1, {
+          ...tabpanel,
+          name: this.tabName[tabpanel.id]
+        });
+        this.tabs = tabs;
+      }
+    },
+    deleteTabPane(tabpanel) {
+      if (this.tabs.length <= 1) {
+        this.$message.error("标签项至少要有一个");
+        return;
+      }
+      this.tabs = this.tabs.filter((item) => item.id !== tabpanel.id);
+    }
+  },
+  created() {
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/visual/DashboardWidget.js

@@ -0,0 +1,5 @@
+import '../../style.css';
+import _sfc_main from "./DashboardWidget.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,62 @@
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+import _sfc_main$1 from "./Component.vue.js";
+/* empty css               */
+const _sfc_main = {
+  name: "epx-visual-dashboard-widget",
+  extends: _sfc_main$1,
+  methods: {
+    setCompConfigs(item, itemConfigs) {
+      const {
+        items = []
+      } = item;
+      this.designer.updateWidget(this.id, item);
+      const updateConfigs = (items2) => {
+        for (const item2 of items2) {
+          this.changeItemConfigs(item2.id, itemConfigs[item2.id], "cover");
+          if (item2.items) {
+            updateConfigs(item2.items);
+          }
+        }
+      };
+      updateConfigs(items);
+    },
+    designDashboard() {
+      const route = {
+        metaId: "FM_PAGE_CONFIG",
+        flag: "v_visual_page_config",
+        component: "visual-config-dashboard",
+        id: this.pageId,
+        entityId: this.currentMetaId,
+        config: this.currentPage.pageConfig,
+        title: this.allConfigs.componentName,
+        pageType: "EDIT",
+        dashboardType: "component",
+        compId: this.id,
+        componentInfo: {
+          ...this.componentInfo,
+          config: this.widget
+        },
+        itemConfigs: this.itemConfigs,
+        setCompConfigs: this.setCompConfigs
+      };
+      this.$createPage(route);
+    },
+    renderDashboard(item) {
+      return createVNode("div", null, [this.allConfigs[item.key], createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "link": true,
+        "onClick": this.designDashboard,
+        "style": {
+          marginLeft: "4px"
+        }
+      }, {
+        default: () => [createVNode("i", {
+          "class": "el-icon-edit-outline"
+        }, null), createTextVNode("设计")]
+      })]);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};