paas-component-library 0.9.96 → 0.9.98

package/dist/paas-ui.js

@@ -9128,50 +9128,69 @@ const ZH = /* @__PURE__ */ qt(UH, [["render", GH]]), YH = {
     },
     data: {
       type: Array,
-      default: []
+      default: () => []
     },
     params: {
       type: String,
       default: ""
     }
   },
-  created() {
-    this.data && this.data.length > 0 ? this.datas = this.data : this.datas = this.$store.dicts[this.params] || [];
-  },
-  mounted() {
-    this.modelValue ? typeof this.modelValue == "string" && this.modelValue.includes(",") ? this.value = this.modelValue.split(",") : this.modelValue != null && (this.value = Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]) : this.modelValue != null && (this.value = String(this.modelValue));
-  },
   data() {
     return {
-      value: null,
-      datas: []
+      stringValue: null,
+      // 内部用于绑定 Select 的值（统一为字符串）
+      internalOptions: [],
+      // options，value 同样转为字符串，附加原始值
+      originMap: /* @__PURE__ */ new Map()
+      // stringValue -> 原始值
     };
   },
+  created() {
+    this.initOptions();
+  },
+  mounted() {
+    this.setInternalValue(this.modelValue);
+  },
   watch: {
     modelValue(r) {
-      r == null && (r = "");
-      let e = new Array();
-      Array.isArray(r) ? (r.forEach((t) => {
-        t != "" && e.push(String(t));
-      }), this.value = e) : r instanceof String && (r != null && r.includes(",")) ? (r.spit(",").forEach((t) => {
-        t != "" && e.push(String(t));
-      }), this.value = e) : this.multiple && r ? this.value = [String(r)] : this.value = String(r);
+      this.setInternalValue(r);
     },
-    data(r) {
-      r && r.length > 0 && (this.datas = r);
+    data() {
+      this.initOptions();
     },
-    value(r) {
-      this.$emit("update:modelValue", r), this.$emit("change", r);
+    stringValue(r) {
+      if (this.multiple) {
+        const e = (r == null ? void 0 : r.map((t) => this.originMap.get(t))) || [];
+        this.$emit("update:modelValue", e), this.$emit("change", e);
+      } else {
+        const e = this.originMap.get(r) ?? null;
+        this.$emit("update:modelValue", e), this.$emit("change", e);
+      }
+    }
+  },
+  methods: {
+    initOptions() {
+      const r = this.data.length > 0 ? this.data : this.$store.dicts[this.params] || [];
+      this.internalOptions = r.map((e) => {
+        const t = String(e.value);
+        return this.originMap.set(t, e.value), {
+          ...e,
+          value: t
+        };
+      });
+    },
+    setInternalValue(r) {
+      this.multiple ? Array.isArray(r) ? this.stringValue = r.map((e) => String(e)) : typeof r == "string" && r.includes(",") ? this.stringValue = r.split(",").map((e) => String(e.trim())) : r != null && r !== "" ? this.stringValue = [String(r)] : this.stringValue = [] : this.stringValue = r != null ? String(r) : null;
     }
   }
 };
 function QH(r, e, t, n, a, f) {
   const h = Ee("a-select");
   return nt(), wt(h, {
-    options: a.datas,
+    options: a.internalOptions,
     mode: t.multiple ? "multiple" : void 0,
-    value: a.value,
-    "onUpdate:value": e[0] || (e[0] = (m) => a.value = m),
+    value: a.stringValue,
+    "onUpdate:value": e[0] || (e[0] = (m) => a.stringValue = m),
     disabled: t.disabled,
     allowClear: !0,
     style: { "min-width": "200px", width: "100%" },
@@ -30420,51 +30439,27 @@ const Ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   props: {
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    size: {
-      type: Number,
-      default: 2
-    },
-    textWidth: {
-      type: String,
-      default: ""
-    },
-    data: {
-      type: Array,
-      default: () => []
-    },
-    multiple: {
-      type: Boolean,
-      default: !1
-    },
+    placeholder: { type: String, default: "" },
+    size: { type: Number, default: 2 },
+    textWidth: { type: String, default: "" },
+    data: { type: Array, default: () => [] },
+    multiple: { type: Boolean, default: !1 },
     modelValue: {
-      type: [
-        String,
-        Number,
-        Object,
-        Array
-      ],
+      type: [String, Number, Object, Array],
       default: null
     },
-    params: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
+    params: { type: String, default: "" },
+    label: { type: String, default: "" },
+    name: { type: String, default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  data() {
+    return {
+      value: this.multiple ? [] : "",
+      // 绑定给 paas-select 的值，统一字符串或字符串数组
+      datas: []
+      // 处理后的 data，保证 options.value 都是字符串
+    };
   },
   computed: {
     see() {
@@ -30472,28 +30467,39 @@ const Ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   watch: {
-    modelValue(r) {
-      r == null && (r = "");
-      let e = new Array();
-      Array.isArray(r) ? (r.forEach((t) => {
-        t != "" && e.push(String(t));
-      }), this.value = e) : r instanceof String && (r != null && r.includes(",")) ? (r.spit(",").forEach((t) => {
-        t != "" && e.push(String(t));
-      }), this.value = e) : this.multiple && r ? this.value = [String(r)] : this.value = String(r);
+    modelValue: {
+      immediate: !0,
+      handler(r) {
+        this.syncValue(r);
+      }
+    },
+    data: {
+      immediate: !0,
+      handler(r) {
+        this.datas = (r || []).map((e) => ({
+          ...e,
+          value: e.value != null ? String(e.value) : e.value
+        }));
+      }
     }
   },
-  mounted() {
-    this.modelValue ? typeof this.modelValue == "string" && this.modelValue.includes(",") ? this.value = this.modelValue.split(",") : this.value = Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue] : this.value = this.modelValue;
-  },
-  data() {
-    return {
-      value: null
-    };
-  },
   methods: {
+    syncValue(r) {
+      if (console.log("syncValue", r), r == null || r === "") {
+        this.value = this.multiple ? [] : "";
+        return;
+      }
+      this.multiple ? Array.isArray(r) ? this.value = r.filter((e) => e != null).map((e) => String(e)) : typeof r == "string" && r.includes(",") ? this.value = r.split(",").map((e) => e.trim()).filter((e) => e !== "") : this.value = [String(r)] : Array.isArray(r) && r.length > 0 ? this.value = String(r[0]) : typeof r == "string" || typeof r == "number" ? this.value = String(r) : this.value = "";
+    },
     handleChange(r) {
-      this.$emit("update:modelValue", r), this.$emit("change", r);
+      this.multiple ? (this.$emit("update:modelValue", r), this.$emit("change", r)) : (this.$emit("update:modelValue", r), this.$emit("change", r));
     }
+  },
+  mounted() {
+    this.syncValue(this.modelValue), this.datas = (this.data || []).map((r) => ({
+      ...r,
+      value: r.value != null ? String(r.value) : r.value
+    }));
   }
 };
 function Nce(r, e, t, n, a, f) {
@@ -30505,12 +30511,12 @@ function Nce(r, e, t, n, a, f) {
       O(m, {
         label: t.label,
         name: t.name,
-        "label-col": { style: { width: t.textWidth ? t.textWidth : f.labelWidth } },
+        "label-col": { style: { width: t.textWidth || f.labelWidth } },
         "wrapper-col": { style: { flex: 1 } }
       }, {
         default: Fe(() => [
           O(h, {
-            data: t.data,
+            data: a.datas,
             value: a.value,
             disabled: f.see || t.disabled,
             mode: t.multiple ? "multiple" : void 0,