bkui-vue 0.0.1-beta.47 → 0.0.1-beta.48

package/dist/index.esm.js

@@ -8828,7 +8828,7 @@ const checkboxGroupProps = {
   modelValue: PropTypes.array,
   disabled: PropTypes.bool
 };
-var CheckboxGroup = defineComponent({
+var BkCheckboxGroup = defineComponent({
   name: "CheckboxGroup",
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
@@ -8877,7 +8877,7 @@ var CheckboxGroup = defineComponent({
     }, [(_a = this.$slots) == null ? void 0 : _a.default()]);
   }
 });
-const BkCheckbox = withInstallProps(Component$o, { Group: CheckboxGroup });
+const BkCheckbox = withInstallProps(Component$o, { Group: BkCheckboxGroup });
 var Component$n = defineComponent({
   name: "Collapse",
   props: {
@@ -9097,7 +9097,7 @@ var Component$m = defineComponent({
   }
 });
 const BkModal = withInstallProps(Component$m, { propsMixin: propsMixin$1 }, true);
-function _isSlot$3(s2) {
+function _isSlot$4(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Component$l = defineComponent({
@@ -9232,7 +9232,7 @@ var Component$l = defineComponent({
     const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""}`;
     return createVNode(BkModal, mergeProps(this.$props, {
       "class": className
-    }), _isSlot$3(dialogSlot) ? dialogSlot : {
+    }), _isSlot$4(dialogSlot) ? dialogSlot : {
       default: () => [dialogSlot]
     });
   }
@@ -9863,7 +9863,7 @@ const Line = (_2, {
     "style": titleStyle
   }, [showDefault()])])]), showDefault(false)]);
 };
-function _isSlot$2(s2) {
+function _isSlot$3(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Component$f = defineComponent({
@@ -9928,11 +9928,11 @@ var Component$f = defineComponent({
     const $props = __spreadProps(__spreadValues({}, this.$props), {
       percent: this.validPercent(this.percent)
     });
-    let progress2 = createVNode(Line, $props, _isSlot$2(progressInfo) ? progressInfo : {
+    let progress2 = createVNode(Line, $props, _isSlot$3(progressInfo) ? progressInfo : {
       default: () => [progressInfo]
     });
     if (this.type === "circle" || this.type === "dashboard") {
-      progress2 = createVNode(Circle, $props, _isSlot$2(progressInfo) ? progressInfo : {
+      progress2 = createVNode(Circle, $props, _isSlot$3(progressInfo) ? progressInfo : {
         default: () => [progressInfo]
       });
     }
@@ -11560,7 +11560,7 @@ var Component$a = defineComponent({
   }
 });
 const BkSelect = withInstallProps(Component$a, { Option: BkOption, Group: OptionGroup });
-function _isSlot$1(s2) {
+function _isSlot$2(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 const {
@@ -11621,7 +11621,7 @@ var Component$9 = defineComponent({
     return createVNode(BkModal, mergeProps(this.$props, {
       "class": className,
       "style": `${this.direction}: 0`
-    }), _isSlot$1(dialogSlot) ? dialogSlot : {
+    }), _isSlot$2(dialogSlot) ? dialogSlot : {
       default: () => [dialogSlot]
     });
   }
@@ -12163,7 +12163,7 @@ const tableProps = {
   pagination: PropTypes.oneOfType([PropTypes.bool.def(false), PropTypes.object.def({})]).def(false),
   remotePagination: PropTypes.bool.def(false)
 };
-function _isSlot(s2) {
+function _isSlot$1(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var useLimit = () => {
@@ -12208,7 +12208,7 @@ var useLimit = () => {
       "modelValue": localLimit.value,
       "onChange": handleLimitChange,
       "disabled": proxy.disabled
-    }, _isSlot(_slot = proxy.limitList.map((num, index) => createVNode(BkOption, {
+    }, _isSlot$1(_slot = proxy.limitList.map((num, index) => createVNode(BkOption, {
       "value": num,
       "label": num,
       "key": `${index}_${num}`
@@ -12758,6 +12758,9 @@ const getRowText = (row, key, column) => {
   }
   return row[key];
 };
+function _isSlot(s2) {
+  return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
+}
 var HeadFilter = defineComponent({
   name: "HeadFilter",
   props: {
@@ -12796,23 +12799,11 @@ var HeadFilter = defineComponent({
       }
     }];
     const theme = `light ${resolveClassName("table-head-filter")}`;
-    const handleItemChecked = (value, item) => {
-      const isChecked = !!value;
-      if (isChecked) {
-        state.checked.push(item.value);
-      } else {
-        const index = state.checked.findIndex((val) => val === item.value);
-        if (index >= 0) {
-          state.checked.splice(index, 1);
-        }
-      }
-    };
-    let localData = reactive([]);
-    watchEffect(() => {
+    const localData = computed(() => {
       const {
         list = []
       } = column.filter;
-      localData = list.map((item) => __spreadProps(__spreadValues({}, item), {
+      return list.map((item) => __spreadProps(__spreadValues({}, item), {
         checked: state.checked.includes(item.value)
       }));
     });
@@ -12824,8 +12815,6 @@ var HeadFilter = defineComponent({
     const handleBtnResetClick = () => {
       if (state.checked.length) {
         state.checked.splice(0, state.checked.length);
-        emit("change", state.checked, filterFn);
-        isShow.value = false;
       }
     };
     return () => createVNode(BkPopover, mergeProps({
@@ -12846,27 +12835,34 @@ var HeadFilter = defineComponent({
         "class": headClass.value,
         "onClick": () => isShow.value = true
       }, null),
-      content: () => createVNode("div", {
-        "class": headFilterContentClass
-      }, [createVNode("div", {
-        "class": "content-list"
-      }, [localData.map((item) => createVNode("div", {
-        "class": "list-item"
-      }, [createVNode(BkCheckbox, {
-        "label": item.text,
-        "checked": item.checked,
-        "onChange": (val) => handleItemChecked(val, item)
-      }, null)]))]), createVNode("div", {
-        "class": "content-footer"
-      }, [createVNode("span", {
-        "class": "btn-filter-save",
-        "onClick": handleBtnSaveClick
-      }, [createTextVNode("\u786E\u5B9A")]), createVNode("span", {
-        "class": "btn-filter-split"
-      }, null), createVNode("span", {
-        "class": ["btn-filter-reset", state.checked.length ? "" : "disable"],
-        "onClick": handleBtnResetClick
-      }, [createTextVNode("\u91CD\u7F6E")])])])
+      content: () => {
+        let _slot;
+        return createVNode("div", {
+          "class": headFilterContentClass
+        }, [createVNode(BkCheckboxGroup, {
+          "class": "content-list",
+          "modelValue": state.checked,
+          "onUpdate:modelValue": ($event) => state.checked = $event
+        }, _isSlot(_slot = localData.value.map((item) => createVNode("div", {
+          "class": "list-item"
+        }, [createVNode(BkCheckbox, {
+          "label": item.value
+        }, {
+          default: () => [item.text]
+        })]))) ? _slot : {
+          default: () => [_slot]
+        }), createVNode("div", {
+          "class": "content-footer"
+        }, [createVNode("span", {
+          "class": "btn-filter-save",
+          "onClick": handleBtnSaveClick
+        }, [createTextVNode("\u786E\u5B9A")]), createVNode("span", {
+          "class": "btn-filter-split"
+        }, null), createVNode("span", {
+          "class": ["btn-filter-reset", state.checked.length ? "" : "disable"],
+          "onClick": handleBtnResetClick
+        }, [createTextVNode("\u91CD\u7F6E")])])]);
+      }
     });
   }
 });
@@ -20766,7 +20762,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   ButtonGroup,
   Card: BkCard,
   Checkbox: BkCheckbox,
-  CheckboxGroup,
+  CheckboxGroup: BkCheckboxGroup,
   Collapse: BkCollaspe,
   Dialog: BkDialog,
   Exception: BkException,
@@ -20825,4 +20821,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };
+export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, BkCheckboxGroup as CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };