bkui-vue 0.0.1-beta.360 → 0.0.1-beta.362

package/dist/index.esm.js

@@ -10176,7 +10176,7 @@ var CollapsePanel = defineComponent({
     watch(() => props2.modelValue, (newVal) => {
       isActive.value = newVal;
     });
-    watch(() => localActiveItems, (newVal) => {
+    watch(localActiveItems, (newVal) => {
       if (newVal == null ? void 0 : newVal.length) {
         isActive.value = newVal.includes(props2.name);
       }
@@ -10303,7 +10303,7 @@ var Collapse = defineComponent({
       emit("item-click", item);
       emit("update:modelValue", localActiveItems.value);
     };
-    provide("localActiveItems", localActiveItems.value);
+    provide("localActiveItems", localActiveItems);
     provide("handleItemClick", handleItemClick);
     const className = "bk-collapse-wrapper";
     if (!Array.isArray(props2.list) || !props2.list.length) {
@@ -16559,7 +16559,7 @@ var Column = defineComponent({
     return () => {
       var _a;
       return createVNode(Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots, {
-        data: {}
+        row: {}
       })]);
     };
   }
@@ -17650,7 +17650,6 @@ const getColumnReactWidth = (colmun, orders = ["resizeWidth", "calcWidth", "widt
   return (_b = (_a = colmun[orders[0]]) != null ? _a : colmun[orders[1]]) != null ? _b : colmun[orders[2]];
 };
 const resolveColumnWidth = (root, colgroups, autoWidth = COL_MIN_WIDTH, offsetWidth = 0) => {
-  console.log("resolveColumnWidth");
   const {
     width
   } = root.getBoundingClientRect() || {};
@@ -17756,6 +17755,10 @@ const observerResize = (root, callbackFn, delay = 60, immediate = false, resizer
   return {
     start: () => {
       resizeObserver.observe(root);
+    },
+    disconnect: () => {
+      resizeObserver.unobserve(root);
+      resizeObserver.disconnect();
     }
   };
 };
@@ -19356,6 +19359,9 @@ const useClass = (props2, targetColumns, root, reactiveProp, pageData) => {
     }
   };
   const updateBorderClass = (root2) => {
+    if (!root2) {
+      return;
+    }
     const querySelector = props2.virtualEnabled ? `.${resolveClassName("virtual-section")}` : `.${resolveClassName("table-body-content")}`;
     const rootBody = root2.querySelector(".bk-table-body");
     hasScrollY.value = hasRootScrollY(rootBody, querySelector, 0);
@@ -19943,6 +19949,9 @@ var Component$e = defineComponent({
     };
     onMounted(() => {
       observerIns = observerResize(root.value, () => {
+        if (!root.value) {
+          return;
+        }
         if (props2.height === "100%" || props2.height === "auto") {
           resetTableHeight(root.value);
         }
@@ -19953,6 +19962,7 @@ var Component$e = defineComponent({
       observerIns.start();
     });
     onBeforeUnmount(() => {
+      observerIns.disconnect();
       observerIns = null;
       tableRender.destroy();
     });
@@ -38244,6 +38254,11 @@ var SearchSelectMenu = defineComponent({
     }, [item.name]))])]);
   }
 });
+var ValueBehavior = /* @__PURE__ */ ((ValueBehavior2) => {
+  ValueBehavior2["ALL"] = "all";
+  ValueBehavior2["NEEDKEY"] = "need-key";
+  return ValueBehavior2;
+})(ValueBehavior || {});
 const SEARCH_SLECT_PROVIDER_KEY = Symbol("SEARCH_SLECT_PROVIDER_KEY");
 const useSearchSelectProvider = (data2) => {
   provide(SEARCH_SLECT_PROVIDER_KEY, data2);
@@ -38356,7 +38371,8 @@ var SearchSelectInput = defineComponent({
       default: SearchInputMode.DEFAULT
     },
     getMenuList: Function,
-    validateValues: Function
+    validateValues: Function,
+    valueBehavior: String
   },
   emits: ["focus", "add", "delete"],
   setup(props2, {
@@ -38397,14 +38413,20 @@ var SearchSelectInput = defineComponent({
       var _a;
       if (((_a = menuList.value) == null ? void 0 : _a.some((item) => !item.disabled)) && showPopover.value) {
         if (!isBindEvent) {
-          menuHoverId.value = "";
+          if (props2.valueBehavior === ValueBehavior.NEEDKEY) {
+            menuHoverId.value = menuList.value.find((item) => !item.disabled).id;
+          } else {
+            menuHoverId.value = "";
+          }
           isBindEvent = true;
           document.addEventListener("keydown", handleDocumentKeydown);
         }
       } else {
         document.removeEventListener("keydown", handleDocumentKeydown);
         isBindEvent = false;
-        menuHoverId.value = "";
+        if (props2.valueBehavior !== ValueBehavior.NEEDKEY) {
+          menuHoverId.value = "";
+        }
       }
     });
     function handleDocumentKeydown(e) {
@@ -38430,7 +38452,7 @@ var SearchSelectInput = defineComponent({
         index2 = e.code === "ArrowDown" ? index2 + 1 : index2 - 1;
         index2 = index2 > len - 1 ? 0 : index2 < 0 ? len - 1 : index2;
         const item = menuList.value[index2];
-        if (!item.disabled) {
+        if (item && !item.disabled) {
           i2 = -1;
           const dom = document.getElementById(item.id);
           dom == null ? void 0 : dom.focus();
@@ -38487,6 +38509,8 @@ var SearchSelectInput = defineComponent({
       switch (event.code) {
         case "Enter":
         case "NumpadEnter":
+          if (props2.valueBehavior === ValueBehavior.NEEDKEY && menuList.value.some((item) => item.id === menuHoverId.value))
+            return;
           handleKeyEnter(event);
           break;
         case "Backspace":
@@ -38499,8 +38523,9 @@ var SearchSelectInput = defineComponent({
     async function handleKeyEnter(event) {
       var _a;
       event == null ? void 0 : event.preventDefault();
+      await new Promise((r2) => setTimeout(r2, 0));
       if (!usingItem.value) {
-        if (!keyword.value)
+        if (!keyword.value || props2.valueBehavior === ValueBehavior.NEEDKEY)
           return;
         const value = {
           id: keyword.value,
@@ -38544,6 +38569,7 @@ var SearchSelectInput = defineComponent({
           emit("add", usingItem.value);
           keyword.value = "";
           usingItem.value = null;
+          setInputFocus(true);
           return;
         }
         showNoSelectValueError.value = true;
@@ -38568,18 +38594,28 @@ var SearchSelectInput = defineComponent({
           setInputFocus();
           return;
         }
+      } else if (!keyword.value) {
+        usingItem.value = null;
+        keyword.value = "";
+        setMenuList();
       }
       onValidate("");
     }
     async function handleSelectItem(item, type) {
       var _a, _b, _c, _d;
       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, valueSplitCode.value);
-        seleted.addValue(item.value);
-        setSelectedItem(seleted);
-        return;
+        if (props2.valueBehavior === ValueBehavior.NEEDKEY && item.value || !props2.validateValues) {
+          const seleted = new SelectedItem(__spreadProps(__spreadValues({}, item), {
+            id: (_b = item.realId) != null ? _b : item.id
+          }), type, valueSplitCode.value);
+          seleted.addValue(item.value);
+          setSelectedItem(seleted);
+          if (props2.valueBehavior === ValueBehavior.NEEDKEY && menuHoverId.value) {
+            setInputFocus(true);
+          }
+          menuHoverId.value = "";
+          return;
+        }
       }
       if (!usingItem.value || !((_c = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _c.innerText)) {
         usingItem.value = new SelectedItem(item, type, valueSplitCode.value);
@@ -38587,7 +38623,7 @@ var SearchSelectInput = defineComponent({
         const isCondition = type === "condition";
         isCondition && setSelectedItem();
         showPopover.value = isCondition || !!usingItem.value.children.length;
-        setInputFocus();
+        setInputFocus(props2.valueBehavior === ValueBehavior.NEEDKEY && !!menuHoverId.value);
         return;
       }
       if (((_d = usingItem.value) == null ? void 0 : _d.type) === "condition") {
@@ -38599,7 +38635,11 @@ var SearchSelectInput = defineComponent({
       const res = await validateUsingItemValues(item);
       if (!res)
         return;
-      !usingItem.value.multiple && setSelectedItem();
+      if (props2.valueBehavior === ValueBehavior.NEEDKEY && usingItem.value.multiple) {
+        setInputFocus();
+      } else {
+        setSelectedItem();
+      }
     }
     function handleSelectCondtionItem(item) {
       handleSelectItem(item, "condition");
@@ -38611,7 +38651,7 @@ var SearchSelectInput = defineComponent({
           break;
         case "cancel":
           usingItem.value.values = [];
-          setInputFocus();
+          showPopover.value = false;
           break;
       }
     }
@@ -38640,7 +38680,12 @@ var SearchSelectInput = defineComponent({
       onValidate("");
       return true;
     }
-    function setInputFocus() {
+    function setInputFocus(refleshMenuList = false) {
+      if (refleshMenuList) {
+        nextTick().then(() => {
+          setMenuList();
+        });
+      }
       isFocus.value = true;
       showPopover.value = true;
       showNoSelectValueError.value = false;
@@ -38712,12 +38757,18 @@ var SearchSelectInput = defineComponent({
         list = usingItem.value.children.filter((item) => item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase()));
       }
       menuList.value = list;
+      if (props2.valueBehavior === ValueBehavior.NEEDKEY) {
+        const hoverItem = list.find((item) => !item.disabled);
+        if (hoverItem && (!menuHoverId.value || menuHoverId.value && !list.some((item) => item.id === menuHoverId.value))) {
+          menuHoverId.value = hoverItem.id;
+        }
+      }
     }
     function setSelectedItem(item) {
       emit("add", item != null ? item : usingItem.value);
       usingItem.value = null;
       keyword.value = "";
-      setInputFocus();
+      setInputFocus(props2.valueBehavior === ValueBehavior.NEEDKEY);
     }
     function clearInput() {
       const text = inputRef.value.innerText;
@@ -38853,7 +38904,8 @@ var SearchSelected = defineComponent({
       default: () => []
     },
     getMenuList: Function,
-    validateValues: Function
+    validateValues: Function,
+    valueBehavior: String
   },
   emits: ["delete"],
   setup(_props, {
@@ -38918,6 +38970,7 @@ var SearchSelected = defineComponent({
       "clickOutside": this.handleInputOutside,
       "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
+      "valueBehavior": this.valueBehavior,
       "onAdd": (v2) => this.handleAddSelected(v2, index2),
       "onFocus": this.handleInputFocus
     }, null)]) : createVNode("li", {
@@ -38981,6 +39034,13 @@ const SearchSelectProps = {
   uniqueSelect: {
     type: Boolean,
     default: false
+  },
+  valueBehavior: {
+    type: String,
+    default: ValueBehavior.ALL,
+    validator(v2) {
+      return [ValueBehavior.ALL, ValueBehavior.NEEDKEY].includes(v2);
+    }
   }
 };
 var Component = defineComponent({
@@ -39193,6 +39253,7 @@ var Component = defineComponent({
       "overflowIndex": this.overflowIndex,
       "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
+      "valueBehavior": this.valueBehavior,
       "onDelete": this.handleDeleteSelected
     }, __spreadValues({}, menuSlots)), createVNode("div", {
       "class": "search-container-input"
@@ -39205,6 +39266,7 @@ var Component = defineComponent({
       "clickOutside": this.handleInputOutside,
       "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
+      "valueBehavior": this.valueBehavior,
       "onAdd": this.handleAddSelected,
       "onDelete": this.handleDeleteSelected,
       "onFocus": this.handleInputFocus