@v-c/tabs 1.3.0 → 1.3.1

package/dist/TabNavList/AddButton.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, toRefs, unref } from "vue";
-import { RenderComponent } from "@v-c/util";
+import { RenderComponent, isVueRenderable } from "@v-c/util";
 //#region src/TabNavList/AddButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var AddButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -29,7 +29,7 @@ var AddButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				style: normalizeStyle(unref(style)),
 				"aria-label": unref(locale)?.addAriaLabel || "Add tab",
 				onClick: handleClick
-			}, [createVNode(unref(RenderComponent), { render: unref(editable).addIcon || "+" }, null, 8, ["render"])], 14, _hoisted_1)) : createCommentVNode("", true);
+			}, [createVNode(unref(RenderComponent), { render: unref(isVueRenderable)(unref(editable).addIcon) ? unref(editable).addIcon : "+" }, null, 8, ["render"])], 14, _hoisted_1)) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/TabNavList/OperationNode.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { getRemovable } from "../utils.js";
 import AddButton_default from "./AddButton.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, toRefs, unref, useTemplateRef, watch, withCtx } from "vue";
-import { clsx } from "@v-c/util";
+import { clsx, isVueRenderable } from "@v-c/util";
 import RenderComponent$1 from "@v-c/util/dist/RenderComponent";
 import DropDown from "@v-c/dropdown";
 import Menu from "@v-c/menu";
@@ -87,7 +87,7 @@ var OperationNode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						e.stopPropagation();
 						onRemoveTab(e, key);
 					}
-				}, [closeIcon || editable.value?.removeIcon || "×"]) : null] });
+				}, [isVueRenderable(closeIcon) ? closeIcon : isVueRenderable(editable.value?.removeIcon) ? editable.value.removeIcon : "×"]) : null] });
 			}) });
 		});
 		const overlayClassName = computed(() => {
@@ -179,13 +179,13 @@ var OperationNode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				key: 0,
 				"prefix-cls": dropdownPrefix.value,
 				overlay: overlayNode.value,
-				visible: __props.tabs.length ? open.value : false,
+				open: __props.tabs.length ? open.value : false,
 				"overlay-class-name": overlayClassName.value,
 				"overlay-style": unref(popupStyle),
 				"mouse-enter-delay": .1,
 				"mouse-leave-delay": .1,
 				"get-popup-container": unref(getPopupContainer)
-			}, unref(moreProps), { onVisibleChange: _cache[0] || (_cache[0] = ($event) => open.value = $event) }), {
+			}, unref(moreProps), { onOpenChange: _cache[0] || (_cache[0] = ($event) => open.value = $event) }), {
 				default: withCtx(() => [createElementVNode("button", {
 					id: `${unref(id)}-more`,
 					type: "button",
@@ -200,7 +200,7 @@ var OperationNode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			}, 16, [
 				"prefix-cls",
 				"overlay",
-				"visible",
+				"open",
 				"overlay-class-name",
 				"overlay-style",
 				"get-popup-container"

package/dist/TabNavList/TabNode.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { genDataNodeKey, getRemovable } from "../utils.js";
 import { computed, createBlock, defineComponent, h, onMounted, openBlock, ref, toRefs, unref, watch } from "vue";
-import RenderComponent from "@v-c/util/dist/RenderComponent";
+import { isVueRenderable } from "@v-c/util";
+import RenderComponent$1 from "@v-c/util/dist/RenderComponent";
 import { isEmptyElement } from "@v-c/util/dist/props-util";
 //#region src/TabNavList/TabNode.vue?vue&type=script&setup=true&lang.ts
 var TabNode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -86,8 +87,8 @@ var TabNode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				"aria-live": "polite",
 				"style": "width: 0; height: 0; position: absolute; overflow: hidden; opacity: 0;"
 			}, `Tab ${props.currentPosition} of ${props.tabCount}`));
-			if (tab.value.icon) btnChildren.push(h("span", { class: [`${tabPrefix.value}-icon`] }, [h(RenderComponent, { render: tab.value.icon })]));
-			if (tab.value.label) if (typeof tab.value.label === "string" && !isEmptyElement(tab.value.icon)) btnChildren.push(h("span", {}, tab.value.label));
+			if (isVueRenderable(tab.value.icon)) btnChildren.push(h("span", { class: [`${tabPrefix.value}-icon`] }, [h(RenderComponent$1, { render: tab.value.icon })]));
+			if (isVueRenderable(tab.value.label)) if (typeof tab.value.label === "string" && !isEmptyElement(tab.value.icon)) btnChildren.push(h("span", {}, tab.value.label));
 			else btnChildren.push(tab.value.label);
 			const children = [h("div", {
 				"id": tab.value.id && `${tab.value.id}-tab-${tab.value.key}`,
@@ -118,7 +119,7 @@ var TabNode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 					e.stopPropagation();
 					onRemove(e);
 				}
-			}, [h(RenderComponent, { render: tab.value.closeIcon || editable.value && editable.value.removeIcon || "×" })]));
+			}, [h(RenderComponent$1, { render: isVueRenderable(tab.value.closeIcon) ? tab.value.closeIcon : isVueRenderable(editable.value?.removeIcon) ? editable.value.removeIcon : "×" })]));
 			return h("div", {
 				"key": tab.value.key,
 				"data-node-key": genDataNodeKey(tab.value.key),
@@ -129,7 +130,7 @@ var TabNode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		});
 		const finalNode = computed(() => props.renderWrapper ? props.renderWrapper(node.value) : node.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RenderComponent), { render: finalNode.value }, null, 8, ["render"]);
+			return openBlock(), createBlock(unref(RenderComponent$1), { render: finalNode.value }, null, 8, ["render"]);
 		};
 	}
 });

package/dist/TabPanelList/index.vue_vue_type_script_setup_true_lang.js

@@ -67,11 +67,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 							...unref(contentStyle) || {},
 							...item.style || {}
 						}),
-						"class-name": [
-							unref(contentClassName),
-							item.className,
-							item.key !== unref(activeKey) && `${tabPanePrefixCls.value}-hidden`
-						]
+						"class-name": [unref(contentClassName), item.className]
 					}, {
 						default: withCtx(() => [createVNode(unref(RenderComponent), { render: item.children }, null, 8, ["render"])]),
 						_: 2
@@ -83,7 +79,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"active",
 						"style",
 						"class-name"
-					])), [[vShow, shouldDestroyOnHidden(item) ? true : item.key === unref(activeKey) || item.forceRender]]) : createCommentVNode("", true)]),
+					])), [[vShow, shouldDestroyOnHidden(item) ? true : item.key === unref(activeKey)]]) : createCommentVNode("", true)]),
 					_: 2
 				}, 1040)) : createCommentVNode("", true), !tabPaneAnimated.value && shouldRender(item) ? withDirectives((openBlock(), createBlock(TabPane_default, {
 					key: 1,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/tabs",
   "type": "module",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "tabs ui component for react",
   "publishConfig": {
     "access": "public"
@@ -37,11 +37,11 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/dropdown": "^1.0.5",
-    "@v-c/menu": "^1.3.0",
-    "@v-c/overflow": "^1.1.1",
+    "@v-c/dropdown": "^1.1.0",
+    "@v-c/menu": "^1.4.0",
+    "@v-c/util": "^1.2.0",
     "@v-c/resize-observer": "^1.1.3",
-    "@v-c/util": "^1.1.0"
+    "@v-c/overflow": "^1.1.2"
   },
   "scripts": {
     "build": "vite build",