feat: taro test

src/packages/__VUE/button/index.scss

@@ -2,155 +2,16 @@
   position: relative;
   display: inline-block;
   flex-shrink: 0;
-  height: $button-default-height;
+  height: 30px;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  line-height: $button-default-line-height;
-  font-size: $button-default-font-size;
+  line-height: 30px;
+  font-size: 16px;
   text-align: center;
   cursor: pointer;
   transition: opacity 0.2s;
   -webkit-appearance: none;
   user-select: none;
   touch-action: manipulation;
-  .text {
-    margin-left: 5px;
-  }
-  &::before {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    background-color: $black;
-    border: inherit;
-    border-color: $black;
-    border-radius: inherit;
-    transform: translate(-50%, -50%);
-    opacity: 0;
-    content: ' ';
-  }
-  &:active::before {
-    opacity: 0.1;
-  }
-  &__warp {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &--loading,
-  &--disabled {
-    &::before {
-      display: none;
-    }
-  }
-  &--default {
-    color: $button-default-color;
-    background: $button-default-bg-color;
-    border: $button-border-width solid $button-default-border-color;
-  }
-
-  &--primary {
-    color: $button-primary-color;
-    background: $button-primary-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--info {
-    color: $button-info-color;
-    background: $button-info-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--success {
-    color: $button-success-color;
-    background: $button-success-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--danger {
-    color: $button-danger-color;
-    background: $button-danger-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--warning {
-    color: $button-warning-color;
-    background: $button-warning-background-color;
-    border: $button-border-width solid transparent;
-  }
-
-  &--plain {
-    background: $button-plain-background-color;
-
-    &.nut-button--primary {
-      color: $button-primary-border-color;
-      border-color: $button-primary-border-color;
-    }
-
-    &.nut-button--info {
-      color: $button-info-border-color;
-      border-color: $button-info-border-color;
-    }
-
-    &.nut-button--success {
-      color: $button-success-border-color;
-      border-color: $button-success-border-color;
-    }
-
-    &.nut-button--danger {
-      color: $button-danger-border-color;
-      border-color: $button-danger-border-color;
-    }
-
-    &.nut-button--warning {
-      color: $button-warning-border-color;
-      border-color: $button-warning-border-color;
-    }
-  }
-
-  &--large {
-    width: 100%;
-    height: $button-large-height;
-    line-height: $button-large-line-height;
-  }
-
-  &--normal {
-    padding: 0 18px;
-    font-size: $button-default-font-size;
-  }
-
-  &--small {
-    height: $button-small-height;
-    line-height: $button-small-line-height;
-    padding: 0 $padding-xs;
-    font-size: $font-size-1;
-  }
-
-  &--block {
-    display: block;
-    width: 100%;
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: $button-disabled-opacity;
-  }
-
-  &--loading {
-    cursor: default;
-    opacity: 0.9;
-  }
-
-  &--round {
-    border-radius: $button-border-radius;
-  }
-
-  &--square {
-    border-radius: 0;
-  }
 }

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

@@ -12,11 +12,9 @@
 
 <script lang="ts">
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
-import { createComponent } from '@/packages/utils/create';
+import { createComponent } from './../../../packages/utils/create';
 const { componentName, create } = createComponent('button');
 
-console.log(1111);
-
 export type ButtonType =
   | 'default'
   | 'primary'

src/packages/__VUE/icon/index.scss

@@ -2,27 +2,10 @@
 .nut-icon {
   display: inline-block;
   position: relative;
-  width: $icon-width;
-  height: $icon-height;
-  line-height: $icon-line-height;
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
   text-align: right;
-
-  &::before {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  &__img {
-    width: $icon-width;
-    height: $icon-height;
-    object-fit: contain;
-  }
-  &-loading {
-    display: inline-block;
-    animation: loadingCircle 1s infinite linear;
-  }
 }
 
 @-webkit-keyframes loadingCircle {

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

@@ -1,8 +1,8 @@
 <script lang="ts">
 import { h, PropType } from 'vue';
-import { createComponent } from '@/packages/utils/create';
+import { createComponent } from './../../../packages/utils/create';
 const { componentName, create } = createComponent('icon');
-import { pxCheck } from '@/packages/utils/pxCheck';
+import { pxCheck } from './../../../packages/utils/pxCheck';
 
 export default create({
   props: {

src/packages/nutui.taro.vue.ts

@@ -1,76 +1,41 @@
 import { App } from 'vue';
 import Button from './__VUE/button/index.taro.vue';
-import Collapse from './__VUE/collapse/index.taro.vue';
-import Layout from './__VUE/layout/index.taro.vue';
-import BackTop from './__VUE/backtop/index.taro.vue';
-import ActionSheet from './__VUE/actionsheet/index.taro.vue';
-import Toast from './__VUE/toast/index';
-import Notify from './__VUE/notify/index.taro.vue';
-import Picker from './__VUE/picker/index.taro.vue';
-import DatePicker from './__VUE/datepicker/index.taro.vue';
-import Cell from './__VUE/cell/index.taro.vue';
-import Uploader from './__VUE/uploader/index.taro.vue';
+// import Collapse from './__VUE/collapse/index.taro.vue';
+// import Layout from './__VUE/layout/index.taro.vue';
+// import BackTop from './__VUE/backtop/index.taro.vue';
+// import ActionSheet from './__VUE/actionsheet/index.taro.vue';
+// import Toast from './__VUE/toast/index';
+// import Notify from './__VUE/notify/index.taro.vue';
+// import Picker from './__VUE/picker/index.taro.vue';
+// import DatePicker from './__VUE/datepicker/index.taro.vue';
+// import Cell from './__VUE/cell/index.taro.vue';
+// import Uploader from './__VUE/uploader/index.taro.vue';
 import Icon from './__VUE/icon/index.taro.vue';
-import Price from './__VUE/price/index.taro.vue';
-import Checkbox from './__VUE/checkbox/index.taro.vue';
-import Swiper from './__VUE/swiper/index.taro.vue';
-import Avatar from './__VUE/avatar/index.taro.vue';
-import Popup from './__VUE/popup/index.taro.vue';
-import Dialog from './__VUE/dialog/index';
-import Radio from './__VUE/radio/index.taro.vue';
-import OverLay from './__VUE/overlay/index.taro.vue';
-import InfiniteLoading from './__VUE/infiniteloading/index.taro.vue';
-import Range from './__VUE/range/index.taro.vue';
-import Drag from './__VUE/drag/index.taro.vue';
-import Steps from './__VUE/steps/index.taro.vue';
-import Navbar from './__VUE/navbar/index.taro.vue';
-import Tabbar from './__VUE/tabbar/index.taro.vue';
-import InputNumber from './__VUE/inputnumber/index.taro.vue';
-import Input from './__VUE/input/index.taro.vue';
-import Switch from './__VUE/switch/index.taro.vue';
-import Rate from './__VUE/rate/index.taro.vue';
-import Calendar from './__VUE/calendar/index.taro.vue';
-import ShortPassword from './__VUE/shortpassword/index.taro.vue';
-import TextArea from './__VUE/textarea/index.taro.vue';
-import Address from './__VUE/address/index.taro.vue';
+// import Price from './__VUE/price/index.taro.vue';
+// import Checkbox from './__VUE/checkbox/index.taro.vue';
+// import Swiper from './__VUE/swiper/index.taro.vue';
+// import Avatar from './__VUE/avatar/index.taro.vue';
+// import Popup from './__VUE/popup/index.taro.vue';
+// import Dialog from './__VUE/dialog/index';
+// import Radio from './__VUE/radio/index.taro.vue';
+// import OverLay from './__VUE/overlay/index.taro.vue';
+// import InfiniteLoading from './__VUE/infiniteloading/index.taro.vue';
+// import Range from './__VUE/range/index.taro.vue';
+// import Drag from './__VUE/drag/index.taro.vue';
+// import Steps from './__VUE/steps/index.taro.vue';
+// import Navbar from './__VUE/navbar/index.taro.vue';
+// import Tabbar from './__VUE/tabbar/index.taro.vue';
+// import InputNumber from './__VUE/inputnumber/index.taro.vue';
+// import Input from './__VUE/input/index.taro.vue';
+// import Switch from './__VUE/switch/index.taro.vue';
+// import Rate from './__VUE/rate/index.taro.vue';
+// import Calendar from './__VUE/calendar/index.taro.vue';
+// import ShortPassword from './__VUE/shortpassword/index.taro.vue';
+// import TextArea from './__VUE/textarea/index.taro.vue';
+// import Address from './__VUE/address/index.taro.vue';
 
 function install(app: App) {
-  const packages = [
-    Button,
-    Collapse,
-    Layout,
-    BackTop,
-    ActionSheet,
-    Toast,
-    Notify,
-    Picker,
-    DatePicker,
-    Cell,
-    Uploader,
-    Icon,
-    Price,
-    Checkbox,
-    Swiper,
-    Avatar,
-    Popup,
-    Dialog,
-    Radio,
-    OverLay,
-    InfiniteLoading,
-    Range,
-    Drag,
-    Steps,
-    Navbar,
-    Tabbar,
-    InputNumber,
-    Input,
-    Switch,
-    Rate,
-    Calendar,
-    ShortPassword,
-    TextArea,
-    Address
-  ];
+  const packages = [Button, Icon];
   packages.forEach((item: any) => {
     if (item.install) {
       app.use(item);
@@ -79,40 +44,5 @@ function install(app: App) {
     }
   });
 }
-export {
-  Button,
-  Collapse,
-  Layout,
-  BackTop,
-  ActionSheet,
-  Toast,
-  Notify,
-  Picker,
-  DatePicker,
-  Cell,
-  Uploader,
-  Icon,
-  Price,
-  Checkbox,
-  Swiper,
-  Avatar,
-  Popup,
-  Dialog,
-  Radio,
-  OverLay,
-  InfiniteLoading,
-  Range,
-  Drag,
-  Steps,
-  Navbar,
-  Tabbar,
-  InputNumber,
-  Input,
-  Switch,
-  Rate,
-  Calendar,
-  ShortPassword,
-  TextArea,
-  Address
-};
+export { Button, Icon };
 export default { install, version: '3.0.0-beta.16' };

src/sites/mobile-taro/vue/dist/pages/button/index.js

@@ -125,7 +125,7 @@
         // const { createDemo } = createComponent('button');
 
         /* harmony default export */ __webpack_exports__['a'] = Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* defineComponent */ 'l']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* defineComponent */ 'f']
         )({
           props: {},
           setup: function setup(props) {
@@ -166,7 +166,7 @@
         );
 
         /* harmony default export */ __webpack_exports__['a'] = Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* defineComponent */ 'h']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* defineComponent */ 'j']
         )({
           components: {
             Demo:
@@ -203,7 +203,7 @@
         };
 
         var _hoisted_2 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           {
@@ -219,15 +219,15 @@
         };
 
         var _hoisted_4 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('主要按钮');
 
         var _hoisted_5 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('信息按钮');
 
         var _hoisted_6 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('默认按钮');
 
         var _hoisted_7 = {
@@ -235,19 +235,19 @@
         };
 
         var _hoisted_8 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('危险按钮');
 
         var _hoisted_9 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('警告按钮');
 
         var _hoisted_10 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('成功按钮');
 
         var _hoisted_11 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -261,15 +261,15 @@
         };
 
         var _hoisted_13 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('朴素按钮');
 
         var _hoisted_14 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('朴素按钮');
 
         var _hoisted_15 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -283,19 +283,19 @@
         };
 
         var _hoisted_17 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('禁用状态');
 
         var _hoisted_18 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('禁用状态');
 
         var _hoisted_19 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('禁用状态');
 
         var _hoisted_20 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -309,15 +309,15 @@
         };
 
         var _hoisted_22 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('方形按钮');
 
         var _hoisted_23 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('圆形按钮');
 
         var _hoisted_24 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -331,15 +331,15 @@
         };
 
         var _hoisted_26 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('加载中...');
 
         var _hoisted_27 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('Click me!');
 
         var _hoisted_28 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -353,11 +353,11 @@
         };
 
         var _hoisted_30 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('收藏');
 
         var _hoisted_31 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -371,19 +371,19 @@
         };
 
         var _hoisted_33 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('大号按钮');
 
         var _hoisted_34 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('普通按钮');
 
         var _hoisted_35 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('小型按钮');
 
         var _hoisted_36 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -397,11 +397,11 @@
         };
 
         var _hoisted_38 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('块级元素');
 
         var _hoisted_39 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
         )(
           'view',
           null,
@@ -415,35 +415,35 @@
         };
 
         var _hoisted_41 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('单色按钮');
 
         var _hoisted_42 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )('单色按钮');
 
         var _hoisted_43 = /*#__PURE__*/ Object(
-          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'j']
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'd']
         )(' 渐变按钮 ');
 
         function render(_ctx, _cache, $props, $setup, $data, $options) {
           var _component_nut_button = Object(
-            vue__WEBPACK_IMPORTED_MODULE_0__[/* resolveComponent */ 'F']
+            vue__WEBPACK_IMPORTED_MODULE_0__[/* resolveComponent */ 'j']
           )('nut-button');
 
           return (
-            Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* openBlock */ 'z'])(),
-            Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createBlock */ 'f'])(
+            Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* openBlock */ 'h'])(),
+            Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createBlock */ 'b'])(
               'view',
               _hoisted_1,
               [
                 _hoisted_2,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_3,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -451,7 +451,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_4];
                         }),
@@ -460,7 +460,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -468,7 +468,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_5];
                         }),
@@ -477,7 +477,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -485,7 +485,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_6];
                         }),
@@ -495,12 +495,12 @@
                     )
                   ]
                 ),
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_7,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -508,7 +508,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_8];
                         }),
@@ -517,7 +517,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -525,7 +525,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_9];
                         }),
@@ -534,7 +534,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -542,7 +542,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_10];
                         }),
@@ -553,12 +553,12 @@
                   ]
                 ),
                 _hoisted_11,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_12,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -567,7 +567,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_13];
                         }),
@@ -576,7 +576,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -585,7 +585,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_14];
                         }),
@@ -596,12 +596,12 @@
                   ]
                 ),
                 _hoisted_15,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_16,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -610,7 +610,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_17];
                         }),
@@ -619,7 +619,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -629,7 +629,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_18];
                         }),
@@ -638,7 +638,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -648,7 +648,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_19];
                         }),
@@ -659,12 +659,12 @@
                   ]
                 ),
                 _hoisted_20,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_21,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -673,7 +673,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_22];
                         }),
@@ -682,7 +682,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -690,7 +690,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_23];
                         }),
@@ -701,18 +701,18 @@
                   ]
                 ),
                 _hoisted_24,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_25,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(_component_nut_button, {
                       loading: '',
                       type: 'info'
                     }),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -721,7 +721,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_26];
                         }),
@@ -730,7 +730,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -740,7 +740,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_27];
                         }),
@@ -754,12 +754,12 @@
                   ]
                 ),
                 _hoisted_28,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_29,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(_component_nut_button, {
                       shape: 'square',
                       plain: '',
@@ -767,7 +767,7 @@
                       icon: 'star-fill'
                     }),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -777,7 +777,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_30];
                         }),
@@ -788,12 +788,12 @@
                   ]
                 ),
                 _hoisted_31,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_32,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -805,7 +805,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_33];
                         }),
@@ -814,7 +814,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -822,7 +822,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_34];
                         }),
@@ -831,7 +831,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -840,7 +840,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_35];
                         }),
@@ -851,12 +851,12 @@
                   ]
                 ),
                 _hoisted_36,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_37,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -865,7 +865,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_38];
                         }),
@@ -876,12 +876,12 @@
                   ]
                 ),
                 _hoisted_39,
-                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k'])(
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e'])(
                   'view',
                   _hoisted_40,
                   [
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -889,7 +889,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_41];
                         }),
@@ -898,7 +898,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -907,7 +907,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_42];
                         }),
@@ -916,7 +916,7 @@
                       }
                     ),
                     Object(
-                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'k']
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'e']
                     )(
                       _component_nut_button,
                       {
@@ -924,7 +924,7 @@
                       },
                       {
                         default: Object(
-                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'M']
+                          vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'k']
                         )(function() {
                           return [_hoisted_43];
                         }),
@@ -961,20 +961,48 @@
           /*! vue */ './node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js'
         );
 
+        var _hoisted_1 = /*#__PURE__*/ Object(
+          vue__WEBPACK_IMPORTED_MODULE_0__[/* createTextVNode */ 'h']
+        )('主要按钮');
+
         function render(_ctx, _cache, $props, $setup, $data, $options) {
+          var _component_nut_button = Object(
+            vue__WEBPACK_IMPORTED_MODULE_0__[/* resolveComponent */ 'r']
+          )('nut-button');
+
           var _component_Demo = Object(
-            vue__WEBPACK_IMPORTED_MODULE_0__[/* resolveComponent */ 'p']
+            vue__WEBPACK_IMPORTED_MODULE_0__[/* resolveComponent */ 'r']
           )('Demo');
 
           return (
-            Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* openBlock */ 'o'])(),
-            Object(
-              vue__WEBPACK_IMPORTED_MODULE_0__[/* createBlock */ 'd']
-            )('view', null, [
-              Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'g'])(
-                _component_Demo
-              )
-            ])
+            Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* openBlock */ 'q'])(),
+            Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createBlock */ 'd'])(
+              'view',
+              null,
+              [
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'i'])(
+                  _component_nut_button,
+                  {
+                    type: 'primary'
+                  },
+                  {
+                    default: Object(
+                      vue__WEBPACK_IMPORTED_MODULE_0__[/* withCtx */ 'x']
+                    )(function() {
+                      return [_hoisted_1];
+                    }),
+                    _: 1
+                    /* STABLE */
+                  }
+                ),
+                Object(
+                  vue__WEBPACK_IMPORTED_MODULE_0__[/* createCommentVNode */ 'e']
+                )(' <nut-icon name="dongdong"></nut-icon> '),
+                Object(vue__WEBPACK_IMPORTED_MODULE_0__[/* createVNode */ 'i'])(
+                  _component_Demo
+                )
+              ]
+            )
           );
         }
 

src/sites/mobile-taro/vue/src/app.ts

@@ -1,10 +1,14 @@
 import { createApp } from 'vue';
 import './app.scss';
-import NUTUI from './../../../../packages/nutui.taro.vue';
+import { Button, Icon } from './../../../../packages/nutui.taro.vue';
+
+console.log(Button);
 
 const App = createApp({
   onShow() {}
   // 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
-}).use(NUTUI);
+})
+  .use(Button)
+  .use(Icon);
 
 export default App;

src/sites/mobile-taro/vue/src/pages/button/index.vue

@@ -1,5 +1,7 @@
 <template>
   <view>
+    <nut-button type="primary">主要按钮</nut-button>
+    <!-- <nut-icon name="dongdong"></nut-icon> -->
     <Demo></Demo>
   </view>
 </template>

src/sites/mobile/main.ts

@@ -1,9 +1,10 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
-import NutUI from '@/packages/nutui.vue';
+import NutUI, { Button } from '@/packages/nutui.vue';
 import '@/sites/assets/styles/reset.scss';
 import '@/packages/utils/touchEmulator';
+console.log(Button);
 createApp(App)
   .use(router)
   .use(NutUI)