@fecp/designer 5.4.8 → 5.4.11

package/lib/packages/vue/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const all = require("./src/components/all.js");
-const index$q = require("../mobile/index.js");
+const index$r = require("../mobile/index.js");
 const zhCn = require("../../node_modules/element-plus/es/locale/lang/zh-cn.js");
-const index$r = require("../../node_modules/element-plus/es/index.js");
+const index$s = require("../../node_modules/element-plus/es/index.js");
 const components = require("../../node_modules/vxe-pc-ui/es/components.js");
 ;/* empty css                                         */
 ;/* empty css                      */
@@ -12,12 +12,12 @@ const fecVue = {
     for (let c in all) {
       app.use(all[c]);
     }
-    for (let c in index$q) {
+    for (let c in index$r) {
       if (c.startsWith("Mobile")) {
-        app.use(index$q[c]);
+        app.use(index$r[c]);
       }
     }
-    app.use(index$r.default, {
+    app.use(index$s.default, {
       locale: zhCn.default
     });
     app.use(components);

package/lib/packages/vue/src/components/all.js

@@ -23,9 +23,10 @@ const index$j = require("./forms/userSelect/index.js");
 const index$k = require("./forms/roleSelect/index.js");
 const index$l = require("./forms/formItem/index.js");
 const index$m = require("./bus/approvalHistory/index.js");
-const index$n = require("./details/header/index.js");
-const index$o = require("./details/footer/index.js");
-const index$p = require("./details/main/index.js");
+const index$n = require("./bus/document/index.js");
+const index$o = require("./details/header/index.js");
+const index$p = require("./details/footer/index.js");
+const index$q = require("./details/main/index.js");
 exports.Table = index.Table;
 exports.Form = index$1.Form;
 exports.Text = index$2.Text;
@@ -49,6 +50,7 @@ exports.UserSelect = index$j.UserSelect;
 exports.RoleSelect = index$k.RoleSelect;
 exports.FormItem = index$l.FormItem;
 exports.ApprovalHistory = index$m.ApprovalHistory;
-exports.header = index$n.header;
-exports.footer = index$o.footer;
-exports.main = index$p.main;
+exports.Document = index$n.Document;
+exports.header = index$o.header;
+exports.footer = index$p.footer;
+exports.main = index$q.main;

package/lib/packages/vue/src/components/bus/document/Document.vue.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../../forms/subTitle/index.js");
+const index = require("../../forms/h2/index.js");
+const getInstance = require("../../../utils/getInstance.js");
+const _hoisted_1 = {
+  key: 0,
+  style: { "height": "60px", "position": "relative" }
+};
+const _hoisted_2 = { class: "document-content" };
+const path = "/tech/file/components/DocElement";
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "Document",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    localConfig: {
+      type: Object,
+      required: true
+    },
+    formMode: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const ctx = getInstance.getCurrentVueInstance();
+    vue.ref("");
+    const formData = vue.inject("formData");
+    vue.inject("rowHeight");
+    vue.inject("gridLayout");
+    vue.inject("gridLayoutFieldsData");
+    vue.inject("setFormItemHeight");
+    const fieldsData = props.localConfig.fieldsData.map((item) => {
+      return item.component;
+    });
+    const hiddenFields = props.localConfig.hiddenFields;
+    const accept = vue.computed(() => {
+      const acceptArr = [];
+      const acceptType = props.config.acceptType;
+      if (acceptType.includes("image")) {
+        acceptArr.push("image/*");
+      }
+      if (acceptType.includes("video")) {
+        acceptArr.push("video/*");
+      }
+      if (acceptType.includes("audio")) {
+        acceptArr.push("audio/*");
+      }
+      if (acceptType.includes("text")) {
+        acceptArr.push("text/plain");
+      }
+      if (acceptType.includes("doc")) {
+        acceptArr.push(".doc");
+        acceptArr.push(".docx");
+      }
+      if (acceptType.includes("xls")) {
+        acceptArr.push(".xls");
+        acceptArr.push(".xlsx");
+      }
+      if (acceptType.includes("ppt")) {
+        acceptArr.push(".ppt");
+        acceptArr.push(".pptx");
+      }
+      if (acceptType.includes("pdf")) {
+        acceptArr.push("application/pdf");
+      }
+      if (acceptType.includes("zip")) {
+        acceptArr.push("application/zip");
+        acceptArr.push("application/x-rar-compressed");
+      }
+      let accept2 = "";
+      if (acceptArr.length < 13) {
+        accept2 = acceptArr.join(",");
+      }
+      return accept2;
+    });
+    const paramList = vue.computed(() => {
+      props.config.essentialParams.map((item) => {
+        const modeNo = item.scenario;
+        const businessObj = item.businessKey;
+        const fieldId = businessObj.value;
+        const field = [...fieldsData, ...hiddenFields].find(
+          (fieldItem) => fieldItem.id == fieldId
+        );
+        let busNo = "";
+        if (field) {
+          busNo = formData.value[field.fieldName];
+        }
+        return {
+          modeNo,
+          busNo
+        };
+      });
+    });
+    const currentComponent = vue.computed(() => {
+      var _a;
+      const route = ctx.$router.getRoutes().find((item) => item.path == path);
+      console.log("🚀 ~ ctx.$router.getRoutes():", ctx.$router.getRoutes());
+      return (_a = route == null ? void 0 : route.components) == null ? void 0 : _a.default;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        __props.config.titleMode != "none" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          __props.config.titleMode == "label" ? (vue.openBlock(), vue.createBlock(vue.unref(index.H2), {
+            key: 0,
+            config: __props.config
+          }, null, 8, ["config"])) : __props.config.titleMode == "subLabel" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.SubTitle), {
+            key: 1,
+            config: __props.config
+          }, null, 8, ["config"])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2, [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(currentComponent)), {
+            isEdit: __props.formMode != "query",
+            isSupplement: __props.config.isSupplement,
+            multiple: __props.config.multiple,
+            download: __props.config.download,
+            accept: vue.unref(accept),
+            paramList: vue.unref(paramList)
+          }, null, 8, ["isEdit", "isSupplement", "multiple", "download", "accept", "paramList"]))
+        ])
+      ], 64);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/packages/vue/src/components/bus/document/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Document$1 = require("./Document.vue.js");
+const install = require("../../../utils/install.js");
+const Document = install.default.withInstall("Document", Document$1.default);
+exports.Document = Document;
+exports.default = Document;

package/lib/packages/vue/src/components/bus/index.js

@@ -1,4 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./approvalHistory/index.js");
+const index$1 = require("./document/index.js");
 exports.ApprovalHistory = index.ApprovalHistory;
+exports.Document = index$1.Document;

package/lib/packages/vue/src/components/dialog/DialogRenderer.vue2.js

@@ -180,7 +180,7 @@ const _sfc_main = {
             const field = props.fieldsList.find((field2) => field2.id === item.field);
             if (field) {
               const values = tableSelectionRows.value.map((row) => row[item.value]);
-              formData[field.fieldName] = values.join("|");
+              formData[field.fieldName] = values.join(",");
             }
           });
         }
@@ -418,5 +418,5 @@ const _sfc_main = {
     };
   }
 };
-const DialogRenderer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-282440f9"]]);
+const DialogRenderer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8b571a63"]]);
 exports.default = DialogRenderer;

package/lib/packages/vue/src/components/forms/checkbox/Checkbox.vue.js

@@ -5,6 +5,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                       */
 ;/* empty css                                                                             */
 const vue = require("vue");
+const common = require("../../../utils/common.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/checkbox/index.js");
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -39,6 +40,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const formData = vue.inject("formData", null);
+    const fieldsData = vue.inject("fieldsData", []);
+    const hiddenFields = vue.inject("hiddenFields", []);
     const emit = __emit;
     const inputValue = vue.computed({
       get: () => {
@@ -56,6 +60,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       var _a;
       return ((_a = props.optionConfig) == null ? void 0 : _a.options) || [];
     });
+    function handlerChange(val) {
+      common.setFormDataByFieldMapping(
+        val,
+        true,
+        options.value,
+        props.optionConfig.fieldMapping,
+        formData,
+        [...fieldsData.value, ...hiddenFields.value]
+      );
+    }
     return (_ctx, _cache) => {
       const _component_el_checkbox = index.ElCheckbox;
       const _component_el_checkbox_group = index.ElCheckboxGroup;
@@ -66,7 +80,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         disabled: __props.disabled,
         style: {
           pointerEvents: __props.readonly ? "none" : "auto"
-        }
+        },
+        onChange: handlerChange
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {

package/lib/packages/vue/src/components/forms/form/Form.vue.js

@@ -231,6 +231,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }
         });
       }
+      debugger;
       formData.value = { ...defaultData, ...setFormData(props.modelValue, true) };
       formRules.value = rules;
     };
@@ -924,6 +925,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         if (!linkaged) {
           return;
         }
+        debugger;
         const changedFields = findChangedFields(newVal, prevFormData.value);
         if (changedFields.length > 0) {
           applyLinkageEffectsForChangedFields(changedFields);
@@ -1054,5 +1056,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8baf793f"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-75d6c58f"]]);
 exports.default = _Form;

package/lib/packages/vue/src/components/forms/formItem/FormItem.vue.js

@@ -12,12 +12,13 @@ const index$2 = require("../h2/index.js");
 const index$4 = require("../subForm/index.js");
 const index$5 = require("../subTable/index.js");
 const index$6 = require("../../bus/approvalHistory/index.js");
+const index$7 = require("../../bus/document/index.js");
 const index$1 = require("../index.js");
 const index = require("../../bus/index.js");
 ;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index$7 = require("../../../../../../node_modules/element-plus/es/components/form/index.js");
-const index$8 = require("../../../../../../node_modules/element-plus/es/components/tooltip/index.js");
+const index$8 = require("../../../../../../node_modules/element-plus/es/components/form/index.js");
+const index$9 = require("../../../../../../node_modules/element-plus/es/components/tooltip/index.js");
 const _hoisted_1 = {
   key: 0,
   class: "iconfont icon-iconZheng credit-icon"
@@ -109,8 +110,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       getInnerComponentRef
     });
     return (_ctx, _cache) => {
-      const _component_el_tooltip = index$8.ElTooltip;
-      const _component_el_form_item = index$7.ElFormItem;
+      const _component_el_tooltip = index$9.ElTooltip;
+      const _component_el_form_item = index$8.ElFormItem;
       return __props.config.fieldType == "h2" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.H2), {
         key: 0,
         config: __props.config
@@ -137,11 +138,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         ref: innerComponentRef,
         config: __props.config,
         localConfig: __props.localConfig
-      }, null, 8, ["config", "localConfig"])) : __props.config.fieldType == "blank" || __props.config.fieldType == "divider" ? (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 8, ["config", "localConfig"])) : __props.config.fieldType == "document" ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.Document), {
         key: 5,
+        ref_key: "innerComponentRef",
+        ref: innerComponentRef,
+        config: __props.config,
+        localConfig: __props.localConfig
+      }, null, 8, ["config", "localConfig"])) : __props.config.fieldType == "blank" || __props.config.fieldType == "divider" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 6,
         class: vue.normalizeClass(__props.config.fieldType)
       }, null, 2)) : (vue.openBlock(), vue.createBlock(_component_el_form_item, {
-        key: 6,
+        key: 7,
         prop: __props.config.fieldName,
         required: __props.config.required,
         error: __props.error,
@@ -190,5 +197,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _FormItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-df2a70b8"]]);
+const _FormItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f9232dbc"]]);
 exports.default = _FormItem;

package/lib/packages/vue/src/components/forms/radio/Radio.vue.js

@@ -5,6 +5,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                    */
 ;/* empty css                                                                          */
 const vue = require("vue");
+const common = require("../../../utils/common.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/radio/index.js");
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -39,6 +40,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const formData = vue.inject("formData", null);
+    const fieldsData = vue.inject("fieldsData", []);
+    const hiddenFields = vue.inject("hiddenFields", []);
     const emit = __emit;
     const inputValue = vue.computed({
       get: () => props.modelValue,
@@ -51,6 +55,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       var _a;
       return ((_a = props.optionConfig) == null ? void 0 : _a.options) || [];
     });
+    function handlerChange(val) {
+      common.setFormDataByFieldMapping(
+        val,
+        false,
+        options.value,
+        props.optionConfig.fieldMapping,
+        formData,
+        [...fieldsData.value, ...hiddenFields.value]
+      );
+    }
     return (_ctx, _cache) => {
       const _component_el_radio = index.ElRadio;
       const _component_el_radio_group = index.ElRadioGroup;
@@ -61,7 +75,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         disabled: __props.disabled,
         style: {
           pointerEvents: __props.readonly ? "none" : "auto"
-        }
+        },
+        onChange: handlerChange
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {

package/lib/packages/vue/src/components/forms/select/Select.vue.js

@@ -9,6 +9,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                           */
 ;/* empty css                                                                     */
 const vue = require("vue");
+const common = require("../../../utils/common.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/select/index.js");
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -55,6 +56,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const formData = vue.inject("formData", null);
+    const fieldsData = vue.inject("fieldsData", []);
+    const hiddenFields = vue.inject("hiddenFields", []);
     const emit = __emit;
     const inputValue = vue.computed({
       get: () => props.modelValue,
@@ -67,6 +71,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       if (!props.optionConfig) return [];
       return props.optionConfig.options || [];
     });
+    function handlerChange(val) {
+      common.setFormDataByFieldMapping(
+        val,
+        props.multiple,
+        options.value,
+        props.optionConfig.fieldMapping,
+        formData,
+        [...fieldsData.value, ...hiddenFields.value]
+      );
+    }
     return (_ctx, _cache) => {
       const _component_el_option = index.ElOption;
       const _component_el_select = index.ElSelect;
@@ -81,7 +95,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         filterable: __props.filterable,
         style: [{ "width": "100%" }, {
           pointerEvents: __props.readonly ? "none" : "auto"
-        }]
+        }],
+        onChange: handlerChange
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {

package/lib/packages/vue/src/utils/common.js

@@ -33,9 +33,7 @@ const handleSearchData = (filterValues, completeFilterFields) => {
   Object.keys(filterValues).forEach((key) => {
     const value = filterValues[key];
     if (value !== "" && value !== null && value !== void 0) {
-      const fieldConfig = completeFilterFields.find(
-        (field) => field.id == key
-      );
+      const fieldConfig = completeFilterFields.find((field) => field.id == key);
       const fieldName = (fieldConfig == null ? void 0 : fieldConfig.fieldName) || key;
       const maxKey = `${key}_max`;
       const maxValue = filterValues[maxKey];
@@ -54,7 +52,25 @@ const handleSearchData = (filterValues, completeFilterFields) => {
   });
   return filters;
 };
+const setFormDataByFieldMapping = (value, multiple, options, fieldMapping, formData, fields) => {
+  let selectedOptions = [];
+  if (multiple) {
+    selectedOptions = options.filter((opt) => value.includes(opt.value));
+  } else {
+    selectedOptions = options.filter((opt) => opt.value == value);
+  }
+  if (fieldMapping && Array.isArray(fieldMapping)) {
+    fieldMapping.forEach((item) => {
+      const field = fields.find((field2) => field2.id === item.field);
+      if (field) {
+        const values = selectedOptions.map((row) => row[item.value]);
+        formData.value[field.fieldName] = values.join(",");
+      }
+    });
+  }
+};
 exports.cloneDeep = cloneDeep;
 exports.handleSearchData = handleSearchData;
 exports.isEqual = isEqual;
 exports.removeEmptyValues = removeEmptyValues;
+exports.setFormDataByFieldMapping = setFormDataByFieldMapping;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.4.8",
+  "version": "5.4.11",
   "main": "lib/designer/index.js",
   "module": "es/designer/index.mjs",
   "files": [