bkui-vue 0.0.1-beta.443 → 0.0.1-beta.445

package/dist/index.esm.js

@@ -14844,7 +14844,10 @@ function toLowerCase(value = "") {
 var BkOption = defineComponent({
   name: "Option",
   props: {
-    value: PropTypes.any,
+    value: {
+      type: [String, Number, Object],
+      require: true
+    },
     label: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(""),
     disabled: PropTypes.bool.def(false)
   },
@@ -16094,7 +16097,10 @@ var SelectTagInput = defineComponent({
       [resolveClassName("select-tag--default")]: true,
       "is-disabled": this.disabled,
       "collapse-tag": this.collapseTags,
-      "has-prefix": !!prefix
+      "has-prefix": !!prefix && (prefix == null ? void 0 : prefix.every((item) => {
+        var _a2;
+        return !!((_a2 = item.children) == null ? void 0 : _a2.length);
+      }))
     });
     const tagWrapperClass = classes({
       [resolveClassName("select-tag-wrapper")]: true
@@ -16205,6 +16211,7 @@ var Component$k = defineComponent({
       scrollHeight,
       list,
       displayKey,
+      idKey,
       collapseTags,
       autoHeight,
       popoverOptions,
@@ -16265,6 +16272,10 @@ var Component$k = defineComponent({
       return pre;
     }, {}));
     const activeOptionValue = ref();
+    const listMap = computed(() => list.value.reduce((pre, item) => {
+      pre[item[idKey.value]] = item[displayKey.value];
+      return pre;
+    }, {}));
     watch(modelValue, () => {
       var _a;
       handleSetSelectedData();
@@ -16285,7 +16296,7 @@ var Component$k = defineComponent({
     const isDisabled = computed(() => disabled.value || loading2.value);
     const selectedLabel = computed(() => selected.value.map((item) => {
       var _a, _b;
-      return ((_b = (_a = optionsMap.value) == null ? void 0 : _a.get(item.value)) == null ? void 0 : _b.label) || item.label;
+      return ((_b = (_a = optionsMap.value) == null ? void 0 : _a.get(item.value)) == null ? void 0 : _b.label) || item.label || listMap.value[item.value];
     }));
     const isAllSelected = computed(() => {
       const normalSelectedValues = options.value.reduce((pre, option) => {
@@ -16536,7 +16547,7 @@ var Component$k = defineComponent({
           }
         }
       }
-      return ((_b = (_a = optionsMap.value) == null ? void 0 : _a.get(tmpValue)) == null ? void 0 : _b.label) || cacheSelectedMap.value[tmpValue] || tmpValue;
+      return ((_b = (_a = optionsMap.value) == null ? void 0 : _a.get(tmpValue)) == null ? void 0 : _b.label) || cacheSelectedMap.value[tmpValue] || listMap.value[tmpValue] || tmpValue;
     };
     const handleSetSelectedData = () => {
       if (Array.isArray(modelValue.value)) {
@@ -19198,6 +19209,7 @@ var HeadFilter = defineComponent({
           state.isOpen = false;
           return;
         }
+        filter.value.checked = state.checked;
         emit("change", [...state.checked], filterFn);
       }
     };
@@ -40165,6 +40177,7 @@ var SearchSelectInput = defineComponent({
     showInputBefore: Boolean,
     showCondition: Boolean,
     clickOutside: Function,
+    placeholder: String,
     conditions: {
       type: Array,
       default: () => []
@@ -40668,7 +40681,7 @@ var SearchSelectInput = defineComponent({
           "input-after": showInputAfter
         },
         "contenteditable": true,
-        "data-placeholder": !inputInnerHtml && !this.keyword ? this.t.pleaseSelect : "",
+        "data-placeholder": !inputInnerHtml && !this.keyword ? this.placeholder : "",
         "data-tips": placeholder || "",
         "spellcheck": "false",
         "onFocus": this.handleInputFocus,
@@ -40847,6 +40860,7 @@ const SearchSelectProps = {
     type: Boolean,
     default: true
   },
+  placeholder: String,
   getMenuList: Function,
   validateValues: Function,
   valueSplitCode: {
@@ -40871,7 +40885,7 @@ var Component$1 = defineComponent({
     clickoutside: ClickOutside
   },
   props: SearchSelectProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "search"],
   setup(props2, {
     emit
   }) {
@@ -41032,9 +41046,16 @@ var Component$1 = defineComponent({
       emit("update:modelValue", list.map((item) => item.toValue()));
     }
     function handleInputFocus(v2) {
+      var _a;
       v2 && (overflowIndex.value = -1);
+      if (v2 === false) {
+        (_a = wrapRef.value.querySelector(".bk-search-select-container")) == null ? void 0 : _a.scrollTo(0, 0);
+      }
       isFocus.value = v2;
     }
+    function handleClickSearch(e) {
+      emit("search", e);
+    }
     return {
       inputRef,
       wrapRef,
@@ -41053,7 +41074,9 @@ var Component$1 = defineComponent({
       handleInputOutside,
       handleAddSelected,
       handleDeleteSelected,
-      localConditions
+      handleClickSearch,
+      localConditions,
+      t: t2
     };
   },
   render() {
@@ -41099,6 +41122,7 @@ var Component$1 = defineComponent({
       "showInputBefore": !this.selectedList.length,
       "showCondition": showCondition,
       "conditions": this.localConditions,
+      "placeholder": this.placeholder || this.t.pleaseSelect,
       "clickOutside": this.handleInputOutside,
       "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
@@ -41112,6 +41136,7 @@ var Component$1 = defineComponent({
       "class": "search-clear",
       "onClick": this.handleClearAll
     }, null), this.$slots.append ? this.$slots.append() : createVNode(search, {
+      "onClick": this.handleClickSearch,
       "class": `search-nextfix-icon ${this.isFocus ? "is-focus" : ""}`
     }, null)])]), !!this.validateStr.length && createVNode("div", {
       "class": "bk-search-select-tips"