@deskhero/dh_ui 1.48.1 → 1.48.3

package/dist/dh_ui.es.js

@@ -24896,10 +24896,14 @@ const _sfc_main$c = {
 };
 var InputGroup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = { class: "input__group" };
-const _hoisted_2$b = ["placeholder", "type"];
+const _hoisted_2$b = ["placeholder", "type", "value"];
 const _sfc_main$b = {
   __name: "InputGroup",
   props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
     inputType: {
       type: String,
       default: "text"
@@ -24925,12 +24929,13 @@ const _sfc_main$b = {
       default: "type here"
     }
   },
+  emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "07a67823": flexDir.value,
-      "1f0734d8": __props.widthProp,
-      "7a20cc7b": __props.heightProp
+      "9bbc973e": flexDir.value,
+      "17a45996": __props.widthProp,
+      "d5af8106": __props.heightProp
     }));
     const flexDir = ref("row");
     onMounted(() => {
@@ -24943,8 +24948,10 @@ const _sfc_main$b = {
         createElementVNode("input", {
           class: "input__group_field",
           placeholder: __props.placeholder,
-          type: __props.inputType
-        }, null, 8, _hoisted_2$b),
+          type: __props.inputType,
+          value: __props.modelValue,
+          onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+        }, null, 40, _hoisted_2$b),
         createVNode(DhIcon, {
           class: "input__group_icon",
           "icon-name": __props.iconName
@@ -27149,7 +27156,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 script.render = render;
 script.__file = "src/Multiselect.vue";
-var default_css_vue_type_style_index_0_src_70b3ed2d_lang = "";
+var default_css_vue_type_style_index_0_src_766265f0_lang = "";
 var InputList_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1$9 = /* @__PURE__ */ createElementVNode("img", {
   alt: "",
@@ -27186,24 +27193,25 @@ const _sfc_main$a = {
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "6af3e44c": __props.maxHeight
+      "2c3afb11": __props.maxHeight
     }));
-    const inputVal = ref(null);
+    const inputVal = ref([]);
     function update() {
       emit("update", inputVal.value);
     }
-    watch(() => props.selectItems, (value) => {
-      if (!value) {
+    watch(() => props.selectItems, (oldValue, newValue) => {
+      if (!oldValue) {
         return;
       }
-      if (!inputVal.value) {
-        const selectedItems = props.list.filter((item) => value == item.value);
-        inputVal.value = selectedItems;
-      } else {
-        const selectedItems = props.list.filter((item) => value == item.value);
-        inputVal.value = [...inputVal.value, ...selectedItems];
+      const selected = props.list.filter((item) => oldValue.includes(item[props.idProp]));
+      if (JSON.stringify(selected) !== JSON.stringify(inputVal.value)) {
+        inputVal.value = [...inputVal.value, ...selected];
         inputVal.value = [...new Set(inputVal.value)];
       }
+      if (newValue.length > oldValue.length) {
+        const difference = newValue.filter((x2) => !oldValue.includes(x2));
+        inputVal.value = inputVal.value.filter((item) => !difference.includes(item[props.idProp]));
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [