【WIP】Compatible With Taro

src/action-sheet/action-sheet.ts

@@ -1,3 +1,4 @@
+import './action-sheet.less';
 import { chunk } from '../common/utils';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';

src/avatar-group/avatar-group.ts

@@ -1,3 +1,4 @@
+import './avatar-group.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import avatarGroupProps from './props';

src/avatar/avatar.ts

@@ -1,3 +1,4 @@
+import './avatar.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import avatarProps from './props';

src/back-top/back-top.ts

@@ -1,3 +1,4 @@
+import './back-top.less';
 import { SuperComponent, RelationsOptions, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/badge/badge.ts

@@ -1,3 +1,4 @@
+import './badge.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/button/button.ts

@@ -1,3 +1,4 @@
+import './button.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/calendar/calendar.ts

@@ -1,3 +1,4 @@
+import './calendar.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/cascader/cascader.ts

@@ -1,3 +1,4 @@
+import './cascader.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/cell-group/cell-group.ts

@@ -1,3 +1,4 @@
+import './cell-group.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/cell/cell.ts

@@ -1,3 +1,4 @@
+import './cell.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/check-tag/check-tag.ts

@@ -1,3 +1,4 @@
+import './check-tag.less';
 import { wxComponent, SuperComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/checkbox-group/checkbox-group.ts

@@ -1,3 +1,4 @@
+import './checkbox-group.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/checkbox/checkbox.ts

@@ -1,3 +1,4 @@
+import './checkbox.less';
 import { SuperComponent, wxComponent, ComponentsOptionsType, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import Props from './props';

src/col/col.ts

@@ -1,3 +1,4 @@
+import './col.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/collapse-panel/collapse-panel.ts

@@ -1,3 +1,4 @@
+import './collapse-panel.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/collapse/collapse.ts

@@ -1,3 +1,4 @@
+import './collapse.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/common/config.ts

@@ -1,3 +1,4 @@
+const CONFIG_PREFIX = "t";
 export default {
   prefix: CONFIG_PREFIX,
 };

src/count-down/count-down.ts

@@ -1,3 +1,4 @@
+import './count-down.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/date-time-picker/date-time-picker.ts

@@ -1,3 +1,4 @@
+import './date-time-picker.less';
 import type { Dayjs } from 'dayjs';
 import dayjs from 'dayjs';
 import localeData from 'dayjs/plugin/localeData';

src/dialog/dialog.ts

@@ -1,3 +1,4 @@
+import './dialog.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/divider/divider.ts

@@ -1,3 +1,4 @@
+import './divider.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/drawer/drawer.ts

@@ -1,3 +1,4 @@
+import './drawer.less';
 import { ComponentsOptionsType, SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/dropdown-item/dropdown-item.ts

@@ -1,3 +1,4 @@
+import './dropdown-item.less';
 import { RelationsOptions, SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/dropdown-menu/dropdown-menu.ts

@@ -1,3 +1,4 @@
+import './dropdown-menu.less';
 import { RelationsOptions, SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/empty/empty.ts

@@ -1,3 +1,4 @@
+import './empty.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import props from './props';
 import config from '../common/config';

src/fab/fab.ts

@@ -1,3 +1,4 @@
+import './fab.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/footer/footer.ts

@@ -1,3 +1,4 @@
+import './footer.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/grid-item/grid-item.ts

@@ -1,3 +1,4 @@
+import './grid-item.less';
 import { SuperComponent, wxComponent, isObject, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/grid/grid.ts

@@ -1,3 +1,4 @@
+import './grid.less';
 import { isObject, SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/icon/icon.ts

@@ -1,3 +1,4 @@
+import './icon.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';
@@ -31,7 +32,7 @@ export default class Icon extends SuperComponent {
     },
 
     setIconStyle() {
-      const { name, color, size } = this.properties;
+      const { name, color, size, prefix } = this.properties;
       const isImage = name.indexOf('/') !== -1;
       const sizeValue = addUnit(size);
       const sizeStyle = isImage && sizeValue ? { width: sizeValue, height: sizeValue } : {};
@@ -44,6 +45,7 @@ export default class Icon extends SuperComponent {
           ...fontStyle,
           ...sizeStyle,
         })}`,
+        iconClass: `${prefix || this.data.classPrefix}-${name}`,
       });
     },
   };

src/icon/icon.wxml

@@ -11,5 +11,5 @@
   <view wx:if="{{ isImage }}" class="{{classPrefix}}--image">
     <image src="{{ name }}" mode="aspectFit" class="{{classPrefix}}__image" />
   </view>
-  <label wx:else class="{{ prefix ? prefix : classPrefix }}-{{ name }} {{ classPrefix }}-base"> </label>
+  <label wx:else class="{{ iconClass }} {{ classPrefix }}-base"> </label>
 </view>

src/image-viewer/image-viewer.ts

@@ -1,3 +1,4 @@
+import './image-viewer.less';
 import { styles, calcIcon } from '../common/utils';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';

src/image/image.ts

@@ -1,3 +1,4 @@
+import './image.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import ImageProps from './props';
 import config from '../common/config';

src/indexes-anchor/indexes-anchor.ts

@@ -1,3 +1,4 @@
+import './indexes-anchor.less';
 import { RelationsOptions, SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/indexes/indexes.ts

@@ -1,3 +1,4 @@
+import './indexes.less';
 import { RelationsOptions, SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/input/input.ts

@@ -1,3 +1,4 @@
+import './input.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/link/link.ts

@@ -1,3 +1,4 @@
+import './link.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/loading/loading.ts

@@ -1,3 +1,4 @@
+import './loading.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/message-item/message-item.ts

@@ -1,3 +1,4 @@
+import './message-item.less';
 import { SuperComponent, wxComponent, ComponentsOptionsType } from '../common/src/index';
 import config from '../common/config';
 import { MessageProps } from '../message/message.interface';

src/navbar/navbar.less

@@ -80,13 +80,18 @@
     // width: @navbar-right;
     display: flex;
     align-items: center;
-    margin-left: @spacer-1;
+    // margin-left: @spacer-1;
 
     &-arrow {
       font-size: @navbar-left-arrow-size;
     }
   }
 
+  &__btn {
+    padding-right: @spacer-1;
+    padding-left: @spacer-1;
+  }
+
   &__capsule {
     box-sizing: border-box;
     width: @navbar-capsule-width;

src/navbar/navbar.ts

@@ -1,3 +1,4 @@
+import './navbar.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/notice-bar/notice-bar.ts

@@ -1,3 +1,4 @@
+import './notice-bar.less';
 import { SuperComponent, wxComponent, ComponentsOptionsType } from '../common/src/index';
 import { getRect, getAnimationFrame, calcIcon } from '../common/utils';
 import props from './props';

src/overlay/overlay.ts

@@ -1,3 +1,4 @@
+import './overlay.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import transition from '../mixins/transition';

src/picker-item/picker-item.ts

@@ -1,3 +1,4 @@
+import './picker-item.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/picker/picker.ts

@@ -1,3 +1,4 @@
+import './picker.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/popup/popup.ts

@@ -1,3 +1,4 @@
+import './popup.less';
 import { TdPopupProps } from './type';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';

src/progress/progress.ts

@@ -1,3 +1,4 @@
+import './progress.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/pull-down-refresh/pull-down-refresh.ts

@@ -1,3 +1,4 @@
+import './pull-down-refresh.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/radio-group/radio-group.ts

@@ -1,3 +1,4 @@
+import './radio-group.less';
 import config from '../common/config';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import props from './props';

src/radio/radio.ts

@@ -1,3 +1,4 @@
+import './radio.less';
 import config from '../common/config';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import Props from './props';

src/rate/rate.ts

@@ -1,3 +1,4 @@
+import './rate.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/result/result.ts

@@ -1,3 +1,4 @@
+import './result.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import props from './props';
 import config from '../common/config';

src/row/row.ts

@@ -1,3 +1,4 @@
+import './row.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/search/search.ts

@@ -1,3 +1,4 @@
+import './search.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/side-bar-item/side-bar-item.ts

@@ -1,3 +1,4 @@
+import './side-bar-item.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/side-bar/side-bar.ts

@@ -1,3 +1,4 @@
+import './side-bar.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/skeleton/skeleton.ts

@@ -1,3 +1,4 @@
+import './skeleton.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/slider/slider.ts

@@ -1,3 +1,4 @@
+import './slider.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import { trimSingleValue, trimValue } from './tool';

src/step-item/step-item.ts

@@ -1,3 +1,4 @@
+import './step-item.less';
 import { wxComponent, SuperComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/stepper/stepper.ts

@@ -1,3 +1,4 @@
+import './stepper.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/steps/steps.ts

@@ -1,3 +1,4 @@
+import './steps.less';
 import { wxComponent, SuperComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/sticky/sticky.ts

@@ -1,3 +1,4 @@
+import './sticky.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import props from './props';
 import config from '../common/config';

src/swipe-cell/swipe-cell.ts

@@ -1,3 +1,4 @@
+import './swipe-cell.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/swiper-nav/swiper-nav.ts

@@ -1,3 +1,4 @@
+import './swiper-nav.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import { TdSwiperNavProps } from './type';

src/swiper/swiper.ts

@@ -1,3 +1,4 @@
+import './swiper.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/switch/switch.ts

@@ -1,3 +1,4 @@
+import './switch.less';
 import { wxComponent, SuperComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/tab-bar-item/tab-bar-item.ts

@@ -1,3 +1,4 @@
+import './tab-bar-item.less';
 import { wxComponent, SuperComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/tab-bar/tab-bar.ts

@@ -1,3 +1,4 @@
+import './tab-bar.less';
 import { wxComponent, SuperComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/tab-panel/tab-panel.ts

@@ -1,3 +1,4 @@
+import './tab-panel.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import props from './props';
 import config from '../common/config';

src/tabs/tabs.ts

@@ -1,3 +1,4 @@
+import './tabs.less';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import props from './props';
 import config from '../common/config';

src/tag/tag.ts

@@ -1,3 +1,4 @@
+import './tag.less';
 import { wxComponent, SuperComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/textarea/textarea.ts

@@ -1,3 +1,4 @@
+import './textarea.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';

src/toast/toast.ts

@@ -1,3 +1,4 @@
+import './toast.less';
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';