@fecp/mobile 1.0.53 → 1.0.54

package/lib/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.js

@@ -15,12 +15,33 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                   */
 const vue = require("vue");
 const index = require("../field/index.js");
+const optionUtil = require("../../../utils/optionUtil.js");
 const index$2 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/picker/index.js");
 const index$3 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.js");
 const index$1 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/popup/index.js");
 const _sfc_main = {
   __name: "FieldPicker",
   props: {
+    // optionType: {
+    //   type: String,
+    //   default: "static",
+    // },
+    // dicKey: {
+    //   type: String,
+    //   default: "",
+    // },
+    // dicList: {
+    //   type: Array,
+    //   default: [],
+    // },
+    // dataSource: {
+    //   type: String,
+    //   default: "",
+    // },
+    // dataSourceParams: {
+    //   type: Object,
+    //   default: {},
+    // },
     pickerOptions: {
       type: Array,
       default: []
@@ -49,6 +70,15 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const attrs = vue.useAttrs();
+    const finalOptions = vue.ref([]);
+    optionUtil.getOptions({
+      ...attrs,
+      staticOptions: props.pickerOptions,
+      optionsFieldNames: props.treeOptionsFieldNames
+    }).then((data) => {
+      finalOptions.value = data;
+    });
     const fieldTextValue = vue.ref("");
     const showPicker = vue.ref(false);
     const emit = __emit;
@@ -62,16 +92,14 @@ const _sfc_main = {
       }
     });
     vue.watch(
-      () => props.modelValue,
-      (value) => {
+      [() => props.modelValue, finalOptions],
+      ([value, options]) => {
         if (!value) {
           fieldTextValue.value = "";
           return;
         }
-        const optionItem = props.pickerOptions.find(
-          (item) => item[props.treeOptionsFieldNames.value] == value
-        );
-        fieldTextValue.value = optionItem == null ? void 0 : optionItem[props.treeOptionsFieldNames.text];
+        const optionItem = options.find((item) => item.value == value);
+        fieldTextValue.value = optionItem == null ? void 0 : optionItem.text;
       },
       { immediate: true }
     );
@@ -104,13 +132,12 @@ const _sfc_main = {
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(_component_van_picker, vue.mergeProps(_ctx.$attrs, {
-                columns: __props.pickerOptions,
-                "columns-field-names": __props.treeOptionsFieldNames,
+                columns: vue.unref(finalOptions),
                 "model-value": vue.unref(pickerValue),
                 readonly: false,
                 onConfirm,
                 onCancel: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
-              }), null, 16, ["columns", "columns-field-names", "model-value"])
+              }), null, 16, ["columns", "model-value"])
             ]),
             _: 1
           }, 8, ["show"])

package/lib/packages/mobile/src/components/form/fieldRadio/FieldRadio.vue.js

@@ -2,13 +2,14 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../field/index.js");
+const optionUtil = require("../../../utils/optionUtil.js");
 const index$1 = require("../radioGroup/index.js");
 const _hoisted_1 = { key: 1 };
 const _sfc_main = {
   __name: "FieldRadio",
   props: {
     modelValue: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     options: {
@@ -31,6 +32,15 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const attrs = vue.useAttrs();
+    const finalOptions = vue.ref([]);
+    optionUtil.getOptions({
+      ...attrs,
+      staticOptions: props.options,
+      optionsFieldNames: props.fieldNames
+    }).then((data) => {
+      finalOptions.value = data;
+    });
     const emit = __emit;
     const compValue = vue.computed({
       get: () => {
@@ -41,10 +51,10 @@ const _sfc_main = {
       }
     });
     const fieldTextValue = vue.computed(() => {
-      const selectedOption = props.options.find(
-        (option) => option[props.fieldNames.value] === compValue.value
+      const selectedOption = finalOptions.value.find(
+        (option) => option.value === compValue.value
       );
-      return selectedOption ? selectedOption[props.fieldNames.text] : "";
+      return selectedOption ? selectedOption.text : "";
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(index.MobileField), vue.mergeProps(_ctx.$attrs, {
@@ -54,11 +64,10 @@ const _sfc_main = {
       }), {
         input: vue.withCtx(() => [
           !__props.readonly ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.MobileRadioGroup), vue.mergeProps({ key: 0 }, _ctx.$attrs, {
-            options: __props.options,
-            fieldNames: __props.fieldNames,
+            options: vue.unref(finalOptions),
             modelValue: vue.unref(compValue),
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(compValue) ? compValue.value = $event : null)
-          }), null, 16, ["options", "fieldNames", "modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(vue.unref(fieldTextValue)), 1))
+          }), null, 16, ["options", "modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(vue.unref(fieldTextValue)), 1))
         ]),
         _: 1
       }, 16, ["readonly", "modelValue"]);

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

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                 */
 ;/* empty css                                                                                                                       */
 const vue = require("vue");
+const optionUtil = require("../../../utils/optionUtil.js");
 ;/* empty css           */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/form/index.js");
@@ -54,6 +55,26 @@ const _sfc_main = {
       "formReadonly",
       vue.computed(() => props.formType == "detail")
     );
+    const dicLoaded = vue.ref(false);
+    const slots = vue.useSlots();
+    const dicListMap = vue.ref({});
+    const processSlotComponents = async () => {
+      var _a;
+      const slotElements = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const dicKeyList = [];
+      if (slotElements) {
+        slotElements.forEach((node) => {
+          if (node.type.__name === "FormItem" && node.props.optionType == "dic") {
+            dicKeyList.push(node.props.dicKey);
+          }
+        });
+        const uniqueDicKeys = [...new Set(dicKeyList)];
+        dicListMap.value = await optionUtil.getParmDicMapByKeys(uniqueDicKeys.join(","));
+        dicLoaded.value = true;
+      }
+    };
+    vue.provide("dicListMap", dicListMap);
+    processSlotComponents();
     return (_ctx, _cache) => {
       const _component_van_cell_group = index$1.CellGroup;
       const _component_van_form = index.Form;
@@ -64,7 +85,7 @@ const _sfc_main = {
         default: vue.withCtx(() => [
           vue.createVNode(_component_van_cell_group, { inset: __props.isCard }, {
             default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              vue.unref(dicLoaded) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : vue.createCommentVNode("", true)
             ]),
             _: 3
           }, 8, ["inset"])
@@ -74,5 +95,5 @@ const _sfc_main = {
     };
   }
 };
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e0489cda"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-17ab5a76"]]);
 exports.default = _Form;

package/lib/packages/mobile/src/components/form/formItem/FormItem.vue.js

@@ -45,6 +45,7 @@ const _sfc_main = {
     const formData = vue.inject("formData");
     const formDisabled = vue.inject("formDisabled");
     const formReadonly = vue.inject("formReadonly");
+    const dicListMap = vue.inject("dicListMap");
     const formItemDisabled = vue.computed(() => {
       if (formDisabled.value) {
         return formDisabled.value;
@@ -86,8 +87,9 @@ const _sfc_main = {
         required: vue.unref(formItemReadonly) ? false : "auto",
         disabled: vue.unref(formItemDisabled),
         readonly: vue.unref(formItemReadonly),
-        placeholder: vue.unref(formItemReadonly) ? "" : __props.placeholder
-      }), null, 16, ["modelValue", "rules", "required", "disabled", "readonly", "placeholder"]);
+        placeholder: vue.unref(formItemReadonly) ? "" : __props.placeholder,
+        dicList: vue.unref(dicListMap)[vue.unref(attrs).dicKey]
+      }), null, 16, ["modelValue", "rules", "required", "disabled", "readonly", "placeholder", "dicList"]);
     };
   }
 };

package/lib/packages/mobile/src/components/form/radioGroup/RadioGroup.vue.js

@@ -29,7 +29,10 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_van_radio = index$1.Radio;
       const _component_van_radio_group = index.RadioGroup;
-      return vue.openBlock(), vue.createBlock(_component_van_radio_group, vue.mergeProps(_ctx.$attrs, { shape: "round" }), {
+      return vue.openBlock(), vue.createBlock(_component_van_radio_group, vue.mergeProps(_ctx.$attrs, {
+        shape: "round",
+        class: "fec-m-radio"
+      }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item) => {
             return vue.openBlock(), vue.createBlock(_component_van_radio, {

package/lib/packages/mobile/src/components/form/uploader/Uploader.vue.js

@@ -12,21 +12,203 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                          */
 ;/* empty css                                                                                                                     */
 const vue = require("vue");
+const dataSourceUtil = require("../../../utils/dataSourceUtil.js");
+;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/uploader/index.js");
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_van_uploader = index.Uploader;
-  return vue.openBlock(), vue.createBlock(_component_van_uploader, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), vue.createSlots({ _: 2 }, [
-    vue.renderList(_ctx.$slots, (item, key) => {
-      return {
-        name: key,
-        fn: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, key)
-        ])
-      };
-    })
-  ]), 1040);
-}
-const _Uploader = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+const functionCall = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/toast/function-call.js");
+require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/toast/index.js");
+const index$1 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.js");
+const _hoisted_1 = { class: "preview-cover van-ellipsis" };
+const _hoisted_2 = {
+  key: 0,
+  class: "van-uploader__preview-delete--shadow"
+};
+const _sfc_main = {
+  __name: "Uploader",
+  props: {
+    modelValue: {
+      type: Array,
+      default: []
+    },
+    autoUpload: {
+      //选择文件后自动上传
+      type: Boolean,
+      default: false
+    },
+    dataSource: {
+      type: String,
+      default: ""
+    },
+    dataSourceParams: {
+      type: Object,
+      default: {}
+    },
+    acceptType: {
+      //上传文件类型
+      type: Array,
+      default: []
+    },
+    maxSize: {
+      //文件大小限制，单位为 MB
+      type: Number,
+      default: 5
+    },
+    previewSize: {
+      //上传区域的尺寸
+      type: Number,
+      default: 80
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const fileList = vue.computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const compMaxSize = vue.computed(() => {
+      return props.maxSize * 1024 * 1024;
+    });
+    const accept = vue.computed(() => {
+      const acceptArr = [];
+      if (props.acceptType.includes("image")) {
+        acceptArr.push("image/*");
+      }
+      if (props.acceptType.includes("video")) {
+        acceptArr.push("video/*");
+      }
+      if (props.acceptType.includes("audio")) {
+        acceptArr.push("audio/*");
+      }
+      if (props.acceptType.includes("text")) {
+        acceptArr.push("text/plain");
+      }
+      if (props.acceptType.includes("doc")) {
+        acceptArr.push(".doc");
+        acceptArr.push(".docx");
+      }
+      if (props.acceptType.includes("xls")) {
+        acceptArr.push(".xls");
+        acceptArr.push(".xlsx");
+      }
+      if (props.acceptType.includes("ppt")) {
+        acceptArr.push(".ppt");
+        acceptArr.push(".pptx");
+      }
+      if (props.acceptType.includes("pdf")) {
+        acceptArr.push("application/pdf");
+      }
+      if (props.acceptType.includes("zip")) {
+        acceptArr.push("application/zip");
+        acceptArr.push("application/x-rar-compressed");
+      }
+      return acceptArr.join(",");
+    });
+    const validators = {
+      image: (file) => ["image/jpeg", "image/png", "image/gif", "image/svg+xml"].includes(
+        file.type
+      ),
+      video: (file) => file.type.startsWith("video/"),
+      audio: (file) => file.type.startsWith("audio/"),
+      text: (file) => file.type === "text/plain",
+      doc: (file) => [".doc", ".docx"].some((ext) => file.name.endsWith(ext)),
+      xls: (file) => [".xls", ".xlsx"].some((ext) => file.name.endsWith(ext)),
+      ppt: (file) => [".ppt", ".pptx"].some((ext) => file.name.endsWith(ext)),
+      pdf: (file) => file.type === "application/pdf",
+      zip: (file) => ["application/zip", "application/x-rar-compressed"].includes(file.type)
+    };
+    const typeChineseMap = {
+      image: "图片",
+      video: "视频",
+      audio: "音频",
+      text: "文本",
+      doc: "Word文档",
+      xls: "Excel文档",
+      ppt: "PowerPoint文档",
+      pdf: "PDF文档",
+      zip: "压缩包"
+    };
+    const beforeRead = (file) => {
+      console.log("🚀 ~ beforeRead:", file);
+      for (const type of props.acceptType) {
+        if (validators[type] && !validators[type](file)) {
+          functionCall.showToast(`上传的文件不是有效的${typeChineseMap[type]}`);
+          return false;
+        }
+      }
+      return true;
+    };
+    const afterRead = (file) => {
+      console.log("🚀 ~ file:", file);
+      if (!props.autoUpload) {
+        return;
+      }
+      file.status = "uploading";
+      file.message = "上传中...";
+      fileList.value.map((item) => {
+        return {
+          file: item.file
+        };
+      });
+      const dataSource = dataSourceUtil.useDataSource(props.dataSource);
+      dataSource == null ? void 0 : dataSource.load({ fileList: fileList.value, ...props.dataSourceParams }).then((res) => {
+      }).catch((err) => {
+        file.status = "failed";
+        file.message = "上传失败";
+      });
+    };
+    const onOversize = (file) => {
+      console.log(file);
+      functionCall.showToast(`文件大小不能超过 ${props.maxSize}kb`);
+    };
+    return (_ctx, _cache) => {
+      const _component_van_icon = index$1.Icon;
+      const _component_van_uploader = index.Uploader;
+      return vue.openBlock(), vue.createBlock(_component_van_uploader, vue.mergeProps(_ctx.$attrs, {
+        modelValue: vue.unref(fileList),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(fileList) ? fileList.value = $event : null),
+        accept: vue.unref(accept),
+        "after-read": afterRead,
+        "before-read": beforeRead,
+        onOversize,
+        "max-size": vue.unref(compMaxSize),
+        "result-type": "file",
+        "preview-size": __props.previewSize + "px"
+      }), vue.createSlots({
+        "preview-cover": vue.withCtx(({ file }) => [
+          vue.createElementVNode("div", _hoisted_1, vue.toDisplayString((file == null ? void 0 : file.name) || ""), 1)
+        ]),
+        "preview-delete": vue.withCtx(() => [
+          !__props.readonly ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.createVNode(_component_van_icon, {
+              name: "cross",
+              class: "van-uploader__preview-delete-icon"
+            })
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        vue.renderList(_ctx.$slots, (item, key) => {
+          return {
+            name: key,
+            fn: vue.withCtx(() => [
+              key != "preview-cover" && key != "preview-delete" ? vue.renderSlot(_ctx.$slots, key, { key: 0 }, void 0, true) : vue.createCommentVNode("", true)
+            ])
+          };
+        })
+      ]), 1040, ["modelValue", "accept", "max-size", "preview-size"]);
+    };
+  }
+};
+const _Uploader = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-cbd8c56a"]]);
 exports.default = _Uploader;

package/lib/packages/mobile/src/utils/env.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function getEnvConfig() {
+  const configName = "configProd";
+  return window[configName] || window.parent[configName];
+}
+const envConfig = getEnvConfig();
+exports.default = envConfig;

package/lib/packages/mobile/src/utils/optionUtil.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../_virtual/index.js");
+const index$1 = require("../axios/index.js");
+const dataSourceUtil = require("./dataSourceUtil.js");
+const env = require("./env.js");
+const baseUrl = env.default.api_base_url;
+const getOptions = ({
+  optionType,
+  dicKey,
+  dicList,
+  dataSource,
+  dataSourceParams,
+  staticOptions,
+  optionsFieldNames
+}) => {
+  return new Promise((resolve, reject) => {
+    switch (optionType) {
+      case "static":
+        resolve(staticOptions);
+      case "dic":
+        let dicListToOption = function(dicList2) {
+          return dicList2.map((item) => {
+            return {
+              text: item.optName,
+              value: item.optCode
+            };
+          });
+        };
+        if (dicList && !index.default.isEmpty(dicList)) {
+          resolve(dicListToOption(dicList));
+        } else {
+          getParmDicMapByKeys(dicKey).then((data) => {
+            const option = dicListToOption(data[dicKey]);
+            resolve(option);
+          });
+        }
+        break;
+      case "library":
+        const dataSourceRef = dataSourceUtil.useDataSource(dataSource);
+        dataSourceRef == null ? void 0 : dataSourceRef.load(dataSourceParams || {}).then((res) => {
+          var _a;
+          const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.records) || (res == null ? void 0 : res.data) || res || [];
+          const option = data.map((item) => {
+            return {
+              text: item[optionsFieldNames.text],
+              value: index.default.toValueString(item[optionsFieldNames.value])
+            };
+          });
+          resolve(option);
+        }).catch((err) => {
+          console.error(err);
+        });
+        break;
+    }
+  });
+};
+const getTreeOptions = ({
+  optionType,
+  dataSource,
+  dataSourceParams,
+  staticOptions,
+  optionsFieldNames
+}) => {
+  return new Promise((resolve, reject) => {
+    switch (optionType) {
+      case "static":
+        resolve(staticOptions);
+      case "library":
+        const dataSourceRef = dataSourceUtil.useDataSource(dataSource);
+        dataSourceRef == null ? void 0 : dataSourceRef.load(dataSourceParams || {}).then((res) => {
+          var _a;
+          const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.records) || (res == null ? void 0 : res.data) || res || [];
+          resolve(data);
+        }).catch((err) => {
+          console.error(err);
+        });
+        break;
+    }
+  });
+};
+const getParmDicMapByKeys = async (dicKeys) => {
+  const http = index$1.default();
+  const res = await http.postForm(
+    `${baseUrl}/parm/sysParmDic/getDicListByKey`,
+    {
+      keyName: dicKeys
+    }
+  );
+  return res.data;
+};
+exports.getOptions = getOptions;
+exports.getParmDicMapByKeys = getParmDicMapByKeys;
+exports.getTreeOptions = getTreeOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/mobile",
-  "version": "1.0.53",
+  "version": "1.0.54",
   "main": "lib/packages/mobile/index.js",
   "module": "es/packages/mobile/index.mjs",
   "files": [