fix: 冲突解决

src/packages/__VUE/input/index.scss

@@ -17,6 +17,7 @@
     overflow: hidden;
     display: inline-block;
     text-align: left;
+    display: flex;
     .label-string {
       overflow: hidden;
       white-space: nowrap;
@@ -41,5 +42,7 @@
   }
   &-require {
     color: $primary-color;
+    display: inline-block;
+    margin-right: 5px;
   }
 }

src/packages/__VUE/textarea/demo.vue

@@ -7,7 +7,7 @@
     <h2>高度自定义，拉伸</h2>
     <nut-textarea v-model="value3" rows="10" autosize />
     <h2>只读</h2>
-    <nut-textarea readonly model-value="textarea直读状态" />
+    <nut-textarea readonly model-value="textarea只读状态" />
     <h2>禁用</h2>
     <nut-textarea
       disabled

src/packages/__VUE/textarea/index.scss

@@ -1,6 +1,7 @@
 .nut-textarea {
   position: relative;
   width: 100%;
+  box-sizing: border-box;
   display: flex;
   background: $white;
   font-size: $textarea-font;

src/sites/mobile-taro/vue/.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+/dist

src/sites/mobile-taro/vue/dist/app.wxss

@@ -1,978 +0,0 @@
-view-block {
-  display: block;
-}
-
-@-webkit-keyframes nutFadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes nutFadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@-webkit-keyframes nutFadeOut {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes nutFadeOut {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-.nutFade-enter-active,
-.nutFadeIn,
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-
-.nutFade-enter-active,
-.nutFadeIn {
-  -webkit-animation-name: nutFadeIn;
-          animation-name: nutFadeIn;
-}
-
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-name: nutFadeOut;
-          animation-name: nutFadeOut;
-}
-
-@-webkit-keyframes nutZoomIn {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-  }
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes nutZoomIn {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-  }
-  50% {
-    opacity: 1;
-  }
-}
-
-@-webkit-keyframes nutZoomOut {
-  from {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes nutZoomOut {
-  from {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-.nutZoom-enter-active,
-.nutZoomIn,
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-
-.nutZoom-enter-active,
-.nutZoomIn {
-  -webkit-animation-name: nutZoomIn;
-          animation-name: nutZoomIn;
-}
-
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-name: nutZoomOut;
-          animation-name: nutZoomOut;
-}
-
-@-webkit-keyframes nutEaseIn {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-
-@keyframes nutEaseIn {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-
-@-webkit-keyframes nutEaseOut {
-  0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-  }
-}
-
-@keyframes nutEaseOut {
-  0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-  }
-}
-
-.nutEase-enter-active,
-.nutEaseIn,
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-
-.nutEase-enter-active,
-.nutEaseIn {
-  -webkit-animation-name: nutEaseIn;
-          animation-name: nutEaseIn;
-}
-
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-name: nutEaseOut;
-          animation-name: nutEaseOut;
-}
-
-@-webkit-keyframes nutDropIn {
-  0% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-}
-
-@keyframes nutDropIn {
-  0% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-}
-
-@-webkit-keyframes nutDropOut {
-  0% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-  }
-}
-
-@keyframes nutDropOut {
-  0% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-  }
-}
-
-.nutDrop-enter-active,
-.nutDropIn,
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-
-.nutDrop-enter-active,
-.nutDropIn {
-  -webkit-animation-name: nutDropIn;
-          animation-name: nutDropIn;
-}
-
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-name: nutDropOut;
-          animation-name: nutDropOut;
-}
-
-@-webkit-keyframes rotation {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-@keyframes rotation {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-.nutRotate-enter-active,
-.nutRotateIn,
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-
-.nutRotate-enter-active,
-.nutRotateIn {
-  -webkit-animation-name: nutRotateIn;
-          animation-name: nutRotateIn;
-}
-
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-name: nutRotateOut;
-          animation-name: nutRotateOut;
-}
-
-.demo {
-  height: 100%;
-  background: #f7f8fa;
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding: 114rpx 34rpx 0 34rpx;
-}
-
-.demo.full {
-  padding: 114rpx 0 0 0;
-}
-
-.demo.full .h5-h2 {
-  padding-left: 34rpx;
-}
-
-.demo.bg-w {
-  background: #fff;
-}
-
-.demo::-webkit-scrollbar {
-  width: 0;
-  background: transparent;
-}
-
-.demo > .h5-h2 {
-  margin-top: 60rpx;
-  margin-bottom: 20rpx;
-  font-size: 28rpx;
-  color: #909ca4;
-  padding: 0 20rpx;
-  font-weight: normal;
-}
-
-.demo > .h5-p {
-  font-size: 24rpx;
-}
-
-.demo .card {
-  padding: 50rpx 36rpx;
-  background: white;
-}
-view-block {
-  display: block;
-}
-@-webkit-keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@-webkit-keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-@keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-.nutFade-enter-active,
-.nutFadeIn,
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutFade-enter-active,
-.nutFadeIn {
-  -webkit-animation-name: nutFadeIn;
-          animation-name: nutFadeIn;
-}
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-name: nutFadeOut;
-          animation-name: nutFadeOut;
-}
-@-webkit-keyframes nutZoomIn {
-from {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes nutZoomIn {
-from {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@-webkit-keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-@keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-.nutZoom-enter-active,
-.nutZoomIn,
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutZoom-enter-active,
-.nutZoomIn {
-  -webkit-animation-name: nutZoomIn;
-          animation-name: nutZoomIn;
-}
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-name: nutZoomOut;
-          animation-name: nutZoomOut;
-}
-@-webkit-keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    transform: scale(1);
-}
-}
-@keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    transform: scale(1);
-}
-}
-@-webkit-keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    transform: scale(1);
-}
-100% {
-    opacity: 0;
-    transform: scale(0.9);
-}
-}
-@keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    transform: scale(1);
-}
-100% {
-    opacity: 0;
-    transform: scale(0.9);
-}
-}
-.nutEase-enter-active,
-.nutEaseIn,
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutEase-enter-active,
-.nutEaseIn {
-  -webkit-animation-name: nutEaseIn;
-          animation-name: nutEaseIn;
-}
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-name: nutEaseOut;
-          animation-name: nutEaseOut;
-}
-@-webkit-keyframes nutDropIn {
-0% {
-    opacity: 0;
-    transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    transform: scaleY(1);
-}
-}
-@keyframes nutDropIn {
-0% {
-    opacity: 0;
-    transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    transform: scaleY(1);
-}
-}
-@-webkit-keyframes nutDropOut {
-0% {
-    opacity: 1;
-    transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    transform: scaleY(0.8);
-}
-}
-@keyframes nutDropOut {
-0% {
-    opacity: 1;
-    transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    transform: scaleY(0.8);
-}
-}
-.nutDrop-enter-active,
-.nutDropIn,
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutDrop-enter-active,
-.nutDropIn {
-  -webkit-animation-name: nutDropIn;
-          animation-name: nutDropIn;
-}
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-name: nutDropOut;
-          animation-name: nutDropOut;
-}
-@-webkit-keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-@keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-.nutRotate-enter-active,
-.nutRotateIn,
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutRotate-enter-active,
-.nutRotateIn {
-  -webkit-animation-name: nutRotateIn;
-          animation-name: nutRotateIn;
-}
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-name: nutRotateOut;
-          animation-name: nutRotateOut;
-}
-view-block {
-  display: block;
-}
-@keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-.nutFade-enter-active,
-.nutFadeIn,
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutFade-enter-active,
-.nutFadeIn {
-  -webkit-animation-name: nutFadeIn;
-          animation-name: nutFadeIn;
-}
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-name: nutFadeOut;
-          animation-name: nutFadeOut;
-}
-@keyframes nutZoomIn {
-from {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-.nutZoom-enter-active,
-.nutZoomIn,
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutZoom-enter-active,
-.nutZoomIn {
-  -webkit-animation-name: nutZoomIn;
-          animation-name: nutZoomIn;
-}
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-name: nutZoomOut;
-          animation-name: nutZoomOut;
-}
-@keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    transform: scale(1);
-}
-}
-@keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    transform: scale(1);
-}
-100% {
-    opacity: 0;
-    transform: scale(0.9);
-}
-}
-.nutEase-enter-active,
-.nutEaseIn,
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutEase-enter-active,
-.nutEaseIn {
-  -webkit-animation-name: nutEaseIn;
-          animation-name: nutEaseIn;
-}
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-name: nutEaseOut;
-          animation-name: nutEaseOut;
-}
-@keyframes nutDropIn {
-0% {
-    opacity: 0;
-    transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    transform: scaleY(1);
-}
-}
-@keyframes nutDropOut {
-0% {
-    opacity: 1;
-    transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    transform: scaleY(0.8);
-}
-}
-.nutDrop-enter-active,
-.nutDropIn,
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutDrop-enter-active,
-.nutDropIn {
-  -webkit-animation-name: nutDropIn;
-          animation-name: nutDropIn;
-}
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-name: nutDropOut;
-          animation-name: nutDropOut;
-}
-@keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-.nutRotate-enter-active,
-.nutRotateIn,
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutRotate-enter-active,
-.nutRotateIn {
-  -webkit-animation-name: nutRotateIn;
-          animation-name: nutRotateIn;
-}
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-name: nutRotateOut;
-          animation-name: nutRotateOut;
-}
-.nut-button {
-  position: relative;
-  display: inline-block;
-  flex-shrink: 0;
-  height: 76rpx;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  line-height: 72rpx;
-  font-size: 28rpx;
-  text-align: center;
-  transition: opacity 0.2s;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  touch-action: manipulation;
-}
-.nut-button .text {
-  margin-left: 10rpx;
-}
-.nut-button::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: #000;
-  border: inherit;
-  border-color: #000;
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: " ";
-}
-.nut-button:active::before {
-  opacity: 0.1;
-}
-.nut-button__warp {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.nut-button--loading::before, .nut-button--disabled::before {
-  display: none;
-}
-.nut-button--default {
-  color: #666666;
-  background: #fff;
-  border: 2rpx solid #cccccc;
-}
-.nut-button--primary {
-  color: #fff;
-  background: linear-gradient(135deg, #fa2c19 0%, #fa6419 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--info {
-  color: #fff;
-  background: linear-gradient(315deg, #498ff2 0%, #4965f2 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--success {
-  color: #fff;
-  background: linear-gradient(135deg, #26bf26 0%, #27c530 45%, #28cf3f 83%, #29d446 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--danger {
-  color: #fff;
-  background: #fa2c19;
-  border: 2rpx solid transparent;
-}
-.nut-button--warning {
-  color: #fff;
-  background: linear-gradient(135deg, #ff9e0d 0%, #ffa70d 45%, #ffb60d 83%, #ffbe0d 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--plain {
-  background: #fff;
-}
-.nut-button--plain.nut-button--primary {
-  color: #fa2c19;
-  border-color: #fa2c19;
-}
-.nut-button--plain.nut-button--info {
-  color: #496af2;
-  border-color: #496af2;
-}
-.nut-button--plain.nut-button--success {
-  color: #26bf26;
-  border-color: #26bf26;
-}
-.nut-button--plain.nut-button--danger {
-  color: #fa2c19;
-  border-color: #fa2c19;
-}
-.nut-button--plain.nut-button--warning {
-  color: #ff9e0d;
-  border-color: #ff9e0d;
-}
-.nut-button--large {
-  width: 100%;
-  height: 96rpx;
-  line-height: 92rpx;
-}
-.nut-button--normal {
-  padding: 0 36rpx;
-  font-size: 28rpx;
-}
-.nut-button--small {
-  height: 56rpx;
-  line-height: 52rpx;
-  padding: 0 24rpx;
-  font-size: 24rpx;
-}
-.nut-button--block {
-  display: block;
-  width: 100%;
-}
-.nut-button--disabled {
-  opacity: 0.68;
-}
-.nut-button--loading {
-  opacity: 0.9;
-}
-.nut-button--round {
-  border-radius: 50rpx;
-}
-.nut-button--square {
-  border-radius: 0;
-}

src/sites/mobile-taro/vue/dist/comp.js

@@ -1,13 +0,0 @@
-(wx['webpackJsonp'] = wx['webpackJsonp'] || []).push([
-  ['comp'],
-  [],
-  [
-    [
-      './node_modules/@tarojs/mini-runner/dist/template/comp.js',
-      'runtime',
-      'taro',
-      'vendors'
-    ]
-  ]
-]);
-//# sourceMappingURL=comp.js.map

src/sites/mobile-taro/vue/dist/comp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"comp.js","sources":[],"mappings":"","sourceRoot":""}

src/sites/mobile-taro/vue/dist/comp.json

@@ -1 +0,0 @@
-{"component":true,"usingComponents":{"comp":"./comp","custom-wrapper":"./custom-wrapper"}}

src/sites/mobile-taro/vue/dist/comp.wxml

@@ -1,2 +0,0 @@
-<import src="./base.wxml" />
-<template is="tmpl_0_container" data="{{i:i,l:l}}" />

src/sites/mobile-taro/vue/dist/custom-wrapper.js

@@ -1,13 +0,0 @@
-(wx['webpackJsonp'] = wx['webpackJsonp'] || []).push([
-  ['custom-wrapper'],
-  [],
-  [
-    [
-      './node_modules/@tarojs/mini-runner/dist/template/custom-wrapper.js',
-      'runtime',
-      'taro',
-      'vendors'
-    ]
-  ]
-]);
-//# sourceMappingURL=custom-wrapper.js.map

src/sites/mobile-taro/vue/dist/custom-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-wrapper.js","sources":[],"mappings":"","sourceRoot":""}

src/sites/mobile-taro/vue/dist/custom-wrapper.json

@@ -1 +0,0 @@
-{"component":true,"usingComponents":{"comp":"./comp","custom-wrapper":"./custom-wrapper"}}

src/sites/mobile-taro/vue/dist/custom-wrapper.wxml

@@ -1,4 +0,0 @@
-<import src="./base.wxml" />
-  <block wx:for="{{i.cn}}" wx:key="uid">
-    <template is="tmpl_0_container" data="{{i:item,l:''}}" />
-  </block>

src/sites/mobile-taro/vue/dist/pages/address/address.json

@@ -1 +0,0 @@
-{"usingComponents":{"custom-wrapper":"../../custom-wrapper","comp":"../../comp"}}

src/sites/mobile-taro/vue/dist/pages/address/address.wxml

@@ -1,2 +0,0 @@
-<import src="../../base.wxml"/>
-<template is="taro_tmpl" data="{{root:root}}" />

src/sites/mobile-taro/vue/dist/pages/button/demo.json

@@ -1 +0,0 @@
-{"usingComponents":{"custom-wrapper":"../../custom-wrapper","comp":"../../comp"}}

src/sites/mobile-taro/vue/dist/pages/button/demo.wxml

@@ -1,2 +0,0 @@
-<import src="../../base.wxml"/>
-<template is="taro_tmpl" data="{{root:root}}" />

src/sites/mobile-taro/vue/dist/pages/button/demo.wxss

@@ -1,987 +0,0 @@
-view-block {
-  display: block;
-}
-@-webkit-keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@-webkit-keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-@keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-.nutFade-enter-active,
-.nutFadeIn,
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutFade-enter-active,
-.nutFadeIn {
-  -webkit-animation-name: nutFadeIn;
-          animation-name: nutFadeIn;
-}
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-name: nutFadeOut;
-          animation-name: nutFadeOut;
-}
-@-webkit-keyframes nutZoomIn {
-from {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes nutZoomIn {
-from {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@-webkit-keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-@keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-.nutZoom-enter-active,
-.nutZoomIn,
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutZoom-enter-active,
-.nutZoomIn {
-  -webkit-animation-name: nutZoomIn;
-          animation-name: nutZoomIn;
-}
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-name: nutZoomOut;
-          animation-name: nutZoomOut;
-}
-@-webkit-keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-}
-@keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-}
-@-webkit-keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-}
-@keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-}
-.nutEase-enter-active,
-.nutEaseIn,
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutEase-enter-active,
-.nutEaseIn {
-  -webkit-animation-name: nutEaseIn;
-          animation-name: nutEaseIn;
-}
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-name: nutEaseOut;
-          animation-name: nutEaseOut;
-}
-@-webkit-keyframes nutDropIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-}
-@keyframes nutDropIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-}
-@-webkit-keyframes nutDropOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-}
-@keyframes nutDropOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-}
-.nutDrop-enter-active,
-.nutDropIn,
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutDrop-enter-active,
-.nutDropIn {
-  -webkit-animation-name: nutDropIn;
-          animation-name: nutDropIn;
-}
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-name: nutDropOut;
-          animation-name: nutDropOut;
-}
-@-webkit-keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-@keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-.nutRotate-enter-active,
-.nutRotateIn,
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutRotate-enter-active,
-.nutRotateIn {
-  -webkit-animation-name: nutRotateIn;
-          animation-name: nutRotateIn;
-}
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-name: nutRotateOut;
-          animation-name: nutRotateOut;
-}
-view-block {
-  display: block;
-}
-@keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-.nutFade-enter-active,
-.nutFadeIn,
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutFade-enter-active,
-.nutFadeIn {
-  -webkit-animation-name: nutFadeIn;
-          animation-name: nutFadeIn;
-}
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-name: nutFadeOut;
-          animation-name: nutFadeOut;
-}
-@keyframes nutZoomIn {
-from {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-.nutZoom-enter-active,
-.nutZoomIn,
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutZoom-enter-active,
-.nutZoomIn {
-  -webkit-animation-name: nutZoomIn;
-          animation-name: nutZoomIn;
-}
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-name: nutZoomOut;
-          animation-name: nutZoomOut;
-}
-@keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-}
-@keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-}
-.nutEase-enter-active,
-.nutEaseIn,
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutEase-enter-active,
-.nutEaseIn {
-  -webkit-animation-name: nutEaseIn;
-          animation-name: nutEaseIn;
-}
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-name: nutEaseOut;
-          animation-name: nutEaseOut;
-}
-@keyframes nutDropIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-}
-@keyframes nutDropOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-}
-.nutDrop-enter-active,
-.nutDropIn,
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutDrop-enter-active,
-.nutDropIn {
-  -webkit-animation-name: nutDropIn;
-          animation-name: nutDropIn;
-}
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-name: nutDropOut;
-          animation-name: nutDropOut;
-}
-@keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-.nutRotate-enter-active,
-.nutRotateIn,
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutRotate-enter-active,
-.nutRotateIn {
-  -webkit-animation-name: nutRotateIn;
-          animation-name: nutRotateIn;
-}
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-name: nutRotateOut;
-          animation-name: nutRotateOut;
-}
-.nut-button {
-  position: relative;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-          flex-shrink: 0;
-  height: 76rpx;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  line-height: 72rpx;
-  font-size: 28rpx;
-  text-align: center;
-  -webkit-transition: opacity 0.2s;
-  -o-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -ms-touch-action: manipulation;
-      touch-action: manipulation;
-}
-.nut-button .text {
-  margin-left: 10rpx;
-}
-.nut-button::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: #000;
-  border: inherit;
-  border-color: #000;
-  border-radius: inherit;
-  -webkit-transform: translate(-50%, -50%);
-      -ms-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-  opacity: 0;
-  content: " ";
-}
-.nut-button:active::before {
-  opacity: 0.1;
-}
-.nut-button__warp {
-  height: 100%;
-  width: 100%;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.nut-button--loading::before, .nut-button--disabled::before {
-  display: none;
-}
-.nut-button--default {
-  color: #666666;
-  background: #fff;
-  border: 2rpx solid #cccccc;
-}
-.nut-button--primary {
-  color: #fff;
-  background: -webkit-linear-gradient(315deg, #fa2c19 0%, #fa6419 100%);
-  background: -o-linear-gradient(315deg, #fa2c19 0%, #fa6419 100%);
-  background: linear-gradient(135deg, #fa2c19 0%, #fa6419 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--info {
-  color: #fff;
-  background: -webkit-linear-gradient(135deg, #498ff2 0%, #4965f2 100%);
-  background: -o-linear-gradient(135deg, #498ff2 0%, #4965f2 100%);
-  background: linear-gradient(315deg, #498ff2 0%, #4965f2 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--success {
-  color: #fff;
-  background: -webkit-linear-gradient(315deg, #26bf26 0%, #27c530 45%, #28cf3f 83%, #29d446 100%);
-  background: -o-linear-gradient(315deg, #26bf26 0%, #27c530 45%, #28cf3f 83%, #29d446 100%);
-  background: linear-gradient(135deg, #26bf26 0%, #27c530 45%, #28cf3f 83%, #29d446 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--danger {
-  color: #fff;
-  background: #fa2c19;
-  border: 2rpx solid transparent;
-}
-.nut-button--warning {
-  color: #fff;
-  background: -webkit-linear-gradient(315deg, #ff9e0d 0%, #ffa70d 45%, #ffb60d 83%, #ffbe0d 100%);
-  background: -o-linear-gradient(315deg, #ff9e0d 0%, #ffa70d 45%, #ffb60d 83%, #ffbe0d 100%);
-  background: linear-gradient(135deg, #ff9e0d 0%, #ffa70d 45%, #ffb60d 83%, #ffbe0d 100%);
-  border: 2rpx solid transparent;
-}
-.nut-button--plain {
-  background: #fff;
-}
-.nut-button--plain.nut-button--primary {
-  color: #fa2c19;
-  border-color: #fa2c19;
-}
-.nut-button--plain.nut-button--info {
-  color: #496af2;
-  border-color: #496af2;
-}
-.nut-button--plain.nut-button--success {
-  color: #26bf26;
-  border-color: #26bf26;
-}
-.nut-button--plain.nut-button--danger {
-  color: #fa2c19;
-  border-color: #fa2c19;
-}
-.nut-button--plain.nut-button--warning {
-  color: #ff9e0d;
-  border-color: #ff9e0d;
-}
-.nut-button--large {
-  width: 100%;
-  height: 96rpx;
-  line-height: 92rpx;
-}
-.nut-button--normal {
-  padding: 0 36rpx;
-  font-size: 28rpx;
-}
-.nut-button--small {
-  height: 56rpx;
-  line-height: 52rpx;
-  padding: 0 24rpx;
-  font-size: 24rpx;
-}
-.nut-button--block {
-  display: block;
-  width: 100%;
-}
-.nut-button--disabled {
-  opacity: 0.68;
-}
-.nut-button--loading {
-  opacity: 0.9;
-}
-.nut-button--round {
-  border-radius: 50rpx;
-}
-.nut-button--square {
-  border-radius: 0;
-}
-view-block {
-  display: block;
-}
-@-webkit-keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@keyframes nutFadeIn {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
-}
-}
-@-webkit-keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-@keyframes nutFadeOut {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-.nutFade-enter-active,
-.nutFadeIn,
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutFade-enter-active,
-.nutFadeIn {
-  -webkit-animation-name: nutFadeIn;
-          animation-name: nutFadeIn;
-}
-.nutFade-leave-active,
-.nutFadeOut {
-  -webkit-animation-name: nutFadeOut;
-          animation-name: nutFadeOut;
-}
-@-webkit-keyframes nutZoomIn {
-from {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes nutZoomIn {
-from {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-50% {
-    opacity: 1;
-}
-}
-@-webkit-keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-@keyframes nutZoomOut {
-from {
-    opacity: 1;
-}
-50% {
-    opacity: 0;
-    -webkit-transform: scale3d(0.3, 0.3, 0.3);
-            transform: scale3d(0.3, 0.3, 0.3);
-}
-to {
-    opacity: 0;
-}
-}
-.nutZoom-enter-active,
-.nutZoomIn,
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutZoom-enter-active,
-.nutZoomIn {
-  -webkit-animation-name: nutZoomIn;
-          animation-name: nutZoomIn;
-}
-.nutZoom-leave-active,
-.nutZoomOut {
-  -webkit-animation-name: nutZoomOut;
-          animation-name: nutZoomOut;
-}
-@-webkit-keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-}
-@keyframes nutEaseIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-}
-@-webkit-keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-}
-@keyframes nutEaseOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scale(0.9);
-            transform: scale(0.9);
-}
-}
-.nutEase-enter-active,
-.nutEaseIn,
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutEase-enter-active,
-.nutEaseIn {
-  -webkit-animation-name: nutEaseIn;
-          animation-name: nutEaseIn;
-}
-.nutEase-leave-active,
-.nutEaseOut {
-  -webkit-animation-name: nutEaseOut;
-          animation-name: nutEaseOut;
-}
-@-webkit-keyframes nutDropIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-}
-@keyframes nutDropIn {
-0% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-100% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-}
-@-webkit-keyframes nutDropOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-}
-@keyframes nutDropOut {
-0% {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-}
-100% {
-    opacity: 0;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-}
-}
-.nutDrop-enter-active,
-.nutDropIn,
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutDrop-enter-active,
-.nutDropIn {
-  -webkit-animation-name: nutDropIn;
-          animation-name: nutDropIn;
-}
-.nutDrop-leave-active,
-.nutDropOut {
-  -webkit-animation-name: nutDropOut;
-          animation-name: nutDropOut;
-}
-@-webkit-keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-@keyframes rotation {
-0% {
-    -webkit-transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-}
-}
-.nutRotate-enter-active,
-.nutRotateIn,
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.nutRotate-enter-active,
-.nutRotateIn {
-  -webkit-animation-name: nutRotateIn;
-          animation-name: nutRotateIn;
-}
-.nutRotate-leave-active,
-.nutRotateOut {
-  -webkit-animation-name: nutRotateOut;
-          animation-name: nutRotateOut;
-}
-.h2 {
-  margin-top: 60rpx;
-  margin-bottom: 20rpx;
-  font-size: 28rpx;
-  color: #909ca4;
-  padding: 0 20rpx;
-  font-weight: 400;
-}
-view {
-  display: block;
-}
-.demo-button-row {
-  margin-bottom: 40rpx;
-}
-.demo-button-row2 {
-  margin-bottom: 20rpx;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-          flex-wrap: wrap;
-}
-.nut-button {
-  margin-right: 30rpx;
-}
-.nut-button:last-child {
-  margin-bottom: 0;
-  margin-right: 0;
-}

src/sites/mobile-taro/vue/dist/project.config.json

@@ -1,43 +0,0 @@
-{
-  "miniprogramRoot": "./",
-  "projectname": "myApp",
-  "description": "taro-vue",
-  "appid": "wxee296c9bffc451d9",
-  "setting": {
-    "urlCheck": true,
-    "es6": false,
-    "enhance": false,
-    "postcss": false,
-    "preloadBackgroundData": false,
-    "minified": false,
-    "newFeature": false,
-    "coverView": true,
-    "nodeModules": false,
-    "autoAudits": false,
-    "showShadowRootInWxmlPanel": true,
-    "scopeDataCheck": false,
-    "uglifyFileName": false,
-    "checkInvalidKey": true,
-    "checkSiteMap": true,
-    "uploadWithSourceMap": true,
-    "compileHotReLoad": false,
-    "useMultiFrameRuntime": true,
-    "useApiHook": true,
-    "useApiHostProcess": true,
-    "babelSetting": {
-      "ignore": [],
-      "disablePlugins": [],
-      "outputPath": ""
-    },
-    "enableEngineNative": false,
-    "useIsolateContext": true,
-    "useCompilerModule": true,
-    "userConfirmedUseCompilerModuleSwitch": false,
-    "userConfirmedBundleSwitch": false,
-    "packNpmManually": false,
-    "packNpmRelationList": [],
-    "minifyWXSS": true
-  },
-  "compileType": "miniprogram",
-  "condition": {}
-}

src/sites/mobile-taro/vue/dist/runtime.js

@@ -1,203 +0,0 @@
-/******/ (function(modules) {
-  // webpackBootstrap
-  /******/ // install a JSONP callback for chunk loading
-  /******/ function webpackJsonpCallback(data) {
-    /******/ var chunkIds = data[0];
-    /******/ var moreModules = data[1];
-    /******/ var executeModules = data[2]; // add "moreModules" to the modules object, // then flag all "chunkIds" as loaded and fire callback
-    /******/
-    /******/ /******/ /******/ var moduleId,
-      chunkId,
-      i = 0,
-      resolves = [];
-    /******/ for (; i < chunkIds.length; i++) {
-      /******/ chunkId = chunkIds[i];
-      /******/ if (
-        Object.prototype.hasOwnProperty.call(installedChunks, chunkId) &&
-        installedChunks[chunkId]
-      ) {
-        /******/ resolves.push(installedChunks[chunkId][0]);
-        /******/
-      }
-      /******/ installedChunks[chunkId] = 0;
-      /******/
-    }
-    /******/ for (moduleId in moreModules) {
-      /******/ if (
-        Object.prototype.hasOwnProperty.call(moreModules, moduleId)
-      ) {
-        /******/ modules[moduleId] = moreModules[moduleId];
-        /******/
-      }
-      /******/
-    }
-    /******/ if (parentJsonpFunction) parentJsonpFunction(data);
-    /******/
-    /******/ while (resolves.length) {
-      /******/ resolves.shift()();
-      /******/
-    } // add entry modules from loaded chunk to deferred list
-    /******/
-    /******/ /******/ deferredModules.push.apply(
-      deferredModules,
-      executeModules || []
-    ); // run deferred modules when all chunks ready
-    /******/
-    /******/ /******/ return checkDeferredModules();
-    /******/
-  }
-  /******/ function checkDeferredModules() {
-    /******/ var result;
-    /******/ for (var i = 0; i < deferredModules.length; i++) {
-      /******/ var deferredModule = deferredModules[i];
-      /******/ var fulfilled = true;
-      /******/ for (var j = 1; j < deferredModule.length; j++) {
-        /******/ var depId = deferredModule[j];
-        /******/ if (installedChunks[depId] !== 0) fulfilled = false;
-        /******/
-      }
-      /******/ if (fulfilled) {
-        /******/ deferredModules.splice(i--, 1);
-        /******/ result = __webpack_require__(
-          (__webpack_require__.s = deferredModule[0])
-        );
-        /******/
-      }
-      /******/
-    }
-    /******/
-    /******/ return result;
-    /******/
-  } // The module cache
-  /******/
-  /******/ /******/ var installedModules = {}; // object to store loaded and loading chunks // undefined = chunk not loaded, null = chunk preloaded/prefetched // Promise = chunk loading, 0 = chunk loaded
-  /******/
-  /******/ /******/ /******/ /******/ var installedChunks = {
-    /******/ runtime: 0
-    /******/
-  };
-  /******/
-  /******/ var deferredModules = []; // The require function
-  /******/
-  /******/ /******/ function __webpack_require__(moduleId) {
-    /******/
-    /******/ // Check if module is in cache
-    /******/ if (installedModules[moduleId]) {
-      /******/ return installedModules[moduleId].exports;
-      /******/
-    } // Create a new module (and put it into the cache)
-    /******/ /******/ var module = (installedModules[moduleId] = {
-      /******/ i: moduleId,
-      /******/ l: false,
-      /******/ exports: {}
-      /******/
-    }); // Execute the module function
-    /******/
-    /******/ /******/ modules[moduleId].call(
-      module.exports,
-      module,
-      module.exports,
-      __webpack_require__
-    ); // Flag the module as loaded
-    /******/
-    /******/ /******/ module.l = true; // Return the exports of the module
-    /******/
-    /******/ /******/ return module.exports;
-    /******/
-  } // expose the modules object (__webpack_modules__)
-  /******/
-  /******/
-  /******/ /******/ __webpack_require__.m = modules; // expose the module cache
-  /******/
-  /******/ /******/ __webpack_require__.c = installedModules; // define getter function for harmony exports
-  /******/
-  /******/ /******/ __webpack_require__.d = function(exports, name, getter) {
-    /******/ if (!__webpack_require__.o(exports, name)) {
-      /******/ Object.defineProperty(exports, name, {
-        enumerable: true,
-        get: getter
-      });
-      /******/
-    }
-    /******/
-  }; // define __esModule on exports
-  /******/
-  /******/ /******/ __webpack_require__.r = function(exports) {
-    /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-      /******/ Object.defineProperty(exports, Symbol.toStringTag, {
-        value: 'Module'
-      });
-      /******/
-    }
-    /******/ Object.defineProperty(exports, '__esModule', { value: true });
-    /******/
-  }; // create a fake namespace object // mode & 1: value is a module id, require it // mode & 2: merge all properties of value into the ns // mode & 4: return value when already ns object // mode & 8|1: behave like require
-  /******/
-  /******/ /******/ /******/ /******/ /******/ /******/ __webpack_require__.t = function(
-    value,
-    mode
-  ) {
-    /******/ if (mode & 1) value = __webpack_require__(value);
-    /******/ if (mode & 8) return value;
-    /******/ if (
-      mode & 4 &&
-      typeof value === 'object' &&
-      value &&
-      value.__esModule
-    )
-      return value;
-    /******/ var ns = Object.create(null);
-    /******/ __webpack_require__.r(ns);
-    /******/ Object.defineProperty(ns, 'default', {
-      enumerable: true,
-      value: value
-    });
-    /******/ if (mode & 2 && typeof value != 'string')
-      for (var key in value)
-        __webpack_require__.d(
-          ns,
-          key,
-          function(key) {
-            return value[key];
-          }.bind(null, key)
-        );
-    /******/ return ns;
-    /******/
-  }; // getDefaultExport function for compatibility with non-harmony modules
-  /******/
-  /******/ /******/ __webpack_require__.n = function(module) {
-    /******/ var getter =
-      module && module.__esModule
-        ? /******/ function getDefault() {
-            return module['default'];
-          }
-        : /******/ function getModuleExports() {
-            return module;
-          };
-    /******/ __webpack_require__.d(getter, 'a', getter);
-    /******/ return getter;
-    /******/
-  }; // Object.prototype.hasOwnProperty.call
-  /******/
-  /******/ /******/ __webpack_require__.o = function(object, property) {
-    return Object.prototype.hasOwnProperty.call(object, property);
-  }; // __webpack_public_path__
-  /******/
-  /******/ /******/ __webpack_require__.p = '/';
-  /******/
-  /******/ var jsonpArray = (wx['webpackJsonp'] = wx['webpackJsonp'] || []);
-  /******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
-  /******/ jsonpArray.push = webpackJsonpCallback;
-  /******/ jsonpArray = jsonpArray.slice();
-  /******/ for (var i = 0; i < jsonpArray.length; i++)
-    webpackJsonpCallback(jsonpArray[i]);
-  /******/ var parentJsonpFunction = oldJsonpFunction; // run deferred modules from other chunks
-  /******/
-  /******/
-  /******/ /******/ checkDeferredModules();
-  /******/
-})(
-  /************************************************************************/
-  /******/ []
-);
-//# sourceMappingURL=runtime.js.map

src/sites/mobile-taro/vue/dist/utils.wxs

@@ -1,39 +0,0 @@
-module.exports = {
-  a: function (l, n, s) {
-    var a = ["view","catch-view","cover-view","static-view","pure-view","block","text","static-text","slot","slot-view","label","form","scroll-view","swiper","swiper-item"]
-    var b = ["static-text","slot","slot-view","label","form","scroll-view","swiper","swiper-item"]
-    if (a.indexOf(n) === -1) {
-      l = 0
-    }
-    if (b.indexOf(n) > -1) {
-      var u = s.split(',')
-      var depth = 0
-      for (var i = 0; i < u.length; i++) {
-        if (u[i] === n) depth++
-      }
-      l = depth
-    }
-    return 'tmpl_' + l + '_' + n
-  },
-  b: function (a, b) {
-    return a === undefined ? b : a
-  },
-  c: function(i, prefix) {
-    var s = i.focus !== undefined ? 'focus' : 'blur'
-    return prefix + i.nn + '_' + s
-  },
-  d: function (i, v) {
-    return i === undefined ? v : i
-  },
-  e: function (n) {
-    return 'tmpl_' + n + '_container'
-  },
-  f: function (l, n) {
-    var b = ["static-text","slot","slot-view","label","form","scroll-view","swiper","swiper-item"]
-    if (b.indexOf(n) > -1) {
-      if (l) l += ','
-      l += n
-    }
-    return l
-  }
-}

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

@@ -1,9 +1,14 @@
 export default {
   pages: [
     // 'pages/inputnumber/demo',
-    'pages/button/demo',
     'pages/address/demo',
-    'pages/infiniteloading/demo'
+    'pages/infiniteloading/demo',
+    'pages/input/demo',
+    'pages/popup/demo',
+    'pages/inputnumber/demo',
+    'pages/calendar/demo',
+    'pages/textarea/demo',
+    'pages/button/demo'
   ],
   window: {
     backgroundTextStyle: 'light',

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

@@ -14,6 +14,7 @@
 import { PropType, CSSProperties, toRefs, computed } from 'vue';
 import { createComponent } from './../../../../../../packages/utils/create';
 const { componentName, create } = createComponent('button');
+console.log(wx);
 
 export type ButtonType =
   | 'default'

src/sites/mobile-taro/vue/src/pages/calendar/demo.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="demo">
+    <h2>基础用法</h2>
+  </div>
+</template>
+
+<script lang="ts">
+import { reactive, toRefs } from 'vue';
+import { createComponent } from './../../../../../../packages/utils/create';
+import Calendar from './index.taro.vue';
+
+const { createDemo } = createComponent('calendar');
+
+interface TestCalendarState {
+  isVisible: boolean;
+  date: string;
+  dateWeek: string;
+  isVisible1: boolean;
+  date1: string[];
+  date2: string;
+  isVisible3: boolean;
+  date3: string;
+}
+export default createDemo({
+  props: {},
+  components: {
+    'nut-calendar': Calendar
+  },
+  setup() {
+    const state: TestCalendarState = reactive({
+      isVisible: false,
+      date: '',
+      dateWeek: '',
+
+      isVisible1: false,
+      date1: ['2019-12-23', '2019-12-26'],
+
+      date2: '2020-07-08',
+
+      isVisible3: false,
+      date3: ''
+    });
+    const openSwitch = (param: string) => {
+      state[`${param}`] = true;
+    };
+
+    const closeSwitch = (param: string) => {
+      state[`${param}`] = false;
+    };
+
+    const setChooseValue = (param: string) => {
+      state.date = param[3];
+      state.dateWeek = param[4];
+    };
+
+    const setChooseValue1 = (param: string) => {
+      state.date1 = [...[param[0][3], param[1][3]]];
+    };
+
+    const setChooseValue2 = (param: string) => {
+      state.date2 = param[3];
+      console.log(state.date2);
+    };
+
+    const setChooseValue3 = (param: string) => {
+      state.date3 = param[3];
+    };
+
+    return {
+      ...toRefs(state),
+      openSwitch,
+      closeSwitch,
+      setChooseValue,
+      setChooseValue1,
+      setChooseValue2,
+      setChooseValue3
+    };
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.test-calendar-wrapper {
+  display: flex;
+  width: 100%;
+  height: 613px;
+  overflow: hidden;
+}
+</style>

src/sites/mobile-taro/vue/src/pages/calendar/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: 'Calendar'
+};

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

@@ -40,11 +40,12 @@
 </template>
 <script lang="ts">
 import { PropType, ref } from 'vue';
-import { createComponent } from '@/packages/utils/create';
+import { createComponent } from './../../../../../../packages/utils/create';
 const { create } = createComponent('calendar');
-import Popup from '@/packages/__VUE/popup/index.vue';
-import CalendarItem from '@/packages/__VUE/calendaritem/index.vue';
-import Utils from '@/packages/utils/date';
+import Popup from './../popup/index.taro.vue';
+// import CalendarItem from '@/packages/__VUE/calendaritem/index.vue';
+import CalendarItem from './../calendaritem/index.taro.vue';
+import Utils from './../../../../../../packages/utils/date';
 type InputDate = string | string[];
 export default create({
   children: [CalendarItem, Popup],

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

@@ -86,10 +86,10 @@
 </template>
 <script lang="ts">
 import { PropType, reactive, ref, watch, toRefs } from 'vue';
-import { createComponent } from '../../utils/create';
+import { createComponent } from './../../../../../../packages/utils/create';
 const { create } = createComponent('calendar-item');
-import Utils from '../../utils/date';
-import requestAniFrame from '../../utils/raf';
+import Utils from './../../../../../../packages/utils/date';
+import requestAniFrame from './../../../../../../packages/utils/raf';
 type InputDate = string | string[];
 interface CalendarState {
   yearMonthTitle: string;
@@ -664,5 +664,6 @@ export default create({
 </script>
 
 <style lang="scss">
-@import 'index.scss';
+@import '../../../../../../packages/__VUE/calendaritem/index.scss';
+// @import 'index.scss';
 </style>

src/sites/mobile-taro/vue/src/pages/input/demo.vue

@@ -0,0 +1,111 @@
+<template>
+  <div class="demo full">
+    <h2>基础用法</h2>
+    <nut-input
+      v-model="state.val1"
+      @change="change"
+      @focus="focus"
+      @blur="blur"
+      label="文本(异步)"
+    />
+    <nut-input
+      placeholder="请输入文本"
+      @change="change"
+      v-model="state.val0"
+      :require-show="true"
+      label="文本"
+      @clear="clear"
+    />
+    <h2>禁用输入框</h2>
+    <nut-input
+      v-model="state.val2"
+      @change="change"
+      :disabled="true"
+      label="文本"
+    />
+    <nut-input
+      v-model="state.val3"
+      @change="change"
+      :readonly="true"
+      label="文本"
+    />
+    <h2>限制输入长度</h2>
+    <nut-input
+      v-model="state.val4"
+      @change="change"
+      max-length="7"
+      label="限制7"
+    />
+    <h2>自定义类型</h2>
+    <nut-input
+      v-model="state.val7"
+      @change="change"
+      type="password"
+      label="密码"
+    />
+    <nut-input
+      v-model="state.val5"
+      @change="change"
+      type="number"
+      label="整数"
+    />
+    <nut-input
+      v-model="state.val6"
+      @change="change"
+      type="digit"
+      placeholder="支持小数点的输入"
+      label="数字"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import { reactive } from 'vue';
+import { createComponent } from './../../../../../../packages/utils/create';
+import Input from './index.taro.vue';
+const { createDemo } = createComponent('input');
+export default createDemo({
+  props: {},
+  components: {
+    'nut-input': Input
+  },
+  setup() {
+    const state = reactive({
+      val0: '',
+      val1: '初始数据',
+      val2: '禁止修改',
+      val3: 'readonly 只读',
+      val4: '',
+      val5: '',
+      val6: '',
+      val7: '',
+      val8: '文案'
+    });
+    setTimeout(function() {
+      state.val1 = '异步数据';
+    }, 2000);
+    const change = (value: string | number, event: Event) => {
+      console.log('change: ', value, event);
+    };
+    const focus = (value: string | number, event: Event) => {
+      console.log('focus:', value, event);
+    };
+    const blur = (value: string | number, event: Event) => {
+      console.log('blur:', value, event);
+    };
+    const clear = (value: string | number) => {
+      console.log('clear:', value);
+    };
+
+    return {
+      state,
+      change,
+      blur,
+      clear,
+      focus
+    };
+  }
+});
+</script>
+
+<style lang="scss" scoped></style>

src/sites/mobile-taro/vue/src/pages/input/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: 'Input'
+};

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

@@ -4,7 +4,11 @@
       <view class="nut-input-require" v-if="requireShow">*</view>
       <view v-if="label" class="label-string">{{ label }}</view>
     </view>
+    <view v-if="readonly">
+      {{ modelValue }}
+    </view>
     <input
+      v-else
       class="input-text"
       :style="styles"
       :type="type"
@@ -29,8 +33,39 @@
 </template>
 <script lang="ts">
 import { ref, computed } from 'vue';
-import { createComponent } from '@/packages/utils/create';
-import { formatNumber } from './util';
+import { createComponent } from './../../../../../../packages/utils/create';
+
+function trimExtraChar(value: string, char: string, regExp: RegExp) {
+  const index = value.indexOf(char);
+
+  if (index === -1) {
+    return value;
+  }
+
+  if (char === '-' && index !== 0) {
+    return value.slice(0, index);
+  }
+
+  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
+}
+
+function formatNumber(value: string, allowDot = true, allowMinus = true) {
+  if (allowDot) {
+    value = trimExtraChar(value, '.', /\./g);
+  } else {
+    value = value.replace(/\./g, '');
+  }
+
+  if (allowMinus) {
+    value = trimExtraChar(value, '-', /-/g);
+  } else {
+    value = value.replace(/-/, '');
+  }
+
+  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+
+  return value.replace(regExp, '');
+}
 
 const { componentName, create } = createComponent('input');
 interface Events {
@@ -73,7 +108,7 @@ export default create({
     },
     maxLength: {
       type: [String, Number],
-      default: ''
+      default: '99999999'
     },
     clearable: {
       type: Boolean,
@@ -153,5 +188,6 @@ export default create({
 </script>
 
 <style lang="scss">
-@import 'index.scss';
+// @import 'index.scss';
+@import '../../../../../../packages/__VUE/input/index.scss';
 </style>

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

@@ -13,7 +13,7 @@
 </template>
 <script lang="ts">
 import { CSSProperties, PropType, computed } from 'vue';
-import { createComponent } from '@/packages/utils/create';
+import { createComponent } from './../../../../../../packages/utils/create';
 const { componentName, create } = createComponent('overlay');
 const overlayProps = {
   visible: {
@@ -83,5 +83,5 @@ export default create({
 });
 </script>
 <style lang="scss">
-@import 'index.scss';
+@import '../../../../../../packages/__VUE/overlay/index.scss';
 </style>

src/sites/mobile-taro/vue/src/pages/popup/demo.vue

@@ -0,0 +1,148 @@
+<template>
+  <div class="demo">
+    <h2>基础用法</h2>
+    <nut-cell
+      title="展示弹出层"
+      is-link
+      @click="state.showBasic = true"
+    ></nut-cell>
+    <nut-popup
+      pop-class="popclass"
+      :style="{ padding: '30px 50px' }"
+      v-model:visible="state.showBasic"
+      :z-index="100"
+      >正文</nut-popup
+    >
+    <h2>弹出位置</h2>
+    <nut-cell title="顶部弹出" is-link @click="state.showTop = true"></nut-cell>
+    <nut-popup
+      position="top"
+      :style="{ height: '20%' }"
+      v-model:visible="state.showTop"
+    ></nut-popup>
+    <nut-cell
+      title="底部弹出"
+      is-link
+      @click="state.showBottom = true"
+    ></nut-cell>
+    <nut-popup
+      position="bottom"
+      :style="{ height: '20%' }"
+      v-model:visible="state.showBottom"
+    ></nut-popup>
+    <nut-cell
+      title="左侧弹出"
+      is-link
+      @click="state.showLeft = true"
+    ></nut-cell>
+    <nut-popup
+      position="left"
+      :style="{ width: '20%', height: '100%' }"
+      v-model:visible="state.showLeft"
+    ></nut-popup>
+    <nut-cell
+      title="右侧弹出"
+      is-link
+      @click="state.showRight = true"
+    ></nut-cell>
+    <nut-popup
+      position="right"
+      :style="{ width: '20%', height: '100%' }"
+      v-model:visible="state.showRight"
+    ></nut-popup>
+    <h2>关闭图标</h2>
+    <nut-cell
+      title="关闭图标"
+      is-link
+      @click="state.showIcon = true"
+    ></nut-cell>
+    <nut-popup
+      position="bottom"
+      closeable
+      :style="{ height: '20%' }"
+      v-model:visible="state.showIcon"
+    ></nut-popup>
+    <nut-cell
+      title="图标位置"
+      is-link
+      @click="state.showIconPosition = true"
+    ></nut-cell>
+    <nut-popup
+      position="bottom"
+      closeable
+      close-icon-position="top-left"
+      :style="{ height: '20%' }"
+      v-model:visible="state.showIconPosition"
+    ></nut-popup>
+    <nut-cell
+      title="自定义图标"
+      is-link
+      @click="state.showCloseIcon = true"
+    ></nut-cell>
+    <nut-popup
+      position="bottom"
+      closeable
+      close-icon-position="top-left"
+      close-icon="heart"
+      :style="{ height: '20%' }"
+      v-model:visible="state.showCloseIcon"
+    ></nut-popup>
+    <h2>圆角弹框</h2>
+    <nut-cell
+      title="圆角弹框"
+      is-link
+      @click="state.showRound = true"
+    ></nut-cell>
+    <nut-popup
+      position="bottom"
+      closeable
+      round
+      :style="{ height: '30%' }"
+      v-model:visible="state.showRound"
+    ></nut-popup>
+    <h2>指定挂载节点</h2>
+    <nut-cell
+      title="指定挂载节点"
+      is-link
+      @click="state.showTeleport = true"
+    ></nut-cell>
+    <nut-popup
+      :style="{ padding: '30px 50px' }"
+      teleport="#app"
+      v-model:visible="state.showTeleport"
+      >app</nut-popup
+    >
+  </div>
+</template>
+
+<script lang="ts">
+import { reactive } from 'vue';
+import { createComponent } from './../../../../../../packages/utils/create';
+import Popup from './index.taro.vue';
+import Cell from './../cell/index.taro.vue';
+const { createDemo } = createComponent('popup');
+export default createDemo({
+  props: {},
+  components: {
+    'nut-cell': Cell,
+    'nut-popup': Popup
+  },
+  setup() {
+    const state = reactive({
+      showBasic: false,
+      showTop: false,
+      showBottom: false,
+      showLeft: false,
+      showRight: false,
+      showIcon: false,
+      showIconPosition: false,
+      showCloseIcon: false,
+      showRound: false,
+      showCombination: false
+    });
+    return { state };
+  }
+});
+</script>
+
+<style lang="scss"></style>

src/sites/mobile-taro/vue/src/pages/popup/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: 'Popup'
+};

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

@@ -1,5 +1,5 @@
 <template>
-  <Teleport :to="teleport">
+  <view>
     <nut-overlay
       v-if="overlay"
       :visible="visible"
@@ -34,7 +34,7 @@
         </nut-icon>
       </view>
     </Transition>
-  </Teleport>
+  </view>
 </template>
 <script lang="ts">
 import {
@@ -48,12 +48,14 @@ import {
   reactive,
   PropType,
   CSSProperties,
-  toRefs
+  toRefs,
+  getCurrentInstance
 } from 'vue';
-import { useLockScroll } from './use-lock-scroll';
-import { overlayProps } from './../overlay/index.vue';
-import overlay from '@/packages/__VUE/overlay/index.vue';
-import { createComponent } from '@/packages/utils/create';
+import { useLockScroll } from './../../../../../../packages/__VUE/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 './../../../../../../packages/utils/create';
 const { componentName, create } = createComponent('popup');
 
 let _zIndex = 2000;
@@ -114,7 +116,8 @@ export const popupProps = {
 export default create({
   children: [overlay],
   components: {
-    'nut-overlay': overlay
+    'nut-overlay': overlay,
+    'nut-icon': Icon
   },
   props: {
     ...popupProps
@@ -131,6 +134,7 @@ export default create({
   ],
 
   setup(props, { emit }) {
+    const { proxy } = getCurrentInstance() as any;
     const state = reactive({
       zIndex: props.zIndex ? (props.zIndex as number) : _zIndex,
       showSlot: true,
@@ -212,6 +216,13 @@ export default create({
     };
 
     onMounted(() => {
+      // document.getElementById('app').appendChild(proxy.$el);
+      const query = wx.createSelectorQuery();
+      console.log(query.in(proxy));
+      query.selectViewport().scrollOffset();
+      query.exec(res => {
+        // console.log(res[0].scrollTop)
+      });
       props.transition
         ? (state.transitionName = props.transition)
         : (state.transitionName = `popup-slide-${props.position}`);
@@ -278,5 +289,5 @@ export default create({
 </script>
 
 <style lang="scss">
-@import 'index.scss';
+@import '../../../../../../packages/__VUE/popup/index.scss';
 </style>

src/sites/mobile-taro/vue/src/pages/textarea/demo.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="demo full">
+    <h2>基础用法</h2>
+    <nut-textarea v-model="value" />
+    <h2>显示字数统计</h2>
+    <nut-textarea v-model="value2" limit-show max-length="20" />
+    <h2>高度自定义，拉伸</h2>
+    <nut-textarea v-model="value3" rows="10" autosize />
+    <h2>只读</h2>
+    <nut-textarea readonly model-value="textarea只读状态" />
+    <h2>禁用</h2>
+    <nut-textarea
+      disabled
+      model-value="textarea禁用状态"
+      limit-show
+      max-length="20"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import { ref } from 'vue';
+import { createComponent } from './../../../../../../packages/utils/create';
+import Textarea from './index.taro.vue';
+const { createDemo } = createComponent('textarea');
+export default createDemo({
+  props: {},
+  components: {
+    'nut-textarea': Textarea
+  },
+  setup() {
+    const value = ref('');
+    const value2 = ref('');
+    const value3 = ref('');
+
+    return {
+      value,
+      value2,
+      value3
+    };
+  }
+});
+</script>
+
+<style lang="scss" scoped></style>

src/sites/mobile-taro/vue/src/pages/textarea/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: 'Textarea'
+};

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

@@ -1,6 +1,10 @@
 <template>
   <view :class="classes">
+    <view v-if="readonly">
+      {{ modelValue }}
+    </view>
     <textarea
+      v-else
       class="nut-textarea__textarea"
       :style="styles"
       :rows="rows"
@@ -19,8 +23,8 @@
   </view>
 </template>
 <script lang="ts">
-import { computed, watch } from 'vue';
-import { createComponent } from '@/packages/utils/create';
+import { computed } from 'vue';
+import { createComponent } from './../../../../../../packages/utils/create';
 
 const { componentName, create } = createComponent('textarea');
 
@@ -124,5 +128,5 @@ export default create({
 </script>
 
 <style lang="scss">
-@import 'index.scss';
+@import '../../../../../../packages/__VUE/textarea/index.scss';
 </style>