bkui-vue 0.0.1-beta.345 → 0.0.1-beta.347

package/dist/index.esm.js

@@ -37598,9 +37598,10 @@ var SearchInputMode = /* @__PURE__ */ ((SearchInputMode2) => {
   return SearchInputMode2;
 })(SearchInputMode || {});
 class SelectedItem {
-  constructor(searchItem, type = "default") {
+  constructor(searchItem, type = "default", splitCode = "|") {
     this.searchItem = searchItem;
     this.type = type;
+    this.splitCode = splitCode;
     this.values = [];
     this.id = searchItem.id;
     this.name = searchItem.name;
@@ -37621,13 +37622,13 @@ class SelectedItem {
     var _a;
     if (this.isSpecialType())
       return this.name;
-    return `${this.keyInnerHtml}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join("|")) || ""}`;
+    return `${this.keyInnerHtml}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join(this.splitCode)) || ""}`;
   }
   get inputInnerText() {
     var _a;
     if (this.isSpecialType())
       return this.name;
-    return `${this.keyInnerText}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join("|")) || ""}`;
+    return `${this.keyInnerText}${((_a = this.values) == null ? void 0 : _a.map((item) => item.name).join(this.splitCode)) || ""}`;
   }
   get keyInnerHtml() {
     if (this.isSpecialType())
@@ -37697,7 +37698,7 @@ var SearchSelectInput = defineComponent({
       type: String,
       default: SearchInputMode.DEFAULT
     },
-    geMenuList: Function,
+    getMenuList: Function,
     validateValues: Function
   },
   emits: ["focus", "add", "delete"],
@@ -37720,7 +37721,8 @@ var SearchSelectInput = defineComponent({
     const menuList = ref([]);
     const {
       editKey,
-      onValidate
+      onValidate,
+      valueSplitCode
     } = useSearchSelectInject();
     watch(editKey, () => {
       if (props2.mode === SearchInputMode.DEFAULT && editKey.value) {
@@ -37801,23 +37803,25 @@ var SearchSelectInput = defineComponent({
       e && setMenuList();
     }
     function handleInputChange(event) {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e, _f, _g;
       clearInput();
       let text = event.target.innerText;
       if (/(\r|\n)/gm.test(text) || /\s{2}/gm.test(text)) {
         event.preventDefault();
-        text = text.replace(/(\r|\n)/gm, "|").replace(/\s{2}/gm, "");
+        text = text.replace(/(\r|\n)/gm, valueSplitCode.value).replace(/\s{2}/gm, "");
         inputRef.value.innerText = text;
         setInputFocus();
-        keyword.value = text;
+        keyword.value = text.replace(((_a = usingItem.value) == null ? void 0 : _a.keyInnerText) || "", "").trim();
         debounceSetMenuList();
-      } else if (!keyword.value && text.length < (((_b = (_a = usingItem.value) == null ? void 0 : _a.inputInnerText) == null ? void 0 : _b.length) || 1)) {
-        const outerText = text.replace("\xA0", " ").replace(((_c = usingItem.value) == null ? void 0 : _c.keyInnerText.replace("\xA0", " ").trim()) || "", "").trim();
-        outerText && (usingItem.value = null);
+      } else if (!keyword.value && text.length < (((_c = (_b = usingItem.value) == null ? void 0 : _b.inputInnerText) == null ? void 0 : _c.length) || 1)) {
+        const outerText = text.replace("\xA0", " ").replace(((_d = usingItem.value) == null ? void 0 : _d.keyInnerText.replace("\xA0", " ").trim()) || "", "").trim();
+        if (outerText || !(text == null ? void 0 : text.length)) {
+          usingItem.value = null;
+        }
         keyword.value = outerText ? text : "";
         debounceSetMenuList();
-      } else if (!((_e = (_d = usingItem.value) == null ? void 0 : _d.values) == null ? void 0 : _e.length)) {
-        keyword.value = text.replace("\xA0", " ").replace(((_f = usingItem.value) == null ? void 0 : _f.keyInnerText.replace("\xA0", " ")) || "", "").trim();
+      } else if (!((_f = (_e = usingItem.value) == null ? void 0 : _e.values) == null ? void 0 : _f.length)) {
+        keyword.value = text.replace("\xA0", " ").replace(((_g = usingItem.value) == null ? void 0 : _g.keyInnerText.replace("\xA0", " ")) || "", "").trim();
         setInputFocus();
         debounceSetMenuList();
       }
@@ -37848,7 +37852,7 @@ var SearchSelectInput = defineComponent({
         const res2 = await validateUsingItemValues(value);
         if (!res2)
           return;
-        emit("add", new SelectedItem(value, "text"));
+        emit("add", new SelectedItem(value, "text", valueSplitCode.value));
         keyword.value = "";
         setMenuList();
         return;
@@ -37858,14 +37862,28 @@ var SearchSelectInput = defineComponent({
       } = usingItem.value;
       if (!(values == null ? void 0 : values.length)) {
         if ((_a = keyword.value) == null ? void 0 : _a.length) {
-          const value = {
-            id: keyword.value,
-            name: keyword.value
-          };
-          const res2 = await validateUsingItemValues(value);
-          if (!res2)
-            return;
-          usingItem.value.addValue(value);
+          if (keyword.value.includes(valueSplitCode.value)) {
+            const valueList = keyword.value.split(valueSplitCode.value);
+            const res2 = await validateUsingItemValues({
+              id: keyword.value,
+              name: keyword.value
+            });
+            if (!res2)
+              return;
+            valueList.forEach((v2) => usingItem.value.addValue({
+              id: v2,
+              name: v2
+            }));
+          } else {
+            const value = {
+              id: keyword.value,
+              name: keyword.value
+            };
+            const res2 = await validateUsingItemValues(value);
+            if (!res2)
+              return;
+            usingItem.value.addValue(value);
+          }
           emit("add", usingItem.value);
           keyword.value = "";
           usingItem.value = null;
@@ -37883,6 +37901,7 @@ var SearchSelectInput = defineComponent({
       var _a, _b;
       if (!usingItem.value && !keyword.value) {
         emit("delete");
+        nextTick(setMenuList);
         return;
       }
       if ((_a = usingItem.value) == null ? void 0 : _a.values.length) {
@@ -37900,13 +37919,13 @@ var SearchSelectInput = defineComponent({
       if ((_a = item.value) == null ? void 0 : _a.id) {
         const seleted = new SelectedItem(__spreadProps(__spreadValues({}, item), {
           id: (_b = item.realId) != null ? _b : item.id
-        }), type);
+        }), type, valueSplitCode.value);
         seleted.addValue(item.value);
         setSelectedItem(seleted);
         return;
       }
       if (!usingItem.value || !((_c = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _c.innerText)) {
-        usingItem.value = new SelectedItem(item, type);
+        usingItem.value = new SelectedItem(item, type, valueSplitCode.value);
         keyword.value = "";
         const isCondition = type === "condition";
         isCondition && setSelectedItem();
@@ -37915,7 +37934,7 @@ var SearchSelectInput = defineComponent({
         return;
       }
       if (((_d = usingItem.value) == null ? void 0 : _d.type) === "condition") {
-        usingItem.value = new SelectedItem(item, type);
+        usingItem.value = new SelectedItem(item, type, valueSplitCode.value);
         setSelectedItem();
         return;
       }
@@ -37984,15 +38003,15 @@ var SearchSelectInput = defineComponent({
     async function setMenuList() {
       var _a, _b, _c, _d, _e;
       let list = [];
-      if (typeof props2.geMenuList === "function" && !((_b = (_a = usingItem.value) == null ? void 0 : _a.searchItem) == null ? void 0 : _b.async)) {
+      if (typeof props2.getMenuList === "function" && (typeof ((_b = (_a = usingItem.value) == null ? void 0 : _a.searchItem) == null ? void 0 : _b.async) === "undefined" || usingItem.value.searchItem.async === true)) {
         loading2.value = true;
-        list = await props2.geMenuList((_c = usingItem.value) == null ? void 0 : _c.searchItem, keyword.value).catch(() => []);
+        list = await props2.getMenuList((_c = usingItem.value) == null ? void 0 : _c.searchItem, keyword.value).catch(() => []);
         loading2.value = false;
       } else if (!(usingItem == null ? void 0 : usingItem.value)) {
         if (!((_d = keyword.value) == null ? void 0 : _d.length)) {
-          list = props2.data.slice();
+          list = props2.data.filter((item) => !item.isSelected).slice();
         } else
-          props2.data.forEach((item) => {
+          props2.data.filter((item) => !item.isSelected).forEach((item) => {
             var _a2, _b2;
             const isMatched = item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
             if (isMatched) {
@@ -38176,11 +38195,11 @@ var SearchSelected = defineComponent({
       type: Array,
       default: () => []
     },
-    geMenuList: Function,
+    getMenuList: Function,
     validateValues: Function
   },
   emits: ["delete"],
-  setup(_2, {
+  setup(_props, {
     emit
   }) {
     const inputRef = ref(null);
@@ -38188,7 +38207,8 @@ var SearchSelected = defineComponent({
       onEditClick,
       onEditEnter,
       onEditBlur,
-      editKey
+      editKey,
+      valueSplitCode
     } = useSearchSelectInject();
     function handleDeleteSelected(index) {
       emit("delete", index);
@@ -38211,7 +38231,7 @@ var SearchSelected = defineComponent({
       return true;
     }
     function copySeletedItem(item) {
-      const newItem = new SelectedItem(item.searchItem, item.type);
+      const newItem = new SelectedItem(item.searchItem, item.type, valueSplitCode.value);
       newItem.values = item.values.slice();
       return newItem;
     }
@@ -38239,7 +38259,7 @@ var SearchSelected = defineComponent({
       "conditions": this.conditions,
       "defautUsingItem": this.copySeletedItem(item),
       "clickOutside": this.handleInputOutside,
-      "geMenuList": this.geMenuList,
+      "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
       "onAdd": (v2) => this.handleAddSelected(v2, index),
       "onFocus": this.handleInputFocus
@@ -38296,7 +38316,15 @@ const SearchSelectProps = {
     default: true
   },
   getMenuList: Function,
-  validateValues: Function
+  validateValues: Function,
+  valueSplitCode: {
+    type: String,
+    default: "|"
+  },
+  uniqueSelect: {
+    type: Boolean,
+    default: false
+  }
 };
 var Component = defineComponent({
   name: "SearchSelect",
@@ -38316,14 +38344,29 @@ var Component = defineComponent({
     const debounceResize = debounce(32, handleResize);
     const editKey = ref("");
     const validateStr = ref("");
+    const splitCode = computed(() => props2.valueSplitCode);
+    let copyData;
+    watch(() => props2.data, () => {
+      var _a;
+      copyData = ref(JSON.parse(JSON.stringify(props2.data)));
+      (_a = copyData.value) == null ? void 0 : _a.forEach((item) => {
+        item.isSelected = !!props2.modelValue.some((set) => set.id === item.id);
+      });
+    }, {
+      immediate: true
+    });
     watch(() => props2.modelValue, (v2) => {
+      var _a, _b;
       if (!(v2 == null ? void 0 : v2.length)) {
         selectedList.value = [];
+        (_a = copyData.value) == null ? void 0 : _a.forEach((item) => {
+          item.isSelected = false;
+        });
         return;
       }
       const list = [];
       v2.forEach((item) => {
-        var _a;
+        var _a2;
         const seleted = selectedList.value.find((set) => set.id === item.id && set.name === item.name);
         if ((seleted == null ? void 0 : seleted.toValueKey()) === JSON.stringify(item)) {
           seleted.values = item.values || [];
@@ -38335,15 +38378,18 @@ var Component = defineComponent({
             searchItem = props2.conditions.find((set) => set.id === item.id);
             searchItem && (searchType = "condition");
           }
-          if (!searchItem && !((_a = item.values) == null ? void 0 : _a.length)) {
+          if (!searchItem && !((_a2 = item.values) == null ? void 0 : _a2.length)) {
             searchType = "text";
           }
-          const newSelected = new SelectedItem(searchItem || item, searchType);
+          const newSelected = new SelectedItem(searchItem || item, searchType, splitCode.value);
           newSelected.values = item.values || [];
           list.push(newSelected);
         }
       });
       selectedList.value = list;
+      (_b = copyData.value) == null ? void 0 : _b.forEach((item) => {
+        item.isSelected = !!list.some((set) => set.id === item.id);
+      });
     }, {
       immediate: true,
       deep: true
@@ -38359,7 +38405,8 @@ var Component = defineComponent({
       onEditEnter,
       onEditBlur,
       onValidate,
-      editKey
+      editKey,
+      valueSplitCode: splitCode
     });
     function onEditClick(item, index) {
       editKey.value = `${item.id}_${index}`;
@@ -38440,9 +38487,11 @@ var Component = defineComponent({
       inputRef,
       wrapRef,
       isFocus,
+      copyData,
       selectedList,
       overflowIndex,
       validateStr,
+      splitCode,
       onEditClick,
       onEditEnter,
       handleWrapClick,
@@ -38481,23 +38530,23 @@ var Component = defineComponent({
         maxHeight
       }
     }, [createVNode(SearchSelected, {
-      "data": this.data,
+      "data": this.copyData,
       "conditions": this.conditions,
       "selectedList": this.selectedList,
       "overflowIndex": this.overflowIndex,
-      "geMenuList": this.getMenuList,
+      "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
       "onDelete": this.handleDeleteSelected
     }, __spreadValues({}, menuSlots)), createVNode("div", {
       "class": "search-container-input"
     }, [createVNode(SearchSelectInput, {
       "ref": "inputRef",
-      "data": this.data,
+      "data": this.copyData,
       "showInputBefore": !this.selectedList.length,
       "showCondition": showCondition,
       "conditions": this.conditions,
       "clickOutside": this.handleInputOutside,
-      "geMenuList": this.getMenuList,
+      "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
       "onAdd": this.handleAddSelected,
       "onDelete": this.handleDeleteSelected,