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

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;
@@ -37856,16 +37860,31 @@ var SearchSelectInput = defineComponent({
       const {
         values
       } = usingItem.value;
+      debugger;
       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;
@@ -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,9 +38003,9 @@ 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" && !((_b = (_a = usingItem.value) == null ? void 0 : _a.searchItem) == null ? void 0 : _b.async)) {
         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)) {
@@ -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,11 @@ const SearchSelectProps = {
     default: true
   },
   getMenuList: Function,
-  validateValues: Function
+  validateValues: Function,
+  valueSplitCode: {
+    type: String,
+    default: "|"
+  }
 };
 var Component = defineComponent({
   name: "SearchSelect",
@@ -38316,6 +38340,7 @@ var Component = defineComponent({
     const debounceResize = debounce(32, handleResize);
     const editKey = ref("");
     const validateStr = ref("");
+    const splitCode = computed(() => props2.valueSplitCode);
     watch(() => props2.modelValue, (v2) => {
       if (!(v2 == null ? void 0 : v2.length)) {
         selectedList.value = [];
@@ -38338,7 +38363,7 @@ var Component = defineComponent({
           if (!searchItem && !((_a = item.values) == null ? void 0 : _a.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);
         }
@@ -38359,7 +38384,8 @@ var Component = defineComponent({
       onEditEnter,
       onEditBlur,
       onValidate,
-      editKey
+      editKey,
+      valueSplitCode: splitCode
     });
     function onEditClick(item, index) {
       editKey.value = `${item.id}_${index}`;
@@ -38443,6 +38469,7 @@ var Component = defineComponent({
       selectedList,
       overflowIndex,
       validateStr,
+      splitCode,
       onEditClick,
       onEditEnter,
       handleWrapClick,
@@ -38485,7 +38512,7 @@ var Component = defineComponent({
       "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", {
@@ -38497,7 +38524,7 @@ var Component = defineComponent({
       "showCondition": showCondition,
       "conditions": this.conditions,
       "clickOutside": this.handleInputOutside,
-      "geMenuList": this.getMenuList,
+      "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
       "onAdd": this.handleAddSelected,
       "onDelete": this.handleDeleteSelected,