plain-design 1.0.0-beta.12 → 1.0.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.12",
+  "version": "1.0.0-beta.14",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/TabGroup/TabsInner.tsx

@@ -1,12 +1,14 @@
-import {designComponent, mergeAttrs, nextTick, PropType, reactive, useStyles, watch} from "plain-design-composition";
+import {designComponent, mergeAttrs, nextTick, PropType, reactive, RenderNode, useStyles, watch} from "plain-design-composition";
 import {PlTabComponent} from "../Tab";
 
 export const TabsInner = designComponent({
   props: {
     item: { type: Object as PropType<PlTabComponent>, required: true },
     active: { type: Boolean },
+    render: { type: Function as PropType<() => RenderNode>, required: true }
   },
-  setup({ props }) {
+  slots: ['default'],
+  setup({ props, slots }) {
 
     const state = reactive({
       show: false,
@@ -50,7 +52,7 @@ export const TabsInner = designComponent({
           { class: 'inner-tab', style: styles.value },
           props.item.attrs
         )}>
-          {!!state.init && props.item.slots.default()}
+          {!!state.init && props.render()}
         </div>
       )
     };

package/src/packages/components/TabGroup/index.tsx

@@ -101,7 +101,7 @@ export const TabGroup = designComponent({
         const body = (
           <div className="tabs-body">
             {[...tabs.value].sort((a, b) => String(a.val).localeCompare(String(b.val))).map((tab, index) => (
-              <TabsInner item={tab.item} key={index} active={tab.active}/>
+              <TabsInner item={tab.item} key={index} active={tab.active} render={() => tab.item.slots.default()}/>
             ))}
           </div>
         );

package/src/pages/index/components/normal/DemoTab.tsx

@@ -313,23 +313,23 @@ export const demoInit = designPage(() => {
         <Tab title="用户管理" style={{ padding: '20px 0' }}>
           <span>用户管理：</span>
           <Input
-            onMounted={() => console.log('用户管理 mouinted',)}
-            onBeforeMount={() => console.log('用户管理 unmount',)}
+            onMounted={() => console.log('用户管理 mounted',)}
+            onUnmounted={() => console.log('用户管理 unmount',)}
           />
         </Tab>
         <Tab title="立即初始化" style={{ padding: '20px 0' }} init>
           <span>子模块数据管理：</span>
           <Input
-            onMounted={() => console.log('立即初始化 mouinted',)}
-            onBeforeMount={() => console.log('立即初始化 unmount',)}
+            onMounted={() => console.log('立即初始化 mounted',)}
+            onUnmounted={() => console.log('立即初始化 unmount',)}
           />
         </Tab>
         <Tab title="关闭的时候销毁" style={{ padding: '20px 0' }} destroyOnHide>
           <span>数据集：</span>
           <Input
             modelValue={'初始值'}
-            onMounted={() => console.log('关闭的时候销毁 mouinted',)}
-            onBeforeMount={() => console.log('关闭的时候销毁 unmount',)}
+            onMounted={() => console.log('关闭的时候销毁 mounted',)}
+            onUnmounted={() => console.log('关闭的时候销毁 unmount',)}
           />
         </Tab>
       </TabGroup>