@fecp/designer 5.5.120 → 5.5.121

package/lib/packages/mobile/src/components/feedback/quickFilter/QuickFilter.vue.js

@@ -111,6 +111,13 @@ const _sfc_main = {
         ...confirmedSelections.value[fieldName] || []
       ];
     };
+    const allFilterOpen = () => {
+      props.filterData.forEach((filter) => {
+        activeSelections.value[filter.fieldName] = [
+          ...confirmedSelections.value[filter.fieldName] || []
+        ];
+      });
+    };
     const emitChange = () => {
       const result = [];
       props.filterData.forEach((filter) => {
@@ -190,7 +197,8 @@ const _sfc_main = {
             key: 0,
             ref_key: "allFilterRef",
             ref: allFilterRef,
-            title: "全部筛选"
+            title: "全部筛选",
+            onOpen: allFilterOpen
           }, {
             default: Vue.withCtx(() => [
               Vue.createElementVNode("div", _hoisted_7, [
@@ -244,5 +252,5 @@ const _sfc_main = {
     };
   }
 };
-const QuickFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3e7ddf36"]]);
+const QuickFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c3c07dae"]]);
 exports.default = QuickFilter;

package/lib/packages/mobile/src/components/form/field/Field.vue.js

@@ -3,13 +3,23 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                     */
 ;/* empty css                                                      */
 ;/* empty css                                                     */
+;/* empty css                                                        */
+;/* empty css                                                      */
 ;/* empty css                                                     */
 ;/* empty css                                                      */
+;/* empty css                                                              */
 const Vue = require("vue");
 const formatterUtil = require("../../../utils/formatterUtil.js");
-const useCursor = require("../../../utils/use-cursor.js");
+const XEUtils = require("xe-utils");
 ;/* empty css            */
 const index = require("../../../../../../node_modules/vant/es/field/index.js");
+const index$1 = require("../../../../../../node_modules/vant/es/icon/index.js");
+const index$2 = require("../../../../../../node_modules/vant/es/text-ellipsis/index.js");
+const index$3 = require("../../../../../../node_modules/vant/es/popup/index.js");
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { style: { padding: "16px" } };
 const _sfc_main = {
   __name: "Field",
   props: {
@@ -36,19 +46,28 @@ const _sfc_main = {
       type: String,
       default: ""
     },
-    showUnit: {
-      type: Boolean,
-      default: true
-    },
     maxlength: {
       type: Number,
       default: 0
     },
-    formData: Object
+    suffix: {
+      type: String,
+      default: ""
+    },
+    formData: Object,
+    rules: {
+      type: Array,
+      default: []
+    },
+    compId: {
+      type: String,
+      default: ""
+    }
   },
   emits: ["openPicker", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const refreshGridLayoutItemHeight = Vue.inject("refreshGridLayoutItemHeight");
     const instance = Vue.getCurrentInstance();
     const ctx = instance.proxy;
     const realMaxLength = Vue.computed(() => {
@@ -56,11 +75,14 @@ const _sfc_main = {
     });
     const unit = Vue.ref("");
     const fieldInputRef = Vue.ref();
-    const [recordCursor, setCursor] = useCursor.useCursor();
     const emit = __emit;
+    const showTooltipPopup = Vue.ref(false);
     const textValue = Vue.ref("");
     const compValue = Vue.computed({
-      get: () => props.modelValue,
+      get: () => {
+        console.log("🚀 ~ props.modelValue:", props.modelValue);
+        return props.modelValue;
+      },
       set: (val) => {
         emit("update:modelValue", val);
       }
@@ -70,13 +92,37 @@ const _sfc_main = {
       (newVal) => {
         unit.value = formatterUtil.getUnit(props.dataFormatter);
         if (!props.fieldType || props.fieldType === "text") {
-          textValue.value = formatterUtil.textFormatter(newVal, props.dataFormatter);
+          textValue.value = props.disabled ? formatterUtil.textFormatter(newVal, props.dataFormatter) : realToText(newVal, props.dataFormatter);
+          console.log("🚀 ~ textValue.value:", textValue.value);
         } else {
           textValue.value = newVal;
         }
       },
       { immediate: true, flush: "post" }
     );
+    function realToText(value, dataFormatter) {
+      switch (dataFormatter) {
+        case "money(yuan)":
+          value = XEUtils.toNumber(value);
+          break;
+        case "money(wanyuan)":
+          value = XEUtils.divide(XEUtils.toNumber(value), 1e4);
+          break;
+        case "money(yi)":
+          value = XEUtils.divide(XEUtils.toNumber(value), 1e8);
+          break;
+        case "percent":
+          value = XEUtils.multiply(XEUtils.toNumber(value), 100);
+          break;
+        case "thousand":
+          value = XEUtils.multiply(XEUtils.toNumber(value), 1e3);
+          break;
+        case "tenThousand":
+          value = XEUtils.multiply(XEUtils.toNumber(value), 1e4);
+          break;
+      }
+      return value;
+    }
     const compClickable = Vue.computed(() => {
       if (props.disabled || props.readonly) {
         return false;
@@ -87,18 +133,44 @@ const _sfc_main = {
     const handleInput = (e) => {
       if (isComposing) return;
       const inputElement = e.target;
-      recordCursor(inputElement);
-      inputElement.value = formatterUtil.textFormatter4Input(
-        inputElement.value,
-        props.dataFormatter
-      );
-      setCursor(inputElement);
+      switch (props.dataFormatter) {
+        case "money(yuan)":
+        case "money(wanyuan)":
+        case "money(yi)":
+          inputElement.value = filterNumberDecimal(inputElement.value, 2);
+          break;
+        case "percent":
+        case "thousand":
+        case "tenThousand":
+          inputElement.value = filterNumberDecimal(inputElement.value, 6);
+          break;
+      }
+      console.log("🚀 ~ handleInput ~ inputElement.value:", inputElement.value);
+      textValue.value = inputElement.value;
       const unformattedValue = formatterUtil.reverseTextFormatter(
         inputElement.value,
         props.dataFormatter
       );
       compValue.value = unformattedValue;
     };
+    function filterNumberDecimal(value, decimalCount) {
+      if (!value) {
+        return value;
+      }
+      let str = String(value).replace(/[^\d.]/g, "");
+      const dotIndex = str.indexOf(".");
+      if (dotIndex > -1) {
+        const left = str.slice(0, dotIndex + 1);
+        const right = str.slice(dotIndex + 1).replace(/\./g, "");
+        str = left + right;
+      }
+      const arr = str.split(".");
+      arr[0] = arr[0].replace(/\D/g, "");
+      if (arr.length > 1 && decimalCount !== void 0) {
+        arr[1] = arr[1].slice(0, decimalCount);
+      }
+      return arr.join(".");
+    }
     const handleCompositionStart = () => {
       isComposing = true;
     };
@@ -108,39 +180,78 @@ const _sfc_main = {
     };
     const doSomethingFunction = (e) => {
       const inputElement = e.target;
-      recordCursor(inputElement);
-      inputElement.value = formatterUtil.textFormatter4Input(
-        inputElement.value,
-        props.dataFormatter
-      );
-      setCursor(inputElement);
+      switch (props.dataFormatter) {
+        case "money(yuan)":
+        case "money(wanyuan)":
+        case "money(yi)":
+          inputElement.value = filterNumberDecimal(inputElement.value, 2);
+          break;
+        case "percent":
+        case "thousand":
+        case "tenThousand":
+          inputElement.value = filterNumberDecimal(inputElement.value, 6);
+          break;
+      }
+      textValue.value = inputElement.value;
       const unformattedValue = formatterUtil.reverseTextFormatter(
         inputElement.value,
         props.dataFormatter
       );
       compValue.value = unformattedValue;
     };
+    function clickEllipsis() {
+      Vue.nextTick(() => {
+        const dom = document.getElementById(props.compId);
+        const labelDom = dom == null ? void 0 : dom.querySelector(".fec-field-ellipsis");
+        if (labelDom) {
+          let height = labelDom.offsetHeight + 20;
+          refreshGridLayoutItemHeight(props.compId, height);
+        }
+      });
+    }
     return (_ctx, _cache) => {
+      const _component_van_icon = index$1.Icon;
+      const _component_van_text_ellipsis = index$2.TextEllipsis;
       const _component_van_field = index.Field;
+      const _component_van_popup = index$3.Popup;
       return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
         Vue.createVNode(_component_van_field, Vue.mergeProps(_ctx.$attrs, {
           type: _ctx.$attrs.type == "number" ? "text" : _ctx.$attrs.type,
+          placeholder: _ctx.$attrs.realPlaceholder,
           modelValue: Vue.unref(textValue),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(textValue) ? textValue.value = $event : null),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(textValue) ? textValue.value = $event : null),
           maxlength: Vue.unref(realMaxLength),
           disabled: __props.disabled,
           readonly: __props.readonly,
           clearable: "",
           clickable: Vue.unref(compClickable),
           "clear-trigger": "focus",
-          onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("openPicker")),
+          onClick: _cache[2] || (_cache[2] = ($event) => !__props.disabled && emit("openPicker")),
           ref_key: "fieldInputRef",
           ref: fieldInputRef,
           onInput: handleInput,
           onCompositionstart: handleCompositionStart,
           onCompositionend: handleCompositionEnd,
-          "input-align": "right"
-        }), Vue.createSlots({ _: 2 }, [
+          "input-align": "right",
+          rules: __props.rules
+        }), Vue.createSlots({
+          label: Vue.withCtx(() => {
+            var _a;
+            return [
+              ((_a = _ctx.$attrs.tooltip) == null ? void 0 : _a.trim()) ? (Vue.openBlock(), Vue.createElementBlock("span", {
+                key: 0,
+                onClick: _cache[0] || (_cache[0] = Vue.withModifiers(($event) => showTooltipPopup.value = true, ["stop"]))
+              }, [
+                Vue.createTextVNode(Vue.toDisplayString(_ctx.$attrs.label) + " ", 1),
+                Vue.createVNode(_component_van_icon, {
+                  name: "question-o",
+                  class: "tooltip-icon"
+                })
+              ])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(_ctx.$attrs.label), 1))
+            ];
+          }),
+          _: 2
+        }, [
           Vue.renderList(_ctx.$slots, (item, key) => {
             return {
               name: key,
@@ -152,21 +263,45 @@ const _sfc_main = {
           __props.disabled ? {
             name: "input",
             fn: Vue.withCtx(() => [
-              Vue.createElementVNode("div", null, Vue.toDisplayString(Vue.unref(textValue)), 1)
+              _ctx.$attrs.type == "textarea" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+                Vue.createVNode(_component_van_text_ellipsis, {
+                  class: "fec-field-ellipsis",
+                  rows: "4",
+                  content: Vue.unref(textValue),
+                  "expand-text": "展开",
+                  "collapse-text": "收起",
+                  onClickAction: clickEllipsis
+                }, null, 8, ["content"])
+              ])) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, Vue.toDisplayString(Vue.unref(textValue)), 1))
             ]),
             key: "0"
           } : void 0,
-          __props.showUnit && Vue.unref(unit) ? {
+          __props.suffix || Vue.unref(unit) ? {
             name: "button",
             fn: Vue.withCtx(() => [
-              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(unit)), 1)
+              Vue.createTextVNode(Vue.toDisplayString(__props.suffix || Vue.unref(unit)), 1)
             ]),
             key: "1"
           } : void 0
-        ]), 1040, ["type", "modelValue", "maxlength", "disabled", "readonly", "clickable"]),
+        ]), 1040, ["type", "placeholder", "modelValue", "maxlength", "disabled", "readonly", "clickable", "rules"]),
+        Vue.createVNode(_component_van_popup, {
+          show: Vue.unref(showTooltipPopup),
+          "onUpdate:show": _cache[3] || (_cache[3] = ($event) => Vue.isRef(showTooltipPopup) ? showTooltipPopup.value = $event : null),
+          position: "bottom",
+          round: "",
+          style: { minHeight: "100px" }
+        }, {
+          default: Vue.withCtx(() => {
+            var _a;
+            return [
+              Vue.createElementVNode("div", _hoisted_4, Vue.toDisplayString((_a = _ctx.$attrs.tooltip) == null ? void 0 : _a.trim()), 1)
+            ];
+          }),
+          _: 1
+        }, 8, ["show"]),
         Vue.withDirectives(Vue.createElementVNode("input", {
           type: "hidden",
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => Vue.isRef(compValue) ? compValue.value = $event : null)
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => Vue.isRef(compValue) ? compValue.value = $event : null)
         }, null, 512), [
           [Vue.vModelText, Vue.unref(compValue)]
         ]),

package/lib/packages/mobile/src/components/form/fieldArea/FieldArea.vue.js

@@ -83,12 +83,13 @@ const _sfc_main = {
     const showPicker = Vue.ref(false);
     const emit = __emit;
     const pickerValue = Vue.computed(() => {
-      const value = props.modelValue.split("/");
+      var _a;
+      const value = ((_a = props.modelValue) == null ? void 0 : _a.split("/")) || [];
       return value[value.length - 1];
     });
     function getDisplayValue(options, fieldNames, modelValue) {
       const { text, value, children } = fieldNames;
-      const values = modelValue.split("/");
+      const values = (modelValue == null ? void 0 : modelValue.split("/")) || [];
       const displayValues = [];
       function findValueInOptions(currentOptions, targetValue) {
         for (const option of currentOptions) {

package/lib/packages/mobile/src/components/form/fieldCalendarPicker/FieldCalendarPicker.vue.js

@@ -62,6 +62,7 @@ const _sfc_main = {
     const emit = __emit;
     const defaultDate = Vue.computed({
       get: () => {
+        var _a, _b;
         if (!props.modelValue) {
           return null;
         }
@@ -73,23 +74,22 @@ const _sfc_main = {
           }
         } else if (props.calendarType == "multiple") {
           try {
-            return props.modelValue.map(
-              (value) => moment.default(value, props.valueFormat).toDate()
-            );
+            return (_a = props.modelValue) == null ? void 0 : _a.split(",").map((value) => moment.default(value, props.valueFormat).toDate());
           } catch (error) {
             return [/* @__PURE__ */ new Date()];
           }
         } else if (props.calendarType == "range") {
           try {
-            return props.modelValue.map(
-              (value) => moment.default(value, props.valueFormat).toDate()
-            );
+            return (_b = props.modelValue) == null ? void 0 : _b.split(",").map((value) => moment.default(value, props.valueFormat).toDate());
           } catch (error) {
             return [];
           }
         }
       },
       set: (val) => {
+        if (Array.isArray(val)) {
+          val = val.join(",");
+        }
         emit("update:modelValue", val);
       }
     });
@@ -105,16 +105,14 @@ const _sfc_main = {
             props.textFormat
           );
         } else if (props.calendarType == "multiple") {
-          if (Array.isArray(value)) {
-            fieldTextValue.value = `选择了 ${value.length} 个日期`;
-          }
+          value = (value == null ? void 0 : value.split(",")) || [];
+          fieldTextValue.value = `选择了 ${value.length} 个日期`;
         } else if (props.calendarType == "range") {
-          if (Array.isArray(value)) {
-            const [start, end] = value;
-            fieldTextValue.value = `${moment.default(start, props.valueFormat).format(
-              props.textFormat
-            )} 至 ${moment.default(end, props.valueFormat).format(props.textFormat)}`;
-          }
+          value = (value == null ? void 0 : value.split(",")) || [];
+          const [start, end] = value;
+          fieldTextValue.value = `${moment.default(start, props.valueFormat).format(
+            props.textFormat
+          )} 至 ${moment.default(end, props.valueFormat).format(props.textFormat)}`;
         }
       },
       { immediate: true }

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

@@ -13,7 +13,7 @@ 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");
+require("../../../utils/optionUtil.js");
 const index$2 = require("../../../../../../node_modules/vant/es/cascader/index.js");
 const index$1 = require("../../../../../../node_modules/vant/es/popup/index.js");
 const index$3 = require("../../../../../../node_modules/vant/es/icon/index.js");
@@ -49,14 +49,14 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const attrs = Vue.useAttrs();
-    const finalOptions = Vue.ref([]);
-    optionUtil.getTreeOptions({
-      ...attrs,
-      staticOptions: props.treeOptions,
-      optionsFieldNames: props.treeOptionsFieldNames
-    }).then((data) => {
-      finalOptions.value = clearEmptyChildren(data);
+    Vue.useAttrs();
+    const finalOptions = Vue.computed(() => {
+      if (!props.optionConfig) return [];
+      const optionList = props.optionConfig.options || [];
+      if (optionList.length > 0) {
+        return clearEmptyChildren(optionList);
+      }
+      return optionList;
     });
     function clearEmptyChildren(data) {
       if (typeof data === "object" && data !== null) {

package/lib/packages/mobile/src/components/form/fieldCheckbox/FieldCheckbox.vue.js

@@ -2,9 +2,8 @@
 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");
+require("../../../utils/optionUtil.js");
 const index$1 = require("../checkboxGroup/index.js");
-const common = require("../../../utils/common.js");
 const _hoisted_1 = { key: 1 };
 const _sfc_main = {
   __name: "FieldCheckbox",
@@ -38,28 +37,13 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const currentInstance = Vue.getCurrentInstance();
-    const ctx = currentInstance.proxy;
+    currentInstance.proxy;
     const props = __props;
     Vue.useAttrs();
-    const finalOptions = Vue.ref([]);
-    Vue.watch(
-      () => common.cloneDeep(props.optionConfig),
-      (val) => {
-        optionUtil.getOptions({
-          ctx,
-          dataSources: props.dataSources,
-          formData: props.formData,
-          fields: props.fields,
-          ...props.optionConfig
-        }).then((data) => {
-          finalOptions.value = data;
-        });
-      },
-      {
-        deep: true,
-        immediate: true
-      }
-    );
+    const finalOptions = Vue.computed(() => {
+      if (!props.optionConfig) return [];
+      return props.optionConfig.options || [];
+    });
     const emit = __emit;
     const compValue = Vue.computed({
       get: () => {

package/lib/packages/mobile/src/components/form/fieldDatePicker/FieldDatePicker.vue.js

@@ -27,14 +27,6 @@ const _sfc_main = {
       type: String,
       default: ""
     },
-    // textFormat: {
-    //   type: String,
-    //   default: "YYYY-MM-DD",
-    // },
-    // valueFormat: {
-    //   type: String,
-    //   default: "YYYYMMDD",
-    // },
     dateColumnsType: {
       type: String,
       default: "year,month,day"
@@ -57,19 +49,14 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const fieldTextValue = Vue.ref("");
     const showPicker = Vue.ref(false);
     const emit = __emit;
-    let textFormat = dateUtil.parseDateFormatter(
-      props.dateTextFormat,
-      props.dateColumnsType
-    );
-    let valueFormat = dateUtil.parseDateFormatter("0", props.dateColumnsType);
     const pickerValue = Vue.computed(() => {
       let date;
       if (!props.modelValue) {
         date = moment.default();
       } else {
+        let valueFormat = dateUtil.parseDateFormatter("0", props.dateColumnsType);
         date = moment.default(props.modelValue, valueFormat);
       }
       const year = date.year();
@@ -99,18 +86,19 @@ const _sfc_main = {
       }
       return option;
     };
-    Vue.watch(
-      () => props.modelValue,
-      (value) => {
-        if (!value) {
-          fieldTextValue.value = "";
-          return;
-        }
-        fieldTextValue.value = moment.default(value, valueFormat).format(textFormat);
-      },
-      { immediate: true }
-    );
+    const fieldTextValue = Vue.computed(() => {
+      if (!props.modelValue) {
+        return "";
+      }
+      let textFormat = dateUtil.parseDateFormatter(
+        props.dateTextFormat,
+        props.dateColumnsType
+      );
+      let valueFormat = dateUtil.parseDateFormatter("0", props.dateColumnsType);
+      return moment.default(props.modelValue, valueFormat).format(textFormat);
+    });
     const onConfirm = ({ selectedValues, selectedOptions, selectedIndexes }) => {
+      let valueFormat = dateUtil.parseDateFormatter("0", props.dateColumnsType);
       const val = moment.default(
         `${selectedValues[0]}${selectedValues[1]}${selectedValues[2]}`,
         "YYYYMMDD"

package/lib/packages/mobile/src/components/form/fieldDateTimePicker/FieldDateTimePicker.vue.js

@@ -52,12 +52,10 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const fieldTextValue = Vue.ref("");
     const showPicker = Vue.ref(false);
     const emit = __emit;
-    let textFormat = dateUtil.parseDateFormatter(props.dateTimeTextFormat, dateColumnsType);
-    let valueFormat = dateUtil.parseDateFormatter("0", dateColumnsType);
     const currentDateTime = Vue.computed(() => {
+      let valueFormat = dateUtil.parseDateFormatter("0", dateColumnsType);
       let date;
       if (!props.modelValue) {
         date = moment.default();
@@ -94,18 +92,19 @@ const _sfc_main = {
       }
       return option;
     };
-    Vue.watch(
-      () => props.modelValue,
-      (value) => {
-        if (!value) {
-          fieldTextValue.value = "";
-          return;
-        }
-        fieldTextValue.value = moment.default(value, valueFormat).format(textFormat);
-      },
-      { immediate: true }
-    );
+    const fieldTextValue = Vue.computed(() => {
+      if (!props.modelValue) {
+        return "";
+      }
+      let textFormat = dateUtil.parseDateFormatter(
+        props.dateTimeTextFormat,
+        dateColumnsType
+      );
+      let valueFormat = dateUtil.parseDateFormatter("0", dateColumnsType);
+      return moment.default(props.modelValue, valueFormat).format(textFormat);
+    });
     const onConfirm = () => {
+      let valueFormat = dateUtil.parseDateFormatter("0", dateColumnsType);
       const date = currentDateTime.value.dateValue;
       const time = currentDateTime.value.timeValue;
       const val = moment.default(

package/lib/packages/mobile/src/components/form/fieldIndustry/FieldIndustry.vue.js

@@ -83,16 +83,13 @@ const _sfc_main = {
     const showPicker = Vue.ref(false);
     const emit = __emit;
     const pickerValue = Vue.computed(() => {
-      const value = props.modelValue;
-      let val = value[value.length - 1];
-      if (val.length > 1) {
-        return val.substring(1);
-      }
-      return val;
+      var _a;
+      const value = ((_a = props.modelValue) == null ? void 0 : _a.split(",")) || [];
+      return value[value.length - 1];
     });
     function getDisplayValue(options, fieldNames, modelValue) {
       const { text, value, children } = fieldNames;
-      const values = modelValue;
+      const values = modelValue || [];
       const displayValues = [];
       function findValueInOptions(currentOptions, targetValue) {
         for (const option of currentOptions) {
@@ -128,18 +125,8 @@ const _sfc_main = {
       );
     });
     const onFinish = ({ selectedOptions }) => {
-      const value = selectedOptions.map(
-        (option) => option[props.treeOptionsFieldNames.value]
-      );
-      const realValue = [];
-      for (let i = 0; i < value.length; i++) {
-        if (i > 0) {
-          realValue.push(value[0] + value[i]);
-        } else {
-          realValue.push(value[i]);
-        }
-      }
-      emit("update:modelValue", realValue);
+      const value = selectedOptions.map((option) => option[props.treeOptionsFieldNames.value]).join(",");
+      emit("update:modelValue", value);
       showPicker.value = false;
     };
     return (_ctx, _cache) => {