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

package/dist/src/views/i18n/I18nTranslationList.vue.js

@@ -0,0 +1,247 @@
+import { createVNode, resolveComponent, isVNode } from "vue";
+import EntityList from "@epxing/components/src/entity-list";
+import workbenchText from "./i18n-workbench-text.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-i18n-translation-list",
+  extends: EntityList,
+  pageFlag: true,
+  pageSize: 20,
+  type: "table",
+  operateFlag: false,
+  searchFlag: false,
+  totalFlag: false,
+  multiSelectColumnFlag: false,
+  serialColumnFlag: true,
+  operateColumnFlag: true,
+  operateColumnPosition: "end",
+  operateColumnWidth: 90,
+  columnOperates: [{
+    text: "save"
+  }],
+  sortable: false,
+  border: true,
+  stripe: true,
+  fixedTable: true,
+  style: {
+    height: "100%"
+  },
+  props: {
+    localeCode: {
+      type: String,
+      default: ""
+    },
+    resourceTypes: {
+      type: Array,
+      default: () => []
+    },
+    translationStatus: {
+      type: String,
+      default: ""
+    },
+    keyword: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      renderComponents: [this.renderList],
+      listFields: [{
+        attriName: "resourceType",
+        attriLabel: workbenchText(this, "resource type", "资源类型"),
+        width: 116,
+        state: "DETAIL",
+        sortable: false
+      }, {
+        attriName: "resourceKey",
+        attriLabel: workbenchText(this, "resource key / context", "资源标识 / 上下文"),
+        width: 260,
+        state: "DETAIL",
+        sortable: false
+      }, {
+        attriName: "sourceText",
+        attriLabel: workbenchText(this, "default language source (read-only)", "默认语言原文（只读）"),
+        width: 240,
+        state: "DETAIL",
+        sortable: false
+      }, {
+        attriName: "value",
+        attriLabel: workbenchText(this, "target language translation", "目标语言译文"),
+        width: 300,
+        state: "DETAIL",
+        sortable: false,
+        showTooltip: false
+      }, {
+        attriName: "translationStatus",
+        attriLabel: workbenchText(this, "translation status", "翻译状态"),
+        width: 120,
+        align: "center",
+        state: "DETAIL",
+        sortable: false
+      }, {
+        attriName: "updatedAt",
+        attriLabel: workbenchText(this, "translation updated at", "译文更新时间"),
+        width: 170,
+        state: "DETAIL",
+        sortable: false
+      }],
+      initField: true,
+      requestSerial: 0
+    };
+  },
+  methods: {
+    initComponent() {
+      this.listType = "table";
+      this.pageSize = Number(this.$configs.pageSize) || 20;
+      this.getData();
+    },
+    reload(resetPage = false) {
+      if (resetPage) this.currentPage = 1;
+      this.getData();
+    },
+    getData(current) {
+      if (!this.localeCode) {
+        this.requestSerial += 1;
+        this.loading = false;
+        this.data = [];
+        this.total = 0;
+        this.$emit("loaded", {
+          total: 0
+        });
+        return;
+      }
+      const requestSerial = ++this.requestSerial;
+      this.loading = true;
+      const targetPage = current && (typeof current === "string" || typeof current === "number") ? Number(current) : this.currentPage;
+      this.$http.$request({
+        action: "searchTranslations",
+        entityId: "FM_I18N_RESOURCE",
+        localeCode: this.localeCode,
+        resourceTypes: this.resourceTypes.join(","),
+        translationStatus: this.translationStatus,
+        keyword: this.keyword,
+        currentPage: targetPage,
+        rowsPerPage: this.pageSize
+      }, {
+        method: "post"
+      }).then((result) => {
+        if (requestSerial !== this.requestSerial) return;
+        this.currentPage = targetPage;
+        this.data = (result.entitys || []).map((item) => ({
+          ...item,
+          saving: false
+        }));
+        this.total = Number(result.total) || 0;
+        this.$emit("loaded", {
+          total: this.total
+        });
+        this.initData = true;
+        this.$nextTick(() => {
+          if (this.$refs.table) this.$refs.table.doLayout();
+        });
+      }).catch((error) => {
+        if (requestSerial === this.requestSerial) this.$message.error(error.message || this.text("failed to query translation resources", "查询翻译资源失败"));
+      }).finally(() => {
+        if (requestSerial === this.requestSerial) this.loading = false;
+      });
+    },
+    renderField(field) {
+      return {
+        default: ({
+          row
+        }) => {
+          if (field.attriName === "resourceType") {
+            return createVNode("span", null, [this.resourceTypeLabel(row.resourceType)]);
+          }
+          if (field.attriName === "value") {
+            return createVNode(resolveComponent("el-input"), {
+              "class": "i18n-translation-list__value",
+              "modelValue": row.value,
+              "onUpdate:modelValue": ($event) => row.value = $event,
+              "type": "textarea",
+              "rows": 2,
+              "resize": "vertical",
+              "maxlength": "10000",
+              "show-word-limit": true,
+              "placeholder": this.text("please enter a translation", "请输入译文")
+            }, null);
+          }
+          if (field.attriName === "translationStatus") {
+            let _slot;
+            return createVNode(resolveComponent("el-tag"), {
+              "type": this.translationStatusType(row.translationStatus),
+              "size": "small"
+            }, _isSlot(_slot = this.translationStatusLabel(row.translationStatus)) ? _slot : {
+              default: () => [_slot]
+            });
+          }
+          return createVNode("span", null, [row[field.attriName]]);
+        }
+      };
+    },
+    renderColumnOperates() {
+      return {
+        default: ({
+          row
+        }) => {
+          let _slot2;
+          return createVNode("div", {
+            "class": "epx-entity-list__column-operates"
+          }, [createVNode(resolveComponent("el-button"), {
+            "class": "epx-entity-list__column-operate",
+            "type": "primary",
+            "link": true,
+            "size": "small",
+            "loading": row.saving,
+            "onClick": () => this.$emit("save", row)
+          }, _isSlot(_slot2 = this.text("save", "保存")) ? _slot2 : {
+            default: () => [_slot2]
+          })]);
+        }
+      };
+    },
+    viewEntity() {
+    },
+    clickCell() {
+    },
+    text(key, zhText) {
+      return workbenchText(this, key, zhText);
+    },
+    resourceTypeLabel(value) {
+      return {
+        ENTITY: this.text("object name", "对象名称"),
+        FIELD: this.text("field name", "字段名称"),
+        CODE_TABLE: this.text("code table name", "码表名称"),
+        CODE_ITEM: this.text("code item name", "码项名称"),
+        MENU: this.text("menu title", "菜单标题"),
+        PAGE: this.text("page configuration text", "页面配置文案"),
+        FORM_REPORT: this.text("form report", "表单报表"),
+        WORKFLOW: this.text("workflow text", "业务流程文案"),
+        LOGIC: this.text("logic orchestration text", "逻辑编排文案"),
+        APP: this.text("application text", "应用文案"),
+        MESSAGE_TEMPLATE: this.text("message template", "消息模板"),
+        UI_MESSAGE: this.text("page message", "页面文案")
+      }[value] || value;
+    },
+    translationStatusLabel(value) {
+      return {
+        MISSING: this.text("missing", "缺失"),
+        STALE: this.text("source updated", "原文已更新"),
+        TRANSLATED: this.text("translated", "已翻译")
+      }[value] || value;
+    },
+    translationStatusType(value) {
+      return {
+        MISSING: "danger",
+        STALE: "warning",
+        TRANSLATED: "success"
+      }[value] || "info";
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/views/i18n/i18n-workbench-text.js

@@ -0,0 +1,11 @@
+import '../../../style.css';
+function workbenchText(vm, key, zhText) {
+  const translated = vm && typeof vm.$t === "function" ? vm.$t(key) : key;
+  if (translated !== key) return translated;
+  const i18nVm = vm && vm.$i18n && vm.$i18n._vm;
+  const locale = i18nVm ? i18nVm.locale : "zh-CN";
+  return /^zh(?:-|_|$)/i.test(locale) ? zhText : key;
+}
+export {
+  workbenchText as default
+};

package/dist/src/views/layout/CardList.js

@@ -0,0 +1,96 @@
+import '../../../style.css';
+import Container from "@epxing/core/src/Container";
+import Config from "@epxing/utils/src/Config";
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
+/* empty css             */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+class PageConfig extends Config {
+  constructor(props) {
+    super(props);
+    super.set(props);
+    this.listConfigs = {
+      queryParams: {},
+      // 查询参数
+      pageSize: 10
+    };
+  }
+}
+const _sfc_main = {
+  extends: Container,
+  name: "epx-layout-card-list",
+  data() {
+    return {
+      list: []
+    };
+  },
+  computed: {
+    listConfigs() {
+      const { listConfigs = {} } = this.pageConfig;
+      return listConfigs;
+    },
+    title() {
+      const { title } = this.pageConfig;
+      return title;
+    },
+    icon() {
+      const { icon } = this.pageConfig;
+      return icon;
+    },
+    listFields() {
+      const { listFields = [] } = this.listConfigs;
+      return listFields;
+    }
+  },
+  methods: {
+    getList() {
+      const { queryParams = {}, pageSize = 10, listFields = [] } = this.listConfigs;
+      const fields = listFields.map((item) => item.attriName || item);
+      this.$http.list({
+        entityId: this.metaId,
+        page: 1,
+        limit: pageSize,
+        columnFieldNames: fields.join("#,"),
+        ...this.formatParams(queryParams)
+      }).then((data) => {
+        this.list = data.entitys;
+      });
+    }
+  },
+  created() {
+    const { config = {} } = this.page || {};
+    this.pageConfig = new PageConfig(config);
+    this.getList();
+  }
+};
+const _hoisted_1 = { class: "list" };
+const _hoisted_2 = { class: "fl" };
+const _hoisted_3 = { class: "fr" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_card_o = resolveComponent("epx-card-o");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_epx_card_o, {
+      title: $options.title,
+      icon: $options.icon
+    }, {
+      default: withCtx(() => [
+        createElementVNode("ul", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.list, (item) => {
+            return openBlock(), createElementBlock("li", {
+              class: "item",
+              key: item.ID
+            }, [
+              createElementVNode("p", _hoisted_2, toDisplayString(item[$options.listFields[0].attriName || $options.listFields[0]]), 1),
+              createElementVNode("p", _hoisted_3, toDisplayString(item[$options.listFields[$options.listFields.length - 1].attriName || $options.listFields[$options.listFields.length - 1]]), 1)
+            ]);
+          }), 128))
+        ]),
+        _cache[0] || (_cache[0] = createElementVNode("p", { class: "more" }, "查看更多", -1))
+      ]),
+      _: 1
+    }, 8, ["title", "icon"])
+  ]);
+}
+const CardList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b5d2db04"]]);
+export {
+  CardList as default
+};

package/dist/src/views/layout/Grid.js

@@ -0,0 +1,138 @@
+import '../../../style.css';
+import Container from "@epxing/core/src/Container";
+import Config from "@epxing/utils/src/Config";
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+/* empty css         */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+class PageConfig extends Config {
+  constructor(props) {
+    super(props);
+    super.set(props);
+  }
+}
+const _sfc_main = {
+  name: "epx-layout-grid",
+  extends: Container,
+  data() {
+    return {
+      gridList: null
+    };
+  },
+  computed: {
+    column() {
+      const { column = 4 } = this.layout;
+      return column;
+    },
+    mcolumn() {
+      const { mcolumn = 3 } = this.layout;
+      return mcolumn;
+    },
+    gridStyle() {
+      return {
+        "--grid-columns": Math.max(1, Math.floor(Number(this.column) || 4)),
+        "--grid-mobile-columns": Math.max(1, Math.floor(Number(this.mcolumn) || 3))
+      };
+    },
+    iconSize() {
+      const size = this.layout.iconSize ?? 28;
+      return /^\d+(\.\d+)?$/.test(String(size)) ? `${size}px` : size;
+    },
+    items() {
+      if (this.gridList) {
+        return this.gridList.map((item) => ({
+          key: item.ID,
+          title: item[this.gridItem.title],
+          desc: item[this.gridItem.desc],
+          image: item[this.gridItem.icon] ? this.getFileUrl(item[this.gridItem.icon]) : null
+        }));
+      }
+      return (this.layout.children || []).map((item) => ({ ...item, key: item.ID || item.title }));
+    },
+    title() {
+      const { title } = this.pageConfig;
+      return title;
+    },
+    layout() {
+      const { layout = {} } = this.pageConfig;
+      return layout;
+    },
+    gridItem() {
+      const { gridItem = {} } = this.layout;
+      return gridItem;
+    },
+    getFileUrl() {
+      return (id) => {
+        return this.$util.getFileUrl(id);
+      };
+    }
+  },
+  methods: {
+    loadData(params) {
+      this.$http.list({
+        ...params
+      }).then((data) => {
+        this.gridList = [...data.entitys];
+      });
+    }
+  },
+  created() {
+    const { config = {} } = this.page || {};
+    this.pageConfig = new PageConfig(config);
+    if (this.layout.load) {
+      this.loadData(this.layout.load);
+    }
+  }
+};
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { class: "epx-layout-grid__content" };
+const _hoisted_3 = {
+  key: 0,
+  class: "epx-layout-grid__title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "epx-layout-grid__desc"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_card_o = resolveComponent("epx-card-o");
+  return openBlock(), createBlock(_component_epx_card_o, { title: $options.title }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: "epx-layout-grid",
+        style: normalizeStyle($options.gridStyle)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.items, (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.key,
+            class: "epx-layout-grid__card"
+          }, [
+            createElementVNode("span", {
+              class: "epx-layout-grid__icon",
+              style: normalizeStyle({ background: item.iconBackground })
+            }, [
+              item.image ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: item.image,
+                alt: ""
+              }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("i", {
+                key: 1,
+                class: normalizeClass(item.icon || "epx-icon-app"),
+                style: normalizeStyle([item.iconStyle, { fontSize: $options.iconSize }]),
+                "aria-hidden": "true"
+              }, null, 6))
+            ], 4),
+            createElementVNode("div", _hoisted_2, [
+              item.title ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(item.title), 1)) : createCommentVNode("", true),
+              item.desc ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(item.desc), 1)) : createCommentVNode("", true)
+            ])
+          ]);
+        }), 128))
+      ], 4)
+    ]),
+    _: 1
+  }, 8, ["title"]);
+}
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Grid as default
+};

package/dist/src/views/match/AddTargetField.js

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

package/dist/src/views/match/AddTargetField.vue.js

@@ -0,0 +1,127 @@
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+const _sfc_main = {
+  name: "epx-match-add-target-field",
+  data() {
+    return {
+      selection: [],
+      viewAllFieldList: [],
+      filterText: ""
+    };
+  },
+  watch: {
+    filterText(v) {
+      this.$refs.tree.filter(v);
+    }
+  },
+  methods: {
+    getViewFields() {
+      this.$http.get({
+        action: "getEntityMetaView",
+        entityId: "FM_ENTITY_VIEW",
+        metaId: this.$query.targetEntity,
+        relationSort: "2"
+      }).then((data) => {
+        const {
+          selectedField = []
+        } = this.$query;
+        if (data) {
+          this.defaultExpandKeys = [data[0].code];
+          data[0].isMain = true;
+          const formatData = (arr, parentText, parent) => {
+            arr.forEach((item, index) => {
+              item.disabled = item.type === "meta";
+              if (parentText) item.linkText = parentText + "/" + item.text;
+              if (parent) item.parentField = parent;
+              if (selectedField.includes(item.id)) {
+                item.disabled = true;
+              }
+              if (item.children) formatData(item.children, !item.isMain ? item.linkText || item.text : "", !item.isMain ? item.id : "");
+            });
+          };
+          formatData(data);
+          this.viewAllFieldList = data;
+        }
+      });
+    },
+    chooseField(config, row) {
+      const params = {
+        action: "batchAddTargetField",
+        entityId: this.$query.entityMeta,
+        entityMatchId: this.$query.parentId,
+        targetFields: JSON.stringify(this.selection)
+      };
+      this.$http.$post(params).then(() => {
+        this.$message.success("添加成功");
+        this.backPage();
+      });
+    },
+    checkFieldChange(data, isChecked) {
+      const index = this.selection.findIndex((item) => item.code === (data.linkCode || data.code));
+      if (isChecked) {
+        if (index === -1) {
+          this.selection.push({
+            id: data.parentField || data.id,
+            code: data.linkCode || data.code,
+            name: data.linkText || data.text
+          });
+        }
+      } else {
+        if (index !== -1) {
+          this.selection.splice(index, 1);
+        }
+      }
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.text && data.text.indexOf(value) !== -1;
+    }
+  },
+  created() {
+    this.getViewFields();
+  },
+  render() {
+    return createVNode("div", null, [createVNode(resolveComponent("el-input"), {
+      "suffix-icon": "el-icon-search",
+      "size": "default",
+      "placeholder": "请输入字段名称筛选",
+      "modelValue": this.filterText,
+      "onUpdate:modelValue": ($event) => this.filterText = $event
+    }, null), createVNode(resolveComponent("el-tree"), {
+      "ref": "tree",
+      "class": "field-tree",
+      "node-key": "code",
+      "show-checkbox": true,
+      "default-expanded-keys": this.defaultExpandKeys,
+      "data": this.viewAllFieldList,
+      "render-after-expand": true,
+      "auto-expand-parent": false,
+      "check-strictly": true,
+      "filter-node-method": this.filterNode,
+      "props": this.treeProps,
+      "onCheckChange": this.checkFieldChange
+    }, {
+      default: ({
+        node,
+        data
+      }) => createVNode("span", {
+        "class": "field-tree__node"
+      }, [data.text])
+    }), createVNode("div", {
+      "class": "operates"
+    }, [createVNode(resolveComponent("el-button"), {
+      "size": "default",
+      "onClick": this.backPage
+    }, {
+      default: () => [createTextVNode("返回")]
+    }), createVNode(resolveComponent("el-button"), {
+      "size": "default",
+      "type": "primary",
+      "onClick": this.chooseField
+    }, {
+      default: () => [createTextVNode("提交")]
+    })])]);
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/views/match/MatchAddFormItem.js

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