@v-c/tabs 1.2.0 → 1.2.1

package/dist/TabPanelList/index.vue_vue_type_script_setup_true_lang.js

@@ -12,11 +12,13 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		animated: {},
 		tabPosition: {},
 		destroyOnHidden: { type: Boolean },
+		bodyStyle: {},
+		bodyClassName: {},
 		contentStyle: {},
 		contentClassName: {}
 	},
 	setup(__props) {
-		const { id, activeKey, animated, tabPosition, destroyOnHidden, contentStyle, contentClassName } = toRefs(__props);
+		const { id, activeKey, animated, tabPosition, destroyOnHidden, bodyStyle, bodyClassName, contentStyle, contentClassName } = toRefs(__props);
 		const ctx = useTabContext();
 		const tabs = computed(() => ctx?.value.tabs || []);
 		const prefixCls = computed(() => ctx?.value.prefixCls || "");
@@ -41,11 +43,15 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			return visitedKeys.has(item.key);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([`${prefixCls.value}-body-holder`]) }, [createElementVNode("div", { class: normalizeClass([
-				`${prefixCls.value}-body`,
-				`${prefixCls.value}-body-${unref(tabPosition)}`,
-				{ [`${prefixCls.value}-body-animated`]: tabPaneAnimated.value }
-			]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (item) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([`${prefixCls.value}-body-holder`]) }, [createElementVNode("div", {
+				class: normalizeClass([
+					`${prefixCls.value}-body`,
+					`${prefixCls.value}-body-${unref(tabPosition)}`,
+					{ [`${prefixCls.value}-body-animated`]: tabPaneAnimated.value },
+					unref(bodyClassName)
+				]),
+				style: normalizeStyle(unref(bodyStyle))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (item) => {
 				return openBlock(), createElementBlock(Fragment, { key: item.key }, [tabPaneAnimated.value ? (openBlock(), createBlock(Transition, mergeProps({
 					key: 0,
 					ref_for: true
@@ -107,7 +113,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					"style",
 					"class-name"
 				])), [[vShow, shouldDestroyOnHidden(item) ? true : item.key === unref(activeKey) || item.forceRender]]) : createCommentVNode("", true)], 64);
-			}), 128))], 2)], 2);
+			}), 128))], 6)], 2);
 		};
 	}
 });

package/dist/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -175,11 +175,15 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					unref(className)
 				]
 			}, restProps.value), [createVNode(Wrapper_default, mergeProps(tabNavBarProps.value, { "render-tab-bar": unref(renderTabBar) }), null, 16, ["render-tab-bar"]), createVNode(TabPanelList_default, mergeProps({ "destroy-on-hidden": unref(destroyOnHidden) }, sharedProps.value, {
+				"body-style": unref(styles)?.body,
+				"body-class-name": unref(tabsClassNames)?.body,
 				"content-style": unref(styles)?.content,
 				"content-class-name": unref(tabsClassNames)?.content,
 				animated: mergedAnimated.value
 			}), null, 16, [
 				"destroy-on-hidden",
+				"body-style",
+				"body-class-name",
 				"content-style",
 				"content-class-name",
 				"animated"

package/dist/interface.d.ts

@@ -114,7 +114,7 @@ export interface TabNodeProps {
 }
 export type TabPosition = 'left' | 'right' | 'top' | 'bottom';
 export type GetIndicatorSize = number | ((origin: number) => number);
-export type SemanticName = 'popup' | 'item' | 'indicator' | 'content' | 'header' | 'remove';
+export type SemanticName = 'popup' | 'item' | 'indicator' | 'body' | 'content' | 'header' | 'remove';
 export type RenderTabBar = (props: Record<string, any>, TabNavListComponent: any) => VueNode;
 export interface IndicatorConfig {
     size?: GetIndicatorSize;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/tabs",
   "type": "module",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "tabs ui component for react",
   "publishConfig": {
     "access": "public"
@@ -39,9 +39,9 @@
   "dependencies": {
     "@v-c/dropdown": "^1.0.2",
     "@v-c/menu": "^1.2.1",
-    "@v-c/overflow": "^1.1.0",
     "@v-c/resize-observer": "^1.1.2",
-    "@v-c/util": "^1.0.19"
+    "@v-c/util": "^1.0.19",
+    "@v-c/overflow": "^1.1.0"
   },
   "scripts": {
     "build": "vite build",