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

package/dist/src/components/LanguageSetting.js

@@ -0,0 +1,544 @@
+import component from "@epxing/core/src/mixins/component";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+/* empty css                    */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-language-setting",
+  mixins: [component],
+  computed: {
+    languageList() {
+      const { LANGUAGES: languages = "", "LANGUAGES#": languageNames = "" } = this.clientConfig;
+      if (!languages) return [];
+      const languageIdList = languages.split(",");
+      const languageNameList = languageNames.split(",");
+      const languageList = languageIdList.map((item, index) => ({ id: item, name: languageNameList[index] }));
+      return languageList;
+    },
+    entityName() {
+      const entity = this.entity || {};
+      return entity.name;
+    },
+    attribute() {
+      const attribute = this.attributeList.find((item) => item.value === this.attributeId) || {};
+      return attribute;
+    },
+    attributeName() {
+      const attribute = this.attributeList.find((item) => item.value === this.attributeId) || {};
+      return attribute.attriName;
+    },
+    attributeLabel() {
+      const attribute = this.attributeList.find((item) => item.value === this.attributeId) || {};
+      return attribute.label;
+    }
+  },
+  data() {
+    return {
+      entity: {},
+      data: [],
+      attributeList: [],
+      attributeId: "",
+      currentPage: 1,
+      total: 0,
+      editField: {},
+      editValue: "",
+      showEditDialog: false,
+      pageSize: 20,
+      selection: [],
+      exportWay: "1",
+      showExportDialog: false
+    };
+  },
+  watch: {
+    entity(v) {
+      if (v && v.id) {
+        this.getAttributeList(v.id);
+      } else {
+        this.attributeList = [];
+        this.attributeId = "";
+      }
+    },
+    attributeId(v) {
+      if (v) {
+        this.getData();
+      } else {
+        this.data = [];
+        this.total = 0;
+        this.currentPage = 1;
+      }
+    }
+  },
+  methods: {
+    getCellClassName({ row, column }) {
+      if (column.property !== "ENTITY" && column.property !== "ATTRIBUTE" && column.property !== "selection") {
+        return "table__column--editable";
+      } else {
+        return "";
+      }
+    },
+    $refesh() {
+      this.data = [];
+      this.total = 0;
+      this.currentPage = 1;
+      this.getData();
+    },
+    getData(page = this.currentPage) {
+      this.$http.list({
+        action: "listLanguage",
+        entityId: this.$metaId,
+        queryMeta: this.entity.id,
+        queryAttribute: this.attributeId,
+        page,
+        limit: this.pageSize
+      }).then((data) => {
+        this.data = data.entitys;
+        this.total = data.total;
+      });
+    },
+    getAttributeList(id) {
+      this.$store.dispatch({
+        type: "ADD_META",
+        metaId: id
+      }).then((meta) => {
+        this.metaKey = meta.getKey();
+        const attributes = meta.getAllFieldConfigs().filter((item) => item.attribute && item.attribute.international === "1");
+        this.attributeList = attributes.map((item) => ({ ...item, label: item.attriLabel, value: item.attribute.id }));
+      });
+    },
+    selectionChange(selection, row) {
+      this.selection = [...selection];
+    },
+    currentChange(current) {
+      this.getData(current);
+    },
+    sizeChange(size) {
+      this.pageSize = size;
+      this.getData();
+    },
+    importLanguage() {
+      if (!this.attributeId) {
+        this.$message.error("请先选择导入字段");
+        return;
+      }
+      this.$createPage({
+        component: "language-import-page",
+        metaId: this.$metaId,
+        entityId: this.entity.id,
+        attributeId: this.attributeId
+      });
+    },
+    exportLanguage() {
+      if (!this.attributeId) {
+        this.$message.error("请先选择导出字段");
+        return;
+      }
+      const params = {
+        action: "exportLanguage",
+        entityId: this.$metaId,
+        queryMeta: this.entity.id,
+        queryAttribute: this.attributeId,
+        fieldMeta: "ID," + this.languageList.map((item) => item.id).join(",")
+      };
+      if (this.exportWay === "2") {
+        params.ids = this.selection.map((item) => item.ID).join(",");
+      }
+      this.$http.$post(params, {
+        responseType: "blob"
+      }).then(({ blob, filename }) => {
+        this.showExportDialog = false;
+        const objectUrl = URL.createObjectURL(blob);
+        var a = document.createElement("a");
+        document.body.appendChild(a);
+        a.href = objectUrl;
+        a.download = filename;
+        a.click();
+        window.URL.revokeObjectURL(objectUrl);
+        document.body.removeChild(a);
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    editFieldFn(row, column) {
+      this.editField = {
+        rowId: row.ID,
+        columnId: column.property
+      };
+      this.editValue = row[column.property];
+      if (this.attribute.dataType === "html") {
+        this.showEditDialog = true;
+        this.$nextTick(() => {
+          if (!this.editor) {
+            this.initEditor();
+          } else {
+            this.editor.setContent(this.editValue || "");
+          }
+        });
+      } else {
+        this.$nextTick(() => {
+          if (this.$refs.editInput && this.$refs.editInput[0]) {
+            this.$refs.editInput[0].focus();
+          }
+        });
+      }
+    },
+    cancelEdit() {
+      this.editField = {};
+      this.editValue = "";
+      this.showEditDialog = false;
+    },
+    async initEditor() {
+      const that = this;
+      const editor = this.$refs.editor;
+      await this.$util.usePlugin("tinymce");
+      globalThis.tinymce.init({
+        target: editor,
+        plugins: "table image link fullscreen",
+        toolbar: "undo redo | styleselect | bold italic underline  strikethrough| alignleft aligncenter alignright alignjustify | outdent indent | table | image | link | fullscreen",
+        contextmenu: "link image imagetools table  spellchecker copy",
+        language: "zh_CN",
+        branding: false,
+        images_upload_handler: (blobInfo, succFun) => {
+          var file = blobInfo.blob();
+          this.$http.save({
+            action: "upload",
+            file
+          }, {
+            requestType: "formData"
+          }).then((data) => {
+            if (data && data.bean) {
+              succFun(this.$util.getFileUrl(data.bean));
+            }
+          });
+        },
+        file_picker_callback: function(callback, value, meta) {
+          var input = document.createElement("input");
+          input.setAttribute("type", "file");
+          input.click();
+          input.onchange = function(evt) {
+            const file = this.files[0];
+            that.$http.save({
+              action: "upload",
+              file
+            }, {
+              requestType: "formData"
+            }).then((data) => {
+              if (data && data.bean) {
+                callback(that.$util.getFileUrl(data.bean), { text: file.name });
+              }
+            });
+          };
+        },
+        setup: function(ed) {
+          ed.on("change", () => {
+            const value = ed.getContent();
+            that.editValue = value;
+          });
+        }
+      }).then((editors) => {
+        this.editor = editors[0];
+        if (this.editValue) {
+          this.editor.setContent(this.editValue);
+        }
+      });
+    },
+    saveLanguage() {
+      const rowId = this.editField.rowId;
+      const columnId = this.editField.columnId;
+      const rowData = this.data.find((item) => item.ID === rowId) || {};
+      if (this.editValue === rowData[columnId]) {
+        this.showEditDialog = false;
+        this.editField = {};
+        this.editValue = "";
+        return;
+      }
+      this.$http.update({
+        entityId: this.entity.id,
+        ["bean." + this.metaKey || "ID"]: rowId,
+        "bean.LANGUAGE_PARAM": {
+          [this.attributeName]: {
+            [columnId]: this.editValue
+          }
+        }
+      }).then((data) => {
+        this.$message.success("修改成功");
+        if (this.editField.rowId === rowId && this.editField.columnId === columnId) {
+          this.showEditDialog = false;
+          this.editField = {};
+          this.editValue = "";
+        }
+        this.getData();
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    }
+  },
+  created() {
+  }
+};
+const _hoisted_1 = { class: "select-container" };
+const _hoisted_2 = { class: "select-item" };
+const _hoisted_3 = { class: "select-item" };
+const _hoisted_4 = { class: "button-group" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = { class: "pagination" };
+const _hoisted_8 = { class: "editor-container" };
+const _hoisted_9 = {
+  ref: "editor",
+  class: "editor"
+};
+const _hoisted_10 = { class: "editor-button-group" };
+const _hoisted_11 = { class: "editor-container" };
+const _hoisted_12 = { class: "editor-button-group" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_object = resolveComponent("epx-object");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_el_pagination = resolveComponent("el-pagination");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_el_card = resolveComponent("el-card");
+  return openBlock(), createElementBlock("div", {
+    class: "container",
+    style: normalizeStyle(_ctx.$component.style)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("div", _hoisted_2, [
+        _cache[8] || (_cache[8] = createElementVNode("label", { for: "" }, "选择对象：", -1)),
+        createVNode(_component_epx_object, {
+          modelValue: $data.entity,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.entity = $event),
+          fieldConfigs: { codeKey: "FM_ENTITY", attriLabel: "对象", state: "EDIT", dataType: "object" }
+        }, null, 8, ["modelValue"])
+      ]),
+      createElementVNode("div", _hoisted_3, [
+        _cache[9] || (_cache[9] = createElementVNode("label", { for: "" }, "选择字段：", -1)),
+        createVNode(_component_el_select, {
+          modelValue: $data.attributeId,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.attributeId = $event),
+          size: "default",
+          placeholder: "请选择字段"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($data.attributeList, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.value,
+                label: item.label,
+                value: item.value
+              }, null, 8, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _cache[10] || (_cache[10] = createElementVNode("p", { class: "tip" }, "仅展示国际化字段", -1))
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      createVNode(_component_el_button, {
+        type: "primary",
+        size: "default",
+        onClick: $options.importLanguage
+      }, {
+        default: withCtx(() => [..._cache[11] || (_cache[11] = [
+          createTextVNode("导入", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"]),
+      createVNode(_component_el_button, {
+        type: "primary",
+        size: "default",
+        onClick: _cache[2] || (_cache[2] = ($event) => $data.showExportDialog = true)
+      }, {
+        default: withCtx(() => [..._cache[12] || (_cache[12] = [
+          createTextVNode("导出", -1)
+        ])]),
+        _: 1
+      })
+    ]),
+    createVNode(_component_el_table, {
+      class: "table",
+      data: $data.data,
+      border: "",
+      style: { "width": "100%" },
+      "cell-class-name": $options.getCellClassName,
+      onCellClick: $options.editFieldFn,
+      onSelectionChange: $options.selectionChange
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_table_column, {
+          prop: "selection",
+          type: "selection",
+          width: "55"
+        }),
+        createVNode(_component_el_table_column, {
+          prop: "ENTITY",
+          label: "所属对象"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString($options.entityName), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_table_column, {
+          prop: "ATTRIBUTE",
+          label: "字段"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString($options.attributeLabel), 1)
+          ]),
+          _: 1
+        }),
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.languageList, (item) => {
+          return openBlock(), createBlock(_component_el_table_column, {
+            class: "edit-column",
+            key: item.id,
+            prop: item.id,
+            label: item.name,
+            "show-overflow-tooltip": ""
+          }, {
+            default: withCtx(({ row }) => [
+              $options.attribute.dataType !== "html" && $data.editField.rowId === row.ID && $data.editField.columnId === item.id ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createVNode(_component_el_input, {
+                  ref_for: true,
+                  ref: "editInput",
+                  modelValue: $data.editValue,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.editValue = $event),
+                  size: "default",
+                  onBlur: $options.saveLanguage
+                }, null, 8, ["modelValue", "onBlur"])
+              ])) : (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "language-field",
+                innerHTML: _ctx.xss.process(row[item.id])
+              }, null, 8, _hoisted_6))
+            ]),
+            _: 2
+          }, 1032, ["prop", "label"]);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["data", "cell-class-name", "onCellClick", "onSelectionChange"]),
+    createElementVNode("div", _hoisted_7, [
+      createVNode(_component_el_pagination, {
+        "current-page": $data.currentPage,
+        "page-sizes": [5, 10, 15, 20, 30, 50, 100, 200],
+        "page-size": $data.pageSize,
+        layout: "prev, pager, next, jumper, sizes,total",
+        total: $data.total,
+        onCurrentChange: $options.currentChange,
+        onSizeChange: $options.sizeChange
+      }, null, 8, ["current-page", "page-size", "total", "onCurrentChange", "onSizeChange"])
+    ]),
+    createVNode(_component_el_dialog, {
+      width: "70%",
+      modelValue: $data.showEditDialog,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.showEditDialog = $event),
+      title: $options.attributeLabel
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_8, [
+          createElementVNode("textarea", _hoisted_9, null, 512),
+          createElementVNode("div", _hoisted_10, [
+            createVNode(_component_el_button, {
+              size: "default",
+              onClick: $options.cancelEdit
+            }, {
+              default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              type: "primary",
+              size: "default",
+              onClick: $options.saveLanguage
+            }, {
+              default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "title"]),
+    createVNode(_component_el_dialog, {
+      width: "70%",
+      modelValue: $data.showExportDialog,
+      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.showExportDialog = $event),
+      title: "导出"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_11, [
+          createVNode(_component_el_card, { class: "box-card noTop" }, {
+            header: withCtx(() => [..._cache[15] || (_cache[15] = [
+              createElementVNode("div", { class: "clearfix" }, [
+                createElementVNode("span", null, "导出范围")
+              ], -1)
+            ])]),
+            default: withCtx(() => [
+              createVNode(_component_el_radio_group, {
+                modelValue: $data.exportWay,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.exportWay = $event)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_radio, {
+                    label: "1",
+                    value: "1"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("导出全部数据（" + toDisplayString($data.total) + "）", 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_radio, {
+                    label: "2",
+                    value: "2"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("导出选中数据（" + toDisplayString($data.selection.length) + "）", 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          createElementVNode("div", _hoisted_12, [
+            createVNode(_component_el_button, {
+              size: "default",
+              onClick: _cache[6] || (_cache[6] = ($event) => $data.showExportDialog = false)
+            }, {
+              default: withCtx(() => [..._cache[16] || (_cache[16] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              size: "default",
+              onClick: $options.exportLanguage
+            }, {
+              default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 4);
+}
+const LanguageSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ae8636dd"]]);
+export {
+  LanguageSetting as default
+};

package/dist/src/components/List/LinkItem.js

@@ -0,0 +1,112 @@
+import { openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createCommentVNode, normalizeClass, renderSlot } from "vue";
+/* empty css             */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-column-list-item",
+  props: {
+    listFields: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    dataItem: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    metaKey: {
+      type: String,
+      default: "ID"
+    },
+    id: {
+      type: String,
+      default: ""
+    }
+  },
+  methods: {},
+  created() {
+  }
+};
+const _hoisted_1 = {
+  center: true,
+  "is-link": "",
+  class: "list-cell"
+};
+const _hoisted_2 = { class: "content" };
+const _hoisted_3 = {
+  key: 0,
+  class: "list-field"
+};
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = {
+  key: 1,
+  class: "link"
+};
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = {
+  key: 0,
+  class: "link"
+};
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.listFields, (rowConfigs, index) => {
+        return openBlock(), createElementBlock(Fragment, { key: index }, [
+          Array.isArray(rowConfigs) ? (openBlock(), createElementBlock("p", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(rowConfigs, (field, fieldIndex) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: field.attriName
+              }, [
+                $props.dataItem[(field.attriName || field) + "#"].trim() ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  style: normalizeStyle(field.style)
+                }, [
+                  rowConfigs.showLabel ? (openBlock(), createElementBlock("font", _hoisted_4, toDisplayString(rowConfigs.attriLabel) + "：", 1)) : createCommentVNode("", true),
+                  fieldIndex !== 0 && $props.dataItem[(field.attriName || field) + "#"] ? (openBlock(), createElementBlock("font", _hoisted_5, "|")) : createCommentVNode("", true),
+                  createElementVNode("font", null, toDisplayString($props.dataItem[(field.attriName || field) + "#"]), 1)
+                ], 4)) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ])) : rowConfigs && rowConfigs.rowFields ? (openBlock(), createElementBlock("p", {
+            class: "list-field",
+            key: index
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(rowConfigs.rowFields, (field, fieldIndex) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: field.attriName
+              }, [
+                $props.dataItem[(field.attriName || field) + "#"].trim() ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                  fieldIndex !== 0 && $props.dataItem[(field.attriName || field) + "#"] ? (openBlock(), createElementBlock("font", _hoisted_7, toDisplayString(rowConfigs.link || "|"), 1)) : createCommentVNode("", true),
+                  field.showLabel ? (openBlock(), createElementBlock("font", _hoisted_8, toDisplayString(field.attriLabel) + "：", 1)) : createCommentVNode("", true),
+                  createElementVNode("font", {
+                    style: normalizeStyle(field.style)
+                  }, toDisplayString($props.dataItem[(field.attriName || field) + "#"]), 5)
+                ])) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ])) : rowConfigs.state !== "HIDDEN" ? (openBlock(), createElementBlock("p", {
+            class: "list-field",
+            key: rowConfigs.attriName || rowConfigs,
+            style: normalizeStyle(rowConfigs.style)
+          }, [
+            rowConfigs.iconCls ? (openBlock(), createElementBlock("i", {
+              key: 0,
+              class: normalizeClass([rowConfigs.iconCls, "icon-class"])
+            }, null, 2)) : createCommentVNode("", true),
+            rowConfigs.showLabel ? (openBlock(), createElementBlock("font", _hoisted_9, toDisplayString(rowConfigs.attriLabel) + "：", 1)) : createCommentVNode("", true),
+            createElementVNode("font", null, toDisplayString($props.dataItem[(rowConfigs.attriName || rowConfigs) + "#"]), 1)
+          ], 4)) : createCommentVNode("", true)
+        ], 64);
+      }), 128))
+    ]),
+    renderSlot(_ctx.$slots, "operates", {}, void 0, true)
+  ]);
+}
+const LinkItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bee53a12"]]);
+export {
+  LinkItem as default
+};

package/dist/src/components/List/List.js

@@ -0,0 +1,17 @@
+import { openBlock, createElementBlock, createElementVNode, renderSlot } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "cepx-list"
+};
+const _hoisted_1 = { class: "epx-list" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("ul", _hoisted_1, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ]);
+}
+const List = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  List as default
+};