chore: components docs、install optimization

jd/generate-nutui-taro-vue.js

@@ -6,9 +6,11 @@ let importStr = `//import { App } from 'vue';\n`;
 const packages = [];
 config.nav.map((item) => {
   item.packages.forEach((element) => {
-    let { name, show, type, taro } = element;
-    if (show && taro) {
-      importStr += `import ${name} from './__VUE/${name.toLowerCase()}/index.taro.vue';\n`;
+    let { name, show, type, taro, exportEmpty } = element;
+    if (taro && (show || exportEmpty)) {
+      importStr += `import ${name} from './__VUE/${name.toLowerCase()}/index${
+        exportEmpty ? '' : '.taro'
+      }.vue';\n`;
       packages.push(name);
     }
   });

jd/generate-nutui.js

@@ -4,10 +4,10 @@ const path = require('path');
 const fs = require('fs-extra');
 let importStr = `import { App } from 'vue';\n`;
 const packages = [];
-config.nav.map(item => {
-  item.packages.forEach(element => {
-    let { name, show, type } = element;
-    if (show) {
+config.nav.map((item) => {
+  item.packages.forEach((element) => {
+    let { name, show, type, exportEmpty } = element;
+    if (show || exportEmpty) {
       importStr += `import ${name} from './__VUE/${name.toLowerCase()}/index${
         type === 'methods' ? '' : '.vue'
       }';\n`;
@@ -33,7 +33,7 @@ fs.outputFile(
   path.resolve(__dirname, '../src/packages/nutui.vue.ts'),
   fileStr,
   'utf8',
-  error => {
+  (error) => {
     // logger.success(`${package_config_path} 文件写入成功`);
   }
 );

src/config.json

@@ -134,6 +134,8 @@
           "cName": "单元格组件",
           "type": "component",
           "show": false,
+          "taro":true,
+          "exportEmpty": true,
           "desc": "展示分组列表",
           "author": "richard1015"
         },
@@ -194,6 +196,8 @@
           "cName": "布局-Col",
           "type": "component",
           "show": false,
+          "taro":true,
+          "exportEmpty": true,
           "desc": "布局组件Col",
           "author": "undo"
         },
@@ -204,6 +208,8 @@
           "cName": "布局-Row",
           "type": "component",
           "show": false,
+          "taro":true,
+          "exportEmpty": true,
           "desc": "布局组件Row",
           "author": "undo"
         }
@@ -266,6 +272,7 @@
           "cName": "折叠面板-item",
           "type": "component",
           "show": false,
+          "exportEmpty": true,
           "desc": "折叠面板-item",
           "author": "Ymm0008"
         },
@@ -379,6 +386,8 @@
           "cName": "步骤条子组件",
           "type": "component",
           "show": false,
+          "taro":true,
+          "exportEmpty": true,
           "desc": "步骤条子组件",
           "author": "ailululu"
         },
@@ -401,6 +410,8 @@
           "cName": "轮播图子组件",
           "type": "component",
           "show": false,
+          "taro":true,
+          "exportEmpty": true,
           "desc": "轮播图子组件",
           "author": "suzigang"
         },
@@ -505,6 +516,8 @@
           "cName": "标签组件",
           "type": "component",
           "show": false,
+          "taro":true,
+          "exportEmpty": true,
           "desc": "标签组件",
           "author": "zhenyulei"
         },
@@ -524,6 +537,8 @@
           "sort": 2,
           "cName": "菜单组件",
           "type": "component",
+          "taro":true,
+          "exportEmpty": true,
           "show": false,
           "desc": "下拉菜单组件",
           "author": "vickyYE"
@@ -541,11 +556,13 @@
         },
         {
           "version": "3.0.0",
-          "name": "Tabbaritem",
+          "name": "TabbarItem",
           "sort": 2,
           "cName": "标签栏子组件",
           "type": "component",
           "show": false,
+          "taro":true,
+          "exportEmpty": true,
           "desc": "标签栏子组件",
           "author": "Drjingfubo"
         },
@@ -596,6 +613,8 @@
           "desc": "多选按钮组",
           "sort": 11,
           "show": false,
+          "taro": true,
+          "exportEmpty": true,
           "author": "Ymm0008"
         },
         {
@@ -650,6 +669,8 @@
           "cName": "单选按钮组",
           "desc": "单选按钮组",
           "sort": 10,
+          "taro": true,
+          "exportEmpty": true,
           "show": false,
           "author": "Ymm0008"
         },

src/packages/__VUE/actionsheet/doc.md

@@ -9,12 +9,12 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { ActionSheet } from '@nutui/nutui';
+import { ActionSheet, Popup } from '@nutui/nutui';
 // taro
-import { ActionSheet } from '@nutui/nutui-taro';
+import { ActionSheet, Popup } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(ActionSheet);
+app.use(ActionSheet).use(Popup);
 ```
 
 ## 基本用法

src/packages/__VUE/address/doc.md

@@ -2,21 +2,21 @@
 
 ### 介绍
 
-按需加载请加载对应依赖组件 Icon Popup
+按需加载请加载对应依赖组件 Icon Popup Elevator
 
 ### 安装
 
 ``` javascript
 import { createApp } from 'vue';
 //vue
-import { Address, Icon, Popup } from '@nutui/nutui';
+import { Address, Popup, Elevator } from '@nutui/nutui';
 //taro
-import { Address, Icon, Popup } from '@nutui/nutui-taro';
+import { Address, Popup, Elevator } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Address);
-app.use(Icon);
 app.use(Popup);
+app.use(Elevator);
 
 ```
 

src/packages/__VUE/address/index.taro.vue

@@ -157,11 +157,8 @@
 <script lang="ts">
 import { reactive, ref, toRefs, watch, nextTick, computed } from 'vue';
 import { createComponent } from '../../utils/create';
-import Icon from '../icon/index.taro.vue';
-import Popup from '../popup/index.taro.vue';
 import Taro from '@tarojs/taro';
 import { transformData } from './transformData';
-import Elevator from './../elevator/index.taro.vue';
 
 const { create, componentName } = createComponent('address');
 
@@ -187,7 +184,6 @@ interface AddressList {
   selectedAddress: boolean;
 }
 export default create({
-  children: [Elevator],
   inheritAttrs: false,
   props: {
     visible: {
@@ -259,11 +255,6 @@ export default create({
       default: '200px'
     }
   },
-  components: {
-    'nut-icon': Icon,
-    'nut-popup': Popup,
-    'nut-elevator': Elevator
-  },
   emits: [
     'update:visible',
     'type',

src/packages/__VUE/address/index.vue

@@ -158,7 +158,6 @@ import { reactive, ref, toRefs, watch, nextTick, computed } from 'vue';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('address');
 import { transformData } from './transformData';
-import Elevator from './../elevator/index.vue';
 interface RegionData {
   name: string;
   [key: string]: any;
@@ -181,7 +180,6 @@ interface AddressList {
   selectedAddress: boolean;
 }
 export default create({
-  children: [Elevator],
   inheritAttrs: false,
   props: {
     visible: {

src/packages/__VUE/avatar/doc.md

@@ -8,12 +8,13 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { Avatar } from '@nutui/nutui';
+import { Avatar,Icon } from '@nutui/nutui';
 // taro
-import { Avatar } from '@nutui/nutui-taro';
+import { Avatar,Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Avatar);
+app.use(Icon);
 ```
 
 ## 代码示例

src/packages/__VUE/backtop/doc.md

@@ -9,10 +9,11 @@
 ```javascript
 
 import { createApp } from 'vue';
-import { BackTop } from '@nutui/nutui';
+import { BackTop,Icon } from '@nutui/nutui';
 
 const app = createApp();
 app.use(BackTop);
+app.use(Icon);
 
 ```
 

src/packages/__VUE/backtop/doc.taro.md

@@ -9,11 +9,11 @@
 ```javascript
 
 import { createApp } from 'vue';
-import { BackTop } from '@nutui/nutui-taro';
+import { BackTop,Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(BackTop);
-
+app.use(Icon);
 ```
 
 ### 代码实例

src/packages/__VUE/button/doc.md

@@ -9,12 +9,12 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { Button,Icon } from '@nutui/nutui';
+import { Button } from '@nutui/nutui';
 // taro
-import { Button,Icon } from '@nutui/nutui-taro';
+import { Button } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(Button).use(Icon);
+app.use(Button);
 ```
 
 ## 代码演示

src/packages/__VUE/button/index.taro.vue

@@ -14,7 +14,7 @@
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('button');
-
+import Icon from '../icon/index.taro.vue';
 export type ButtonType =
   | 'default'
   | 'primary'
@@ -25,6 +25,9 @@ export type ButtonType =
 export type ButtonSize = 'large' | 'normal' | 'small';
 export type ButtonShape = 'square' | 'round';
 export default create({
+  components: {
+    [Icon.name]: Icon
+  },
   props: {
     color: String,
     shape: {

src/packages/__VUE/button/index.vue

@@ -13,6 +13,7 @@
 <script lang="ts">
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
 import { createComponent } from '../../utils/create';
+import Icon from '../icon/index.vue';
 const { componentName, create } = createComponent('button');
 
 export type ButtonType =
@@ -25,6 +26,9 @@ export type ButtonType =
 export type ButtonSize = 'large' | 'normal' | 'small';
 export type ButtonShape = 'square' | 'round';
 export default create({
+  components: {
+    [Icon.name]: Icon
+  },
   props: {
     color: String,
     shape: {

src/packages/__VUE/calendar/doc.md

@@ -9,12 +9,13 @@
 ```javascript
 import { createApp } from 'vue';
 // vue
-import { Calendar } from '@nutui/nutui';
+import { Calendar,Popup } from '@nutui/nutui';
 // taro
-import { Calendar } from '@nutui/nutui-taro';
+import { Calendar,Popup } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Calendar);
+app.use(Popup);
 ```
 
 ## 代码演示

src/packages/__VUE/calendar/index.taro.vue

@@ -42,12 +42,11 @@
 import { PropType, ref, watch } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('calendar');
-import Popup from '../popup/index.taro.vue';
 import CalendarItem from '../calendaritem/index.vue';
 import Utils from '../../utils/date';
 type InputDate = string | string[];
 export default create({
-  children: [CalendarItem, Popup],
+  children: [CalendarItem],
   props: {
     type: {
       type: String,

src/packages/__VUE/calendar/index.vue

@@ -42,12 +42,13 @@
 import { PropType, ref } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('calendar');
-import Popup from '../popup/index.vue';
 import CalendarItem from '../calendaritem/index.vue';
 import Utils from '../../utils/date';
 type InputDate = string | string[];
 export default create({
-  children: [CalendarItem, Popup],
+  components: {
+    [CalendarItem.name]: CalendarItem
+  },
   props: {
     type: {
       type: String,

src/packages/__VUE/cell/index.taro.vue

@@ -37,11 +37,10 @@
 <script lang="ts">
 import { computed } from 'vue';
 import { createComponent } from '../../utils/create';
-import CellGroup from '../cellgroup/index.vue';
 import { pxCheck } from '../../utils/pxCheck';
 const { componentName, create } = createComponent('cell');
+
 export default create({
-  children: [CellGroup],
   props: {
     title: { type: String, default: '' },
     subTitle: { type: String, default: '' },
@@ -55,9 +54,6 @@ export default create({
     icon: { type: String, default: '' }
   },
   emits: ['click'],
-  components: {
-    [CellGroup.name]: CellGroup
-  },
   setup(props, { emit }) {
     const classes = computed(() => {
       const prefixCls = componentName;

src/packages/__VUE/cell/index.vue

@@ -8,7 +8,6 @@
       >
         <slot v-if="$slots.icon" name="icon"></slot>
         <nut-icon v-else-if="icon" class="icon" :name="icon"></nut-icon>
-
         <template v-if="subTitle">
           <view class="title">{{ title }}</view>
           <view class="nut-cell__title-desc">{{ subTitle }}</view>
@@ -38,7 +37,6 @@
 import { computed } from 'vue';
 import { createComponent } from '../../utils/create';
 import { useRouter } from 'vue-router';
-import CellGroup from '../cellgroup/index.vue';
 import { pxCheck } from '@/packages/utils/pxCheck';
 const { componentName, create } = createComponent('cell');
 export default create({
@@ -55,10 +53,6 @@ export default create({
     icon: { type: String, default: '' }
   },
   emits: ['click'],
-  children: [CellGroup],
-  components: {
-    [CellGroup.name]: CellGroup
-  },
   setup(props, { emit }) {
     const classes = computed(() => {
       const prefixCls = componentName;

src/packages/__VUE/checkbox/doc.md

@@ -9,12 +9,14 @@
 ``` ts
 import { createApp } from 'vue';
 // vue
-import { Checkbox } from '@nutui/nutui';
+import { Checkbox,CheckboxGroup,Icon } from '@nutui/nutui';
 // taro
-import { Checkbox } from '@nutui/nutui-taro';
+import { Checkbox,CheckboxGroup,Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Checkbox);
+app.use(CheckboxGroup);
+app.use(Icon);
 ```
 
 ## 基本用法

src/packages/__VUE/checkbox/index.taro.vue

@@ -3,13 +3,9 @@ import { h, computed, inject, getCurrentInstance, onMounted } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create, componentName } = createComponent('checkbox');
 import nutIcon from '../icon/index.taro.vue';
-import nutCheckboxGroup from '../checkboxgroup/index.vue';
-
 export default create({
-  children: [nutCheckboxGroup],
   components: {
-    nutIcon,
-    nutCheckboxGroup
+    nutIcon
   },
   props: {
     modelValue: {

src/packages/__VUE/checkbox/index.vue

@@ -3,10 +3,8 @@ import { h, computed, inject, getCurrentInstance, onMounted } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create, componentName } = createComponent('checkbox');
 import nutIcon from '../icon/index.vue';
-import CheckboxGroup from '../checkboxgroup/index.vue';
 
 export default create({
-  children: [CheckboxGroup],
   components: {
     nutIcon
   },

src/packages/__VUE/collapse/doc.md

@@ -10,12 +10,13 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { Collapse } from '@nutui/nutui';
+import { Collapse,CollapseItem } from '@nutui/nutui';
 // taro
-import { Collapse } from '@nutui/nutui-taro';
+import { Collapse,CollapseItem } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Collapse);
+app.use(CollapseItem);
 ```
 
 ## 代码演示

src/packages/__VUE/collapse/index.taro.vue

@@ -6,10 +6,8 @@
 <script lang="ts">
 import { provide } from 'vue';
 import { createComponent } from '../../utils/create';
-import collapseitem from '../collapseitem/index.taro.vue';
 const { create } = createComponent('collapse');
 export default create({
-  children: [collapseitem],
   props: {
     active: {
       type: [String, Number, Array]

src/packages/__VUE/collapse/index.vue

@@ -6,10 +6,8 @@
 <script lang="ts">
 import { provide } from 'vue';
 import { createComponent } from '../../utils/create';
-import collapseitem from '../collapseitem/index.vue';
 const { create } = createComponent('collapse');
 export default create({
-  children: [collapseitem],
   props: {
     active: {
       type: [String, Number, Array]

src/packages/__VUE/datepicker/index.taro.vue

@@ -14,9 +14,11 @@
 import { toRefs } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('datepicker');
-
+import picker from '../picker/index.vue';
 export default create({
-  children: [],
+  components: {
+    [picker.name]: [picker]
+  },
   props: {
     value: {
       type: String,

src/packages/__VUE/datepicker/index.vue

@@ -30,7 +30,9 @@ const zhCNType = {
   seconds: '秒'
 };
 export default create({
-  children: [picker],
+  components: {
+    [picker.name]: [picker]
+  },
   props: {
     modelValue: null,
     visible: {

src/packages/__VUE/dialog/index.taro.vue

@@ -56,10 +56,9 @@ import Popup, { popupProps } from '../popup/index.taro.vue';
 import Button from '../button/index.taro.vue';
 export default create({
   inheritAttrs: false,
-  children: [Popup, Button],
   components: {
-    'nut-popup': Popup,
-    'nut-button': Button
+    [Popup.name]: Popup,
+    [Button.name]: Button
   },
   props: {
     ...popupProps,

src/packages/__VUE/dialog/index.vue

@@ -56,10 +56,9 @@ import Popup, { popupProps } from '../popup/index.vue';
 import Button from '../button/index.vue';
 export default create({
   inheritAttrs: false,
-  children: [Popup, Button],
   components: {
-    'nut-popup': Popup,
-    'nut-button': Button
+    [Popup.name]: Popup,
+    [Button.name]: Button
   },
   props: {
     ...popupProps,

src/packages/__VUE/fixednav/doc.md

@@ -9,12 +9,12 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { FixedNav,OverLay } from '@nutui/nutui';
+import { FixedNav } from '@nutui/nutui';
 // taro
-import { FixedNav,OverLay } from '@nutui/nutui-taro';
+import { FixedNav } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(FixedNav).use(OverLay);
+app.use(FixedNav);
 
 ```
 

src/packages/__VUE/fixednav/index.taro.vue

@@ -32,8 +32,11 @@
 import { computed } from 'vue';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('fixednav');
-
+import overlay from '../overlay/index.taro.vue';
 export default create({
+  components: {
+    [overlay.name]: overlay
+  },
   props: {
     visible: {
       type: Boolean,

src/packages/__VUE/fixednav/index.vue

@@ -31,9 +31,13 @@
 <script lang="ts">
 import { computed } from 'vue';
 import { createComponent } from '../../utils/create';
+import overlay from '../overlay/index.vue';
 const { componentName, create } = createComponent('fixednav');
 
 export default create({
+  components: {
+    [overlay.name]: overlay
+  },
   props: {
     visible: {
       type: Boolean,

src/packages/__VUE/layout/doc.md

@@ -9,12 +9,14 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { Layout } from '@nutui/nutui';
+import { Layout,Row,Col } from '@nutui/nutui';
 // taro
-import { Layout } from '@nutui/nutui-taro';
+import { Layout,Row,Col } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Layout);
+app.use(Row);
+app.use(Col);
 ```
 
 ## 代码演示

src/packages/__VUE/layout/index.taro.vue

@@ -1,11 +1,7 @@
 <script lang="ts">
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('layout');
-import Row from '../row/index.vue';
-import Col from '../col/index.vue';
-export default create({
-  children: [Row, Col]
-});
+export default create({});
 </script>
 
 <style lang="scss"></style>

src/packages/__VUE/layout/index.vue

@@ -1,11 +1,7 @@
 <script lang="ts">
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('layout');
-import Row from '../row/index.vue';
-import Col from '../col/index.vue';
-export default create({
-  children: [Row, Col]
-});
+export default create({});
 </script>
 
 <style lang="scss"></style>

src/packages/__VUE/menu/doc.md

@@ -11,9 +11,10 @@ import { createApp } from 'vue';
 // vue
 import { Menu } from '@nutui/nutui';
 // taro
-import { Menu } from '@nutui/nutui-taro';
+import { Menu,MenuItem } from '@nutui/nutui-taro';
 const app = createApp();
 app.use(Menu);
+app.use(MenuItem);
 
 ```
 

src/packages/__VUE/menu/index.vue

@@ -7,9 +7,7 @@
 import { toRefs, reactive, provide, computed } from 'vue';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('menu');
-import menuitem from '../menuitem/index.vue';
 export default create({
-  children: [menuitem],
   props: {
     type: {
       //单选 simple  多选  multiple，暂留

src/packages/__VUE/navbar/doc.md

@@ -11,12 +11,13 @@
 
 import { createApp } from 'vue';
 // vue
-import { Navbar } from '@nutui/nutui';
+import { Navbar,Icon } from '@nutui/nutui';
 // taro
-import { Navbar } from '@nutui/nutui-taro';
+import { Navbar,Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Navbar);
+app.use(Icon);
 
 ```
 

src/packages/__VUE/noticebar/demo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="demo">
+  <div class="demo full">
     <h2>默认用法</h2>
     <nut-noticebar :text="text"></nut-noticebar>
 

src/packages/__VUE/numberkeyboard/doc.md

@@ -9,12 +9,13 @@
 ``` javascript
 import { createApp } from 'vue';
 //vue
-import { NumberKeyboard } from '@nutui/nutui';
+import { NumberKeyboard,Popup } from '@nutui/nutui';
 //taro
-import { NumberKeyboard } from '@nutui/nutui-taro';
+import { NumberKeyboard,Popup } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(NumberKeyboard);
+app.use(Popup);
 
 ```
 

src/packages/__VUE/picker/doc.md

@@ -7,10 +7,11 @@
 ## 安装
 ```javascript
 import { createApp } from 'vue';
-import { Picker } from '@nutui/nutui';
+import { Picker,Popup } from '@nutui/nutui';
 
 const app = createApp();
 app.use(Picker);
+app.use(Popup);
 ```
     
 ## 代码演示

src/packages/__VUE/popup/index.taro.vue

@@ -53,6 +53,7 @@ import {
 import { useLockScroll } from '../popup/use-lock-scroll';
 import { overlayProps } from '../overlay/index.taro.vue';
 import overlay from '../overlay/index.taro.vue';
+import icon from '../icon/index.taro.vue';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('popup');
 let _zIndex = 2000;
@@ -102,7 +103,8 @@ export const popupProps = {
 export default create({
   children: [overlay],
   components: {
-    'nut-overlay': overlay
+    [overlay.name]: overlay,
+    [icon.name]: icon
   },
   props: {
     ...popupProps

src/packages/__VUE/popup/index.vue

@@ -52,6 +52,7 @@ import {
 import { useLockScroll } from './use-lock-scroll';
 import { overlayProps } from './../overlay/index.vue';
 import overlay from '../overlay/index.vue';
+import icon from '../icon/index.vue';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('popup');
 
@@ -111,9 +112,9 @@ export const popupProps = {
   }
 };
 export default create({
-  children: [overlay],
   components: {
-    'nut-overlay': overlay
+    [overlay.name]: overlay,
+    [icon.name]: icon
   },
   props: {
     ...popupProps

src/packages/__VUE/progress/doc.md

@@ -9,12 +9,13 @@
 ``` javascript
 import { createApp } from 'vue';
 //vue
-import { Progress } from '@nutui/nutui';
+import { Progress,Icon } from '@nutui/nutui';
 //taro
-import { Progress } from '@nutui/nutui-taro';
+import { Progress,Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Progress);
+app.use(Icon);
 
 ```
 

src/packages/__VUE/radio/doc.md

@@ -9,12 +9,13 @@
 ``` ts
 import { createApp } from 'vue';
 //vue
-import { Radio } from '@nutui/nutui';
+import { Radio,RadioGroup } from '@nutui/nutui';
 //taro
-import { Radio } from '@nutui/nutui-taro';
+import { Radio,RadioGroup } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Radio);
+app.use(RadioGroup);
 ```
 ## 基本用法
 

src/packages/__VUE/radio/index.taro.vue

@@ -1,15 +1,10 @@
 <script lang="ts">
 import { computed, h, inject } from 'vue';
 import nutIcon from '../icon/index.taro.vue';
-import radiogroup from '../radiogroup/index.vue';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('radio');
 
 export default create({
-  children: [radiogroup],
-  components: {
-    'nut-radiogroup': radiogroup
-  },
   props: {
     disabled: {
       type: Boolean,

src/packages/__VUE/radio/index.vue

@@ -2,11 +2,9 @@
 import { computed, h, inject } from 'vue';
 import { createComponent } from '../../utils/create';
 import nutIcon from '../icon/index.vue';
-import radiogroup from '../radiogroup/index.vue';
 const { componentName, create } = createComponent('radio');
 
 export default create({
-  children: [radiogroup],
   props: {
     disabled: {
       type: Boolean,

src/packages/__VUE/rate/doc.md

@@ -9,12 +9,13 @@
 ``` javascript
 import { createApp } from 'vue';
 //vue
-import { Rate } from '@nutui/nutui';
+import { Rate,Icon } from '@nutui/nutui';
 //taro
-import { Rate } from '@nutui/nutui-taro';
+import { Rate,Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Rate);
+app.use(Icon);
 ```
 
 ## 代码演示

src/packages/__VUE/shortpassword/doc.md

@@ -8,12 +8,13 @@
 ``` javascript
 import { createApp } from 'vue';
 //vue
-import { ShortPassword } from '@nutui/nutui';
+import { ShortPassword,Popup } from '@nutui/nutui';
 //taro
-import { ShortPassword } from '@nutui/nutui-taro';
+import { ShortPassword,Popup } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(ShortPassword);
+app.use(Popup);
 
 ```
 

src/packages/__VUE/steps/doc.md

@@ -9,12 +9,13 @@
 ```javascript
 import { createApp } from 'vue';
 //vue
-import { Steps } from '@nutui/nutui';
+import { Steps, Step } from '@nutui/nutui';
 //taro
-import { Steps } from '@nutui/nutui-taro';
+import { Steps, Step  } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Steps);
+app.use(Step);
 ```
 
 ## 代码演示

src/packages/__VUE/steps/index.taro.vue

@@ -1,11 +1,9 @@
 <script lang="ts">
 import { provide, computed, reactive, h, ComponentInternalInstance } from 'vue';
-import Step from '../step/index.vue';
 import { createComponent } from '../../utils/create';
 const { create, componentName } = createComponent('steps');
 
 export default create({
-  children: [Step],
   props: {
     direction: {
       type: String,

src/packages/__VUE/steps/index.vue

@@ -1,11 +1,9 @@
 <script lang="ts">
 import { provide, computed, reactive, h, ComponentInternalInstance } from 'vue';
-import Step from '../step/index.vue';
 import { createComponent } from '../../utils/create';
 const { create, componentName } = createComponent('steps');
 
 export default create({
-  children: [Step],
   props: {
     direction: {
       type: String,

src/packages/__VUE/swiper/doc.md

@@ -8,10 +8,11 @@
 
 ```javascript
 import { createApp } from 'vue';
-import { Swiper } from '@nutui/nutui';
+import { Swiper,SwiperItem } from '@nutui/nutui';
 
 const app = createApp();
 app.use(Swiper);
+app.use(SwiperItem);
 ```
 
 ## 代码演示

src/packages/__VUE/swiper/index.taro.vue

@@ -7,10 +7,8 @@
 <script lang="ts">
 import { createComponent } from '../../utils/create';
 const { create, componentName } = createComponent('swiper');
-import swiperItem from '../swiperitem/index.taro.vue';
 export default create({
   inheritAttrs: false,
-  children: [swiperItem],
   props: {},
   emits: [],
 

src/packages/__VUE/swiper/index.vue

@@ -54,9 +54,7 @@ import { createComponent } from '../../utils/create';
 import { useTouch } from './use-touch';
 import { useExpose } from '../../utils/useExpose/index';
 const { create, componentName } = createComponent('swiper');
-import swiperItem from '../swiperitem/index.vue';
 export default create({
-  children: [swiperItem],
   props: {
     width: {
       type: [Number, String],

src/packages/__VUE/tab/doc.md

@@ -9,12 +9,15 @@
 ```js
 import { createApp } from 'vue';
 // vue
-import { Tab, TabPanel,Swiper } from '@nutui/nutui';
+import { Tab, TabPanel,Swiper,SwiperItem } from '@nutui/nutui';
 // taro
-import { Tab, TabPanel,Swiper } from '@nutui/nutui-taro';
+import { Tab, TabPanel,Swiper,SwiperItem } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(Tab).use(TabPanel).use(Swiper);
+app.use(Tab);
+app.use(TabPanel);
+app.use(Swiper);
+app.use(SwiperItem);
 
 ```
 

src/packages/__VUE/tab/index.taro.vue

@@ -49,7 +49,6 @@ import {
   watchEffect
 } from 'vue';
 import { createComponent } from '../../utils/create';
-import tabpanel from '../../__VUE/tabpanel/index.taro.vue';
 const { create } = createComponent('tab');
 import Taro from '@tarojs/taro';
 import TabTitle from './tabTitle';
@@ -67,7 +66,6 @@ type currChild = {
 } & VNode[];
 
 export default create({
-  children: [tabpanel],
   props: {
     defaultIndex: {
       type: Number,

src/packages/__VUE/tab/index.vue

@@ -46,7 +46,6 @@ import {
   watchEffect
 } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import tabpanel from '@/packages/__VUE/tabpanel/index.vue';
 const { create } = createComponent('tab');
 import TabTitle from './tabTitle';
 type TabDirection = 'horizontal' | 'vertical';
@@ -61,7 +60,6 @@ type currChild = {
 } & VNode[];
 
 export default create({
-  children: [tabpanel],
   props: {
     defaultIndex: {
       type: Number,

src/packages/__VUE/tabbar/doc.md

@@ -8,12 +8,13 @@
 ``` javascript
 import { createApp } from 'vue';
 //vue
-import { Tabbar } from '@nutui/nutui';
+import { Tabbar,TabbarItem } from '@nutui/nutui';
 //taro
-import { Tabbar } from '@nutui/nutui-taro';
+import { Tabbar,TabbarItem } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Tabbar);
+app.use(TabbarItem);
 
 ```
 

src/packages/__VUE/tabbar/index.taro.vue

@@ -8,9 +8,7 @@
 import { provide, reactive, watch } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('tabbar');
-import tabbaritem from '../../__VUE/tabbaritem/index.taro.vue';
 export default create({
-  children: [tabbaritem],
   props: {
     visible: {
       type: [Number, String],
@@ -59,7 +57,7 @@ export default create({
     provide('parent', parentData);
     watch(
       () => props.visible,
-      value => {
+      (value) => {
         parentData.modelValue = value;
       }
     );

src/packages/__VUE/tabbar/index.vue

@@ -8,9 +8,7 @@
 import { provide, reactive, watch } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('tabbar');
-import tabbaritem from '../tabbaritem/index.vue';
 export default create({
-  children: [tabbaritem],
   props: {
     visible: {
       type: [Number, String],

src/packages/__VUE/toast/index.taro.vue

@@ -33,7 +33,7 @@
 import { computed, watch } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create } = createComponent('toast');
-import Icon from '../icon/index.vue';
+import Icon from '../icon/index.taro.vue';
 export default create({
   components: {
     [Icon.name]: Icon

src/packages/__VUE/uploader/doc.md

@@ -8,10 +8,11 @@
 
 ``` javascript
 import { createApp } from 'vue';
-import { Uploader } from '@nutui/nutui';
+import { Uploader,Icon } from '@nutui/nutui';
 
 const app = createApp();
 app.use(Uploader);
+app.use(Icon);
 
 ```
 

src/packages/__VUE/uploader/doc.taro.md

@@ -8,10 +8,11 @@
 
 ``` javascript
 import { createApp } from 'vue';
-import { Uploader } from '@nutui/nutui-taro';
+import { Uploader,Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
 app.use(Uploader);
+app.use(Icon);
 
 ```
 

src/packages/utils/create/component.ts

@@ -8,10 +8,6 @@ export function createComponent(name: string) {
       _component.name = componentName;
       _component.install = (vue: App) => {
         vue.component(_component.name as string, _component);
-        _component?.children?.length &&
-          _component?.children.forEach((item: any) => {
-            vue.component(item.name as string, item);
-          });
       };
       return defineComponent(_component);
     },