@fecp/vue 1.1.7 → 1.1.8

package/es/packages/mobile/src/components/base/card/Card.vue.mjs

@@ -6,13 +6,13 @@
 /* empty css                                                                                                                    */
 /* empty css                                                                                                                   */
 import { createBlock, openBlock, withCtx, createVNode, renderSlot } from "vue";
-/* empty css           */
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 /* empty css                                                                                                                       */
 /* empty css                                                                                                                              */
 /* empty css                                                                                                                    */
 /* empty css                                                                                                                  */
 /* empty css                                                                                                                   */
+/* empty css           */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { SwipeCell } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/swipe-cell/index.mjs";
 import { showConfirmDialog } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/dialog/function-call.mjs";
 import "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/dialog/index.mjs";

package/es/packages/vue/index.mjs

@@ -23,6 +23,9 @@ import { Divider } from "./src/components/forms/divider/index.mjs";
 import { H2 } from "./src/components/forms/h2/index.mjs";
 import { SubForm } from "./src/components/forms/subForm/index.mjs";
 import { SubTable } from "./src/components/forms/subTable/index.mjs";
+import { Cascader } from "./src/components/forms/cascader/index.mjs";
+import { Area } from "./src/components/forms/area/index.mjs";
+import { Industry } from "./src/components/forms/industry/index.mjs";
 import { header } from "./src/components/details/header/index.mjs";
 import { footer } from "./src/components/details/footer/index.mjs";
 import { main } from "./src/components/details/main/index.mjs";
@@ -43,12 +46,15 @@ const index = {
   }
 };
 export {
+  Area,
+  Cascader,
   Checkbox,
   Date,
   Divider,
   Form,
   FormItem,
   H2,
+  Industry,
   MultipleSelection,
   Number,
   Radio,

package/es/packages/vue/src/api/index.mjs

@@ -1,6 +1,12 @@
 const api = {
   findByTemplateKey: ($http, data) => {
     return $http.post(`${$servers.base}/template/sysTemplate/findByTemplateKey`, data);
+  },
+  getDataDicArea4Cascader: ($http) => {
+    return $http.post(`${$servers.base}/parm/sysParmDic/getDataDicArea4Cascader`);
+  },
+  getDataDicTrade4Cascader: ($http) => {
+    return $http.post(`${$servers.base}/parm/sysParmDic/getDataDicTrade4Cascader`);
   }
 };
 export {

package/es/packages/vue/src/components/all.mjs

@@ -15,16 +15,22 @@ import { Divider } from "./forms/divider/index.mjs";
 import { H2 } from "./forms/h2/index.mjs";
 import { SubForm } from "./forms/subForm/index.mjs";
 import { SubTable } from "./forms/subTable/index.mjs";
+import { Cascader } from "./forms/cascader/index.mjs";
+import { Area } from "./forms/area/index.mjs";
+import { Industry } from "./forms/industry/index.mjs";
 import { header } from "./details/header/index.mjs";
 import { footer } from "./details/footer/index.mjs";
 import { main } from "./details/main/index.mjs";
 export {
+  Area,
+  Cascader,
   Checkbox,
   Date,
   Divider,
   Form,
   FormItem,
   H2,
+  Industry,
   MultipleSelection,
   Number,
   Radio,

package/es/packages/vue/src/components/forms/area/Area.vue.mjs

@@ -0,0 +1,92 @@
+import { ref, computed, createBlock, openBlock, unref, isRef } from "vue";
+import { Cascader } from "../cascader/index.mjs";
+import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
+import api from "../../../api/index.mjs";
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "Area",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: [String, Number, Array],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "请选择"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    showFullPath: {
+      type: Boolean,
+      default: true
+    },
+    maxLevel: {
+      type: Number,
+      default: 10
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const propsData = ref({
+      value: "optCode",
+      label: "optName"
+    });
+    const ctx = getCurrentVueInstance();
+    const inputValue = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+        emit("change", val);
+      }
+    });
+    const optionConfig = ref({
+      idField: "dicId",
+      pidField: "pdicId"
+    });
+    api.getDataDicArea4Cascader(ctx.$http).then((data) => {
+      optionConfig.value.options = data;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Cascader), {
+        modelValue: unref(inputValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(inputValue) ? inputValue.value = $event : null),
+        config: __props.config,
+        placeholder: __props.placeholder,
+        showFullPath: __props.showFullPath,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        optionConfig: unref(optionConfig),
+        multiple: __props.multiple,
+        maxLevel: __props.maxLevel,
+        propsData: unref(propsData),
+        checkStrictly: __props.checkStrictly
+      }, null, 8, ["modelValue", "config", "placeholder", "showFullPath", "disabled", "readonly", "optionConfig", "multiple", "maxLevel", "propsData", "checkStrictly"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/packages/vue/src/components/forms/area/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./Area.vue.mjs";
+import install from "../../../utils/install.mjs";
+const Area = install.withInstall("Area", _sfc_main);
+export {
+  Area,
+  Area as default
+};

package/es/packages/vue/src/components/forms/cascader/Cascader.vue.mjs

@@ -0,0 +1,168 @@
+/* empty css                                                                                                                                    */
+/* empty css                                                                                                                                           */
+/* empty css                                                                                                                                        */
+/* empty css                                                                                                                                         */
+/* empty css                                                                                                                                      */
+/* empty css                                                                                                                                                 */
+/* empty css                                                                                                                                           */
+/* empty css                                                                                                                                        */
+/* empty css                                                                                                                                            */
+import { inject, ref, computed, watch, nextTick, createBlock, openBlock, mergeProps, toHandlers } from "vue";
+import { ElCascader } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/cascader/index.mjs";
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "Cascader",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: [String, Number, Array],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "请选择"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    optionConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    showFullPath: {
+      type: Boolean,
+      default: true
+    },
+    maxLevel: {
+      type: Number,
+      default: 10
+    },
+    propsData: {
+      type: Object,
+      default: () => ({})
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const formData = inject("formData");
+    const emit = __emit;
+    const cascaderRef = ref(null);
+    const propsDataValue = computed(() => {
+      return {
+        ...props.propsData,
+        multiple: props.multiple,
+        checkStrictly: props.checkStrictly
+      };
+    });
+    const inputValue = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+        emit("change", val);
+      }
+    });
+    watch(inputValue, (val) => {
+      if (props.config.displayFieldName && val) {
+        nextTick(() => {
+          const displayValue = getDisplayPath();
+          console.log("🚀 ~ displayValue:", displayValue);
+          formData.value[props.config.displayFieldName] = displayValue;
+        });
+      }
+    });
+    const getDisplayPath = () => {
+      let checkedNodes = cascaderRef.value.getCheckedNodes();
+      let textArr = [];
+      checkedNodes.forEach((item) => {
+        let label;
+        if (props.showFullPath) {
+          label = item.text;
+        } else {
+          let pathLabels = item.pathLabels;
+          label = pathLabels[pathLabels.length - 1];
+        }
+        if (label) {
+          textArr.push(label);
+        }
+      });
+      return textArr.join("|");
+    };
+    const options = computed(() => {
+      if (!props.optionConfig) return [];
+      const optionList = props.optionConfig.options || [];
+      if (optionList.length > 0) {
+        return flatToTree(
+          optionList,
+          props.optionConfig.idField,
+          props.optionConfig.pidField,
+          props.maxLevel
+        );
+      }
+      return optionList;
+    });
+    function flatToTree(list, idKey = "id", pidKey = "pid", maxLevel = 10) {
+      const data = JSON.parse(JSON.stringify(list));
+      const nodeMap = {};
+      data.forEach((node) => {
+        nodeMap[node[idKey]] = node;
+        node.children = node.children || [];
+        node.level = 1;
+      });
+      const tree = [];
+      data.forEach((node) => {
+        const parentId = node[pidKey];
+        const parentNode = nodeMap[parentId];
+        if (parentNode && parentNode.level < maxLevel) {
+          node.level = parentNode.level + 1;
+          parentNode.children.push(node);
+        } else {
+          tree.push(node);
+        }
+      });
+      return tree;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_cascader = ElCascader;
+      return openBlock(), createBlock(_component_el_cascader, mergeProps({
+        modelValue: inputValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
+      }, toHandlers(__props.config.eventHandlers), {
+        options: options.value,
+        props: propsDataValue.value,
+        ref_key: "cascaderRef",
+        ref: cascaderRef,
+        clearable: "",
+        filterable: "",
+        disabled: __props.disabled,
+        placeholder: __props.placeholder,
+        "show-all-levels": __props.showFullPath,
+        style: [{ "width": "100%" }, {
+          pointerEvents: __props.readonly ? "none" : "auto"
+        }]
+      }), null, 16, ["modelValue", "options", "props", "disabled", "placeholder", "show-all-levels", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/packages/vue/src/components/forms/cascader/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./Cascader.vue.mjs";
+import install from "../../../utils/install.mjs";
+const Cascader = install.withInstall("Cascader", _sfc_main);
+export {
+  Cascader,
+  Cascader as default
+};

package/es/packages/vue/src/components/forms/form/Form.vue.mjs

@@ -175,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const dictionaryKeys = /* @__PURE__ */ new Set();
       for (const component of fields) {
         const fieldType = component.fieldType;
-        if ((fieldType === "select" || fieldType === "multipleSelection" || fieldType === "radio" || fieldType === "checkbox") && component.optionConfig) {
+        if ((fieldType === "select" || fieldType === "multipleSelection" || fieldType === "radio" || fieldType === "checkbox" || fieldType === "cascader") && component.optionConfig) {
           const { optionSource, dataSourceValue, dictionaryValue } = component.optionConfig;
           if (optionSource === "dataSource" && dataSourceValue) {
             fieldDataSources.add(dataSourceValue);
@@ -241,7 +241,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             dataSourceValue,
             dictionaryValue,
             displayField,
-            valueField
+            valueField,
+            idField,
+            pidField
           } = component.optionConfig;
           if (optionSource === "dataSource" && dataSourceOptions.value[dataSourceValue]) {
             const rawOptions = dataSourceOptions.value[dataSourceValue];
@@ -250,7 +252,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             component.optionConfig.options = rawOptions.map((item) => ({
               label: item[labelField],
               value: item[keyField],
-              disabled: item.disabled || false
+              disabled: item.disabled || false,
+              ...item
             }));
           } else if (optionSource === "dictionary" && dictionaryOptions.value[dictionaryValue]) {
             const rawOptions = dictionaryOptions.value[dictionaryValue];
@@ -298,7 +301,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       let gridLayoutData = cloneDeep(localConfig.value.fieldsData || []);
       gridLayoutData = gridLayoutData.map((item) => {
         item.isResizable = false;
-        if (!item.fixedH) {
+        const component = item.component;
+        if (component.fieldType == "divider" || component.fieldType == "h2") {
+          item.y = item.y * 40;
+          item.h = item.h * 40;
+        } else if (!item.fixedH) {
           item.y = item.y * 60;
           item.h = item.h * 60;
         }
@@ -460,7 +467,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         const fieldName = field.fieldName;
         const fieldType = field.fieldType;
         const value = result[fieldName];
-        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection" || fieldType === "cascader" || fieldType === "area" || fieldType === "industry")) {
           if (Array.isArray(value)) {
             result[fieldName] = value.join("|");
           }
@@ -488,7 +495,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         const fieldName = field.fieldName;
         const fieldType = field.fieldType;
         const value = processedData[fieldName];
-        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection" || fieldType === "cascader" || fieldType === "area" || fieldType === "industry")) {
           if (typeof value === "string" && value.includes("|")) {
             processedData[fieldName] = value.split("|");
           } else if (typeof value === "string" && value !== "") {
@@ -496,6 +503,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           } else if (value === "" || value === null || value === void 0) {
             processedData[fieldName] = [];
           }
+          processedData[fieldName] = processedData[fieldName].map((item) => {
+            if (item.indexOf(",") > -1) {
+              return item.split(",");
+            }
+            return item;
+          });
         } else if (fieldName && fieldType === "date" && value) {
           const valueFormat = valueFormatMap[field.dateType] || "YYYYMMDD";
           const formValueFormat = formValueFormatMap[field.dateType] || "YYYY-MM-DD";
@@ -545,7 +558,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         class: "fec-form",
         "data-id": localConfig.value.templateKey,
         "data-name": localConfig.value.templateName,
-        "data-pkId": localConfig.value.pkId
+        "data-pkId": localConfig.value.pkId,
+        "data-version": "v5"
       }, {
         default: withCtx(() => [
           !configLoading.value && !__props.isSubForm ? (openBlock(), createBlock(unref(header), {
@@ -614,7 +628,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91cd3c24"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-caaa182c"]]);
 export {
   _Form as default
 };

package/es/packages/vue/src/components/forms/formItem/FormItem.vue.mjs

@@ -8,16 +8,7 @@ import { Divider } from "../divider/index.mjs";
 import { H2 } from "../h2/index.mjs";
 import { SubForm } from "../subForm/index.mjs";
 import { SubTable } from "../subTable/index.mjs";
-import TextComponent from "../text/Text.vue.mjs";
-import _sfc_main$8 from "../textarea/Textarea.vue.mjs";
-import _sfc_main$7 from "../number/Number.vue.mjs";
-import _sfc_main$6 from "../date/Date.vue.mjs";
-import _sfc_main$5 from "../select/Select.vue.mjs";
-import _sfc_main$4 from "../multipleSelection/MultipleSelection.vue.mjs";
-import _sfc_main$3 from "../radio/Radio.vue.mjs";
-import _sfc_main$2 from "../checkbox/Checkbox.vue.mjs";
-import _sfc_main$1 from "../switch/Switch.vue.mjs";
-import _Upload from "../upload/Upload.vue.mjs";
+import * as index from "../index.mjs";
 /* empty css               */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElFormItem } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.mjs";
@@ -63,20 +54,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     function handleChange(config, val) {
       emit("change", config, val);
     }
-    const componentMap = {
-      text: TextComponent,
-      textarea: _sfc_main$8,
-      number: _sfc_main$7,
-      date: _sfc_main$6,
-      select: _sfc_main$5,
-      multipleSelection: _sfc_main$4,
-      radio: _sfc_main$3,
-      checkbox: _sfc_main$2,
-      switch: _sfc_main$1,
-      upload: _Upload
-    };
     const componentType = computed(() => {
-      return componentMap[props.config.fieldType];
+      const key = props.config.fieldType.charAt(0).toUpperCase() + props.config.fieldType.slice(1);
+      return index[key];
     });
     const componentProps = computed(() => {
       const fieldProps = { ...props.config };
@@ -175,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3adaccae"]]);
+const _FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7ba9115b"]]);
 export {
   _FormItem as default
 };

package/es/packages/vue/src/components/forms/index.mjs

@@ -0,0 +1,40 @@
+import { Form } from "./form/index.mjs";
+import { FormItem } from "./formItem/index.mjs";
+import { Text } from "./text/index.mjs";
+import { Textarea } from "./textarea/index.mjs";
+import { Number } from "./number/index.mjs";
+import { Date } from "./date/index.mjs";
+import { Select } from "./select/index.mjs";
+import { MultipleSelection } from "./multipleSelection/index.mjs";
+import { Radio } from "./radio/index.mjs";
+import { Checkbox } from "./checkbox/index.mjs";
+import { Switch } from "./switch/index.mjs";
+import { Upload } from "./upload/index.mjs";
+import { Divider } from "./divider/index.mjs";
+import { H2 } from "./h2/index.mjs";
+import { SubForm } from "./subForm/index.mjs";
+import { SubTable } from "./subTable/index.mjs";
+import { Cascader } from "./cascader/index.mjs";
+import { Area } from "./area/index.mjs";
+import { Industry } from "./industry/index.mjs";
+export {
+  Area,
+  Cascader,
+  Checkbox,
+  Date,
+  Divider,
+  Form,
+  FormItem,
+  H2,
+  Industry,
+  MultipleSelection,
+  Number,
+  Radio,
+  Select,
+  SubForm,
+  SubTable,
+  Switch,
+  Text,
+  Textarea,
+  Upload
+};

package/es/packages/vue/src/components/forms/industry/Industry.vue.mjs

@@ -0,0 +1,92 @@
+import { ref, computed, createBlock, openBlock, unref, isRef } from "vue";
+import { Cascader } from "../cascader/index.mjs";
+import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
+import api from "../../../api/index.mjs";
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "Industry",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: [String, Number, Array],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "请选择"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    showFullPath: {
+      type: Boolean,
+      default: true
+    },
+    maxLevel: {
+      type: Number,
+      default: 10
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const propsData = ref({
+      value: "optCode",
+      label: "optName"
+    });
+    const ctx = getCurrentVueInstance();
+    const inputValue = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+        emit("change", val);
+      }
+    });
+    const optionConfig = ref({
+      idField: "dicId",
+      pidField: "pdicId"
+    });
+    api.getDataDicTrade4Cascader(ctx.$http).then((data) => {
+      optionConfig.value.options = data;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Cascader), {
+        modelValue: unref(inputValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(inputValue) ? inputValue.value = $event : null),
+        config: __props.config,
+        placeholder: __props.placeholder,
+        showFullPath: __props.showFullPath,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        optionConfig: unref(optionConfig),
+        multiple: __props.multiple,
+        maxLevel: __props.maxLevel,
+        propsData: unref(propsData),
+        checkStrictly: __props.checkStrictly
+      }, null, 8, ["modelValue", "config", "placeholder", "showFullPath", "disabled", "readonly", "optionConfig", "multiple", "maxLevel", "propsData", "checkStrictly"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/packages/vue/src/components/forms/industry/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./Industry.vue.mjs";
+import install from "../../../utils/install.mjs";
+const Industry = install.withInstall("Industry", _sfc_main);
+export {
+  Industry,
+  Industry as default
+};