bkui-vue 0.0.1-beta.145 → 0.0.1-beta.146

package/dist/index.esm.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key2, value) => {
   __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
   return value;
 };
-import { inject, createVNode, h as h$1, mergeProps, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, provide, createTextVNode, isVNode, withDirectives, vShow, Fragment, toRefs, onUnmounted, Teleport, resolveDirective, customRef, onBeforeMount, toRef, vModelText, watchEffect, onUpdated, render as render$1, shallowRef, createApp, toRaw, withModifiers, TransitionGroup } from "vue";
+import { inject, createVNode, h as h$1, mergeProps, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, provide, createTextVNode, isVNode, withDirectives, vShow, renderSlot, Fragment, toRefs, onUnmounted, Teleport, resolveDirective, customRef, onBeforeMount, toRef, vModelText, watchEffect, onUpdated, render as render$1, shallowRef, createApp, toRaw, withModifiers, TransitionGroup } from "vue";
 var reset = "";
 var alert = "";
 var affix = "";
@@ -9784,6 +9784,7 @@ const propsCollapsePanel = __spreadValues({
   title: PropTypes.any,
   content: PropTypes.string,
   disabled: PropTypes.bool.def(false),
+  isFormList: PropTypes.bool.def(false),
   renderDirective: PropTypes.commonType(["if", "show"], "render").def("show"),
   modelValue: PropTypes.bool.def(false)
 }, CollapsePanelEventProps);
@@ -9878,6 +9879,7 @@ var CollapsePanel = defineComponent({
     slots
   }) {
     const localActiveItems = inject("localActiveItems");
+    const handleItemClick = inject("handleItemClick");
     const isActive = ref(props2.modelValue);
     watch(() => props2.modelValue, (newVal) => {
       isActive.value = newVal;
@@ -9889,7 +9891,7 @@ var CollapsePanel = defineComponent({
     }, {
       immediate: true
     });
-    function handleItemClick(props3) {
+    function clickItem(props3) {
       const {
         disabled,
         name,
@@ -9904,14 +9906,14 @@ var CollapsePanel = defineComponent({
       isActive.value = !isActive.value;
       emit("change", data2);
       emit("update:modelValue", isActive.value);
+      handleItemClick({
+        name
+      });
     }
     const transition = ref(collapseMotion$1(emit));
-    const {
-      content
-    } = props2;
     function getContent() {
-      if (content) {
-        return content;
+      if (props2.content) {
+        return props2.content;
       }
       if (typeof slots.content === "function") {
         return slots.content(h$1);
@@ -9943,7 +9945,9 @@ var CollapsePanel = defineComponent({
       } else {
         title = props2.title;
       }
-      return createVNode(Fragment, null, [createVNode("span", {
+      return createVNode("div", {
+        "class": "bk-collapse-header"
+      }, [createVNode("span", {
         "class": "bk-collapse-title"
       }, [title]), createVNode(angleRight, {
         "class": `bk-collapse-icon ${isActive.value && "rotate-icon" || ""}`
@@ -9954,8 +9958,7 @@ var CollapsePanel = defineComponent({
       return createVNode("div", {
         "class": `bk-collapse-item ${props2.disabled ? "is-disabled" : ""} ${isActive.value ? "bk-collapse-item-active" : ""}`
       }, [createVNode("div", {
-        "class": "bk-collapse-header",
-        "onClick": () => handleItemClick(props2)
+        "onClick": () => clickItem(props2)
       }, [renderHeader()]), createVNode(Transition, transition.value, _isSlot$8(_slot = renderPanel()) ? _slot : {
         default: () => [_slot]
       })]);
@@ -9983,7 +9986,6 @@ var Collapse = defineComponent({
     }, {
       immediate: true
     });
-    provide("localActiveItems", localActiveItems.value);
     const handleItemClick = (item) => {
       const {
         name
@@ -10006,14 +10008,17 @@ var Collapse = defineComponent({
       emit("item-click", item);
       emit("update:modelValue", localActiveItems.value);
     };
+    provide("localActiveItems", localActiveItems.value);
+    provide("handleItemClick", handleItemClick);
     const className = "bk-collapse-wrapper";
     if (!Array.isArray(props2.list) || !props2.list.length) {
-      return () => {
-        var _a;
-        return createVNode("div", {
-          "class": className
-        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-      };
+      return () => createVNode("div", {
+        class: className
+      }, [renderSlot(slots, "default", {
+        props: {
+          isList: true
+        }
+      })]);
     }
     const collapseData = computed(() => (props2.list || []).map((item, index) => {
       if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
@@ -10041,6 +10046,7 @@ var Collapse = defineComponent({
         "item-click": handleItemClick,
         "disabled": item.disabled,
         "name": name,
+        "isFormList": true,
         "title": title,
         "content": item[props2.contentField]
       }, null);
@@ -18918,7 +18924,7 @@ var TabNav = defineComponent({
         "onClick": () => this.handleTabRemove(index, item)
       }, null)]);
     });
-    const renderSlot = () => {
+    const renderSlot2 = () => {
       var _a, _b;
       const list = [];
       if (typeof this.$slots.add === "function") {
@@ -18948,7 +18954,7 @@ var TabNav = defineComponent({
       "class": "bk-tab-header"
     }, [createVNode("div", {
       "class": "bk-tab-header-nav"
-    }, [renderNavs()]), renderSlot(), typeof this.$slots.setting === "function" && createVNode("div", {
+    }, [renderNavs()]), renderSlot2(), typeof this.$slots.setting === "function" && createVNode("div", {
       "class": "bk-tab-header-setting"
     }, [this.$slots.setting()])]);
   }