paas-component-library 0.9.97 → 0.9.99

package/dist/paas-ui.js

@@ -30320,8 +30320,8 @@ const Ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     },
     change(r) {
       this.value = Array.isArray(r) ? r : [r], this.selected = this.value;
-      const e = this.multiple ? this.value : this.value[0];
-      this.$emit("update:modelValue", e), this.$emit("change", e);
+      let e = this.multiple ? this.value : this.value[0];
+      e instanceof Array && (e = e.join(",")), console.log(e), this.$emit("update:modelValue", e), this.$emit("change", e);
     },
     loadData() {
       if (this.loading) return;
@@ -30430,7 +30430,7 @@ const Ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }, 8, ["span"]);
     };
   }
-}), Vce = /* @__PURE__ */ qt(Fce, [["__scopeId", "data-v-11fe74aa"]]), Dce = {
+}), Vce = /* @__PURE__ */ qt(Fce, [["__scopeId", "data-v-90b25971"]]), Dce = {
   name: "FormSelect",
   inject: {
     labelWidth: {
@@ -30439,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() {
@@ -30491,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) {
@@ -30524,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,