bkui-vue 0.0.1-beta.442 → 0.0.1-beta.444

package/dist/index.esm.js

@@ -17422,6 +17422,7 @@ const IColumnType = {
       list: PropTypes.arrayOf(PropTypes.any).def([]),
       filterFn: PropTypes.func.def(void 0),
       match: fullType,
+      checked: PropTypes.arrayOf(PropTypes.any).def([]),
       filterScope: sortScopeType,
       btnSave: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def("\u786E\u5B9A"),
       btnReset: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def("\u91CD\u7F6E")
@@ -19133,13 +19134,18 @@ var HeadFilter = defineComponent({
   setup(props2, {
     emit
   }) {
+    var _a, _b;
     const t2 = useLocale("table");
     const {
       column
     } = props2;
+    const {
+      filter
+    } = toRefs(props2.column);
+    const checked = ref((_b = (_a = filter.value) == null ? void 0 : _a.checked) != null ? _b : []);
     const state = reactive({
       isOpen: false,
-      checked: []
+      checked: checked.value
     });
     const headClass = computed(() => classes({
       [resolveClassName("table-head-action")]: true,
@@ -19162,21 +19168,21 @@ var HeadFilter = defineComponent({
     const localData = computed(() => {
       const {
         list = []
-      } = column.filter;
+      } = filter.value;
       return list;
     });
     const getRegExp = (searchValue, flags = "ig") => new RegExp(`${searchValue}`.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), flags);
-    const defaultFilterFn = (checked, row) => {
+    const defaultFilterFn = (checked2, row) => {
       const {
         match: match2
-      } = column.filter;
+      } = filter.value;
       const matchText = getRowText(row, resolvePropVal(column, "field", [column, row]), column);
       if (match2 === "full") {
-        checked.includes(matchText);
+        checked2.includes(matchText);
       }
-      return checked.some((str) => getRegExp(str, "img").test(matchText));
+      return checked2.some((str) => getRegExp(str, "img").test(matchText));
     };
-    const filterFn = typeof column.filter.filterFn === "function" ? (checked, row, index2, data2) => column.filter.filterFn(checked, row, props2.column, index2, data2) : (checked, row) => checked.length ? defaultFilterFn(checked, row) : true;
+    const filterFn = typeof filter.value.filterFn === "function" ? (checked2, row, index2, data2) => filter.value.filterFn(checked2, row, props2.column, index2, data2) : (checked2, row) => checked2.length ? defaultFilterFn(checked2, row) : true;
     const handleBtnSaveClick = () => {
       handleFilterChange(true);
       emit("filterSave", [...state.checked]);
@@ -19187,11 +19193,12 @@ var HeadFilter = defineComponent({
         disabled
       } = resolveBtnOption(btnSave, t2.value.confirm);
       if (disabled || btnSaveClick) {
-        if (props2.column.filter === "custom") {
+        if (filter.value === "custom") {
           emit("change", [...state.checked], null);
           state.isOpen = false;
           return;
         }
+        filter.value.checked = state.checked;
         emit("change", [...state.checked], filterFn);
       }
     };
@@ -19213,7 +19220,7 @@ var HeadFilter = defineComponent({
     const {
       btnSave,
       btnReset
-    } = column.filter;
+    } = filter.value;
     const renderSaveBtn = () => {
       const {
         disabled,
@@ -40159,6 +40166,7 @@ var SearchSelectInput = defineComponent({
     showInputBefore: Boolean,
     showCondition: Boolean,
     clickOutside: Function,
+    placeholder: String,
     conditions: {
       type: Array,
       default: () => []
@@ -40662,7 +40670,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,
@@ -40841,6 +40849,7 @@ const SearchSelectProps = {
     type: Boolean,
     default: true
   },
+  placeholder: String,
   getMenuList: Function,
   validateValues: Function,
   valueSplitCode: {
@@ -40865,7 +40874,7 @@ var Component$1 = defineComponent({
     clickoutside: ClickOutside
   },
   props: SearchSelectProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "search"],
   setup(props2, {
     emit
   }) {
@@ -41026,9 +41035,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,
@@ -41047,7 +41063,9 @@ var Component$1 = defineComponent({
       handleInputOutside,
       handleAddSelected,
       handleDeleteSelected,
-      localConditions
+      handleClickSearch,
+      localConditions,
+      t: t2
     };
   },
   render() {
@@ -41093,6 +41111,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,
@@ -41106,6 +41125,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"