@tuya-miniapp/smart-ui 1.3.0-beta-2 → 1.3.1-beta-1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (225) hide show
  1. package/dist/action-sheet/index.js +3 -7
  2. package/dist/battery/index.js +3 -5
  3. package/dist/bottom-sheet/index.css +1 -0
  4. package/dist/bottom-sheet/index.d.ts +1 -0
  5. package/dist/bottom-sheet/index.js +70 -0
  6. package/dist/bottom-sheet/index.json +8 -0
  7. package/dist/bottom-sheet/index.wxml +26 -0
  8. package/dist/bottom-sheet/index.wxss +1 -0
  9. package/dist/button/index.js +1 -0
  10. package/dist/button/index.wxml +1 -1
  11. package/dist/calendar/calendar.wxml +53 -53
  12. package/dist/calendar/components/header/index.css +1 -1
  13. package/dist/calendar/components/header/index.js +18 -0
  14. package/dist/calendar/components/header/index.json +4 -1
  15. package/dist/calendar/components/header/index.wxml +15 -4
  16. package/dist/calendar/components/header/index.wxss +1 -1
  17. package/dist/calendar/components/month/index.css +1 -1
  18. package/dist/calendar/components/month/index.d.ts +0 -1
  19. package/dist/calendar/components/month/index.js +4 -7
  20. package/dist/calendar/components/month/index.wxml +0 -13
  21. package/dist/calendar/components/month/index.wxs +13 -7
  22. package/dist/calendar/components/month/index.wxss +1 -1
  23. package/dist/calendar/components/month-list/index.css +1 -0
  24. package/dist/calendar/components/month-list/index.d.ts +1 -0
  25. package/dist/calendar/components/month-list/index.js +112 -0
  26. package/dist/calendar/components/month-list/index.json +7 -0
  27. package/dist/calendar/components/month-list/index.wxml +9 -0
  28. package/dist/calendar/components/month-list/index.wxss +1 -0
  29. package/dist/calendar/components/year-list/index.css +1 -0
  30. package/dist/calendar/components/year-list/index.d.ts +1 -0
  31. package/dist/calendar/components/year-list/index.js +100 -0
  32. package/dist/calendar/components/year-list/index.json +7 -0
  33. package/dist/calendar/components/year-list/index.wxml +9 -0
  34. package/dist/calendar/components/year-list/index.wxss +1 -0
  35. package/dist/calendar/index.css +1 -1
  36. package/dist/calendar/index.js +100 -51
  37. package/dist/calendar/index.json +3 -1
  38. package/dist/calendar/index.wxml +1 -1
  39. package/dist/calendar/index.wxs +21 -3
  40. package/dist/calendar/index.wxss +1 -1
  41. package/dist/calendar/utils.d.ts +7 -2
  42. package/dist/calendar/utils.js +44 -8
  43. package/dist/checkbox/index.css +1 -1
  44. package/dist/checkbox/index.js +1 -1
  45. package/dist/checkbox/index.wxml +2 -2
  46. package/dist/checkbox/index.wxss +1 -1
  47. package/dist/config-provider/index.wxs +2 -7
  48. package/dist/dropdown-item/index.css +1 -1
  49. package/dist/dropdown-item/index.js +10 -0
  50. package/dist/dropdown-item/index.wxml +9 -4
  51. package/dist/dropdown-item/index.wxss +1 -1
  52. package/dist/dropdown-menu/index.css +1 -1
  53. package/dist/dropdown-menu/index.js +15 -0
  54. package/dist/dropdown-menu/index.json +4 -1
  55. package/dist/dropdown-menu/index.wxml +2 -1
  56. package/dist/dropdown-menu/index.wxss +1 -1
  57. package/dist/empty/index.css +1 -1
  58. package/dist/empty/index.js +20 -1
  59. package/dist/empty/index.wxml +7 -7
  60. package/dist/empty/index.wxs +3 -16
  61. package/dist/empty/index.wxss +1 -1
  62. package/dist/field/index.css +1 -1
  63. package/dist/field/index.wxss +1 -1
  64. package/dist/loading/index.css +1 -1
  65. package/dist/loading/index.js +4 -4
  66. package/dist/loading/index.wxml +4 -6
  67. package/dist/loading/index.wxs +39 -8
  68. package/dist/loading/index.wxss +1 -1
  69. package/dist/nav-bar/index.css +1 -1
  70. package/dist/nav-bar/index.js +19 -1
  71. package/dist/nav-bar/index.wxml +16 -6
  72. package/dist/nav-bar/index.wxss +1 -1
  73. package/dist/normal-slider/index.css +1 -1
  74. package/dist/normal-slider/index.wxss +1 -1
  75. package/dist/notice-bar/index.css +1 -1
  76. package/dist/notice-bar/index.js +55 -2
  77. package/dist/notice-bar/index.wxml +28 -10
  78. package/dist/notice-bar/index.wxs +1 -5
  79. package/dist/notice-bar/index.wxss +1 -1
  80. package/dist/picker-column/index.js +8 -1
  81. package/dist/radio/index.css +1 -1
  82. package/dist/radio/index.js +1 -1
  83. package/dist/radio/index.wxml +2 -1
  84. package/dist/radio/index.wxss +1 -1
  85. package/dist/search/index.css +1 -1
  86. package/dist/search/index.js +14 -9
  87. package/dist/search/index.json +2 -1
  88. package/dist/search/index.wxml +7 -4
  89. package/dist/search/index.wxss +1 -1
  90. package/dist/switch/index.css +1 -1
  91. package/dist/switch/index.wxml +1 -0
  92. package/dist/switch/index.wxss +1 -1
  93. package/dist/tabs/index.css +1 -1
  94. package/dist/tabs/index.js +10 -7
  95. package/dist/tabs/index.wxml +1 -0
  96. package/dist/tabs/index.wxs +17 -0
  97. package/dist/tabs/index.wxss +1 -1
  98. package/dist/tag/index.css +1 -1
  99. package/dist/tag/index.wxss +1 -1
  100. package/dist/toast/icons.d.ts +3 -0
  101. package/dist/toast/icons.js +6 -0
  102. package/dist/toast/index.js +8 -4
  103. package/dist/toast/index.wxml +3 -7
  104. package/dist/toast/toast.d.ts +2 -0
  105. package/dist/toast/toast.js +2 -0
  106. package/dist/wxs/style.wxs +11 -5
  107. package/dist/wxs/utils.wxs +1 -3
  108. package/lib/action-sheet/index.js +3 -7
  109. package/lib/battery/index.js +3 -5
  110. package/lib/bottom-sheet/index.css +1 -0
  111. package/lib/bottom-sheet/index.d.ts +1 -0
  112. package/lib/bottom-sheet/index.js +75 -0
  113. package/lib/bottom-sheet/index.json +8 -0
  114. package/lib/bottom-sheet/index.wxml +26 -0
  115. package/lib/bottom-sheet/index.wxss +1 -0
  116. package/lib/button/index.js +1 -0
  117. package/lib/button/index.wxml +1 -1
  118. package/lib/calendar/calendar.wxml +53 -53
  119. package/lib/calendar/components/header/index.css +1 -1
  120. package/lib/calendar/components/header/index.js +21 -0
  121. package/lib/calendar/components/header/index.json +4 -1
  122. package/lib/calendar/components/header/index.wxml +15 -4
  123. package/lib/calendar/components/header/index.wxss +1 -1
  124. package/lib/calendar/components/month/index.css +1 -1
  125. package/lib/calendar/components/month/index.d.ts +0 -1
  126. package/lib/calendar/components/month/index.js +3 -6
  127. package/lib/calendar/components/month/index.wxml +0 -13
  128. package/lib/calendar/components/month/index.wxs +13 -7
  129. package/lib/calendar/components/month/index.wxss +1 -1
  130. package/lib/calendar/components/month-list/index.css +1 -0
  131. package/lib/calendar/components/month-list/index.d.ts +1 -0
  132. package/lib/calendar/components/month-list/index.js +114 -0
  133. package/lib/calendar/components/month-list/index.json +7 -0
  134. package/lib/calendar/components/month-list/index.wxml +9 -0
  135. package/lib/calendar/components/month-list/index.wxss +1 -0
  136. package/lib/calendar/components/year-list/index.css +1 -0
  137. package/lib/calendar/components/year-list/index.d.ts +1 -0
  138. package/lib/calendar/components/year-list/index.js +102 -0
  139. package/lib/calendar/components/year-list/index.json +7 -0
  140. package/lib/calendar/components/year-list/index.wxml +9 -0
  141. package/lib/calendar/components/year-list/index.wxss +1 -0
  142. package/lib/calendar/index.css +1 -1
  143. package/lib/calendar/index.js +99 -52
  144. package/lib/calendar/index.json +3 -1
  145. package/lib/calendar/index.wxml +1 -1
  146. package/lib/calendar/index.wxs +21 -3
  147. package/lib/calendar/index.wxss +1 -1
  148. package/lib/calendar/utils.d.ts +7 -2
  149. package/lib/calendar/utils.js +48 -10
  150. package/lib/checkbox/index.css +1 -1
  151. package/lib/checkbox/index.js +1 -1
  152. package/lib/checkbox/index.wxml +2 -2
  153. package/lib/checkbox/index.wxss +1 -1
  154. package/lib/config-provider/index.wxs +2 -7
  155. package/lib/dropdown-item/index.css +1 -1
  156. package/lib/dropdown-item/index.js +13 -0
  157. package/lib/dropdown-item/index.wxml +9 -4
  158. package/lib/dropdown-item/index.wxss +1 -1
  159. package/lib/dropdown-menu/index.css +1 -1
  160. package/lib/dropdown-menu/index.js +18 -0
  161. package/lib/dropdown-menu/index.json +4 -1
  162. package/lib/dropdown-menu/index.wxml +2 -1
  163. package/lib/dropdown-menu/index.wxss +1 -1
  164. package/lib/empty/index.css +1 -1
  165. package/lib/empty/index.js +20 -1
  166. package/lib/empty/index.wxml +7 -7
  167. package/lib/empty/index.wxs +3 -16
  168. package/lib/empty/index.wxss +1 -1
  169. package/lib/field/index.css +1 -1
  170. package/lib/field/index.wxss +1 -1
  171. package/lib/loading/index.css +1 -1
  172. package/lib/loading/index.js +4 -4
  173. package/lib/loading/index.wxml +4 -6
  174. package/lib/loading/index.wxs +39 -8
  175. package/lib/loading/index.wxss +1 -1
  176. package/lib/nav-bar/index.css +1 -1
  177. package/lib/nav-bar/index.js +19 -1
  178. package/lib/nav-bar/index.wxml +16 -6
  179. package/lib/nav-bar/index.wxss +1 -1
  180. package/lib/normal-slider/index.css +1 -1
  181. package/lib/normal-slider/index.wxss +1 -1
  182. package/lib/notice-bar/index.css +1 -1
  183. package/lib/notice-bar/index.js +58 -2
  184. package/lib/notice-bar/index.wxml +28 -10
  185. package/lib/notice-bar/index.wxs +1 -5
  186. package/lib/notice-bar/index.wxss +1 -1
  187. package/lib/picker-column/index.js +8 -1
  188. package/lib/radio/index.css +1 -1
  189. package/lib/radio/index.js +1 -1
  190. package/lib/radio/index.wxml +2 -1
  191. package/lib/radio/index.wxss +1 -1
  192. package/lib/search/index.css +1 -1
  193. package/lib/search/index.js +17 -9
  194. package/lib/search/index.json +2 -1
  195. package/lib/search/index.wxml +7 -4
  196. package/lib/search/index.wxss +1 -1
  197. package/lib/switch/index.css +1 -1
  198. package/lib/switch/index.wxml +1 -0
  199. package/lib/switch/index.wxss +1 -1
  200. package/lib/tabs/index.css +1 -1
  201. package/lib/tabs/index.js +10 -7
  202. package/lib/tabs/index.wxml +1 -0
  203. package/lib/tabs/index.wxs +17 -0
  204. package/lib/tabs/index.wxss +1 -1
  205. package/lib/tag/index.css +1 -1
  206. package/lib/tag/index.wxss +1 -1
  207. package/lib/toast/icons.d.ts +3 -0
  208. package/lib/toast/icons.js +12 -0
  209. package/lib/toast/index.js +8 -7
  210. package/lib/toast/index.wxml +3 -7
  211. package/lib/toast/toast.d.ts +2 -0
  212. package/lib/toast/toast.js +2 -0
  213. package/lib/wxs/style.wxs +11 -5
  214. package/lib/wxs/utils.wxs +1 -3
  215. package/package.json +4 -8
  216. package/dist/common/theme/dark.d.ts +0 -344
  217. package/dist/common/theme/dark.js +0 -343
  218. package/dist/common/theme/light.d.ts +0 -344
  219. package/dist/common/theme/light.js +0 -343
  220. package/dist/wxs/is-app-theme-var.wxs +0 -8
  221. package/lib/common/theme/dark.d.ts +0 -344
  222. package/lib/common/theme/dark.js +0 -345
  223. package/lib/common/theme/light.d.ts +0 -344
  224. package/lib/common/theme/light.js +0 -345
  225. package/lib/wxs/is-app-theme-var.wxs +0 -8
@@ -3,14 +3,14 @@
3
3
  <view
4
4
  class="{{ utils.bem('search', { withaction: showAction || useActionSlot }) }} custom-class"
5
5
  style="background: {{ background }}"
6
- >
6
+ >
7
+
7
8
  <view class="{{ utils.bem('search__content', [shape]) }}">
8
9
  <view class="smart-search__label" wx:if="{{ label }}">{{ label }}</view>
9
10
  <slot wx:else name="label" />
10
11
 
11
12
  <smart-field
12
13
  type="search"
13
- left-icon="{{ !useLeftIconSlot ? leftIcon : '' }}"
14
14
  right-icon="{{ !useRightIconSlot ? rightIcon : '' }}"
15
15
  focus="{{ focus }}"
16
16
  error="{{ error }}"
@@ -25,11 +25,11 @@
25
25
  clear-icon="{{ clearIcon }}"
26
26
  maxlength="{{ maxlength }}"
27
27
  input-align="{{ inputAlign }}"
28
- input-class="input-class"
28
+ input-class="smart-search__input input-class"
29
29
  placeholder="{{ placeholder }}"
30
30
  placeholder-style="{{ placeholderStyle }}"
31
31
  cursor-spacing="{{ cursorSpacing }}"
32
- custom-style="padding: 5px 10px 5px 0; background-color: transparent;"
32
+ custom-style="padding: 0; background-color: transparent;"
33
33
  bind:blur="onBlur"
34
34
  bind:focus="onFocus"
35
35
  bind:change="onChange"
@@ -37,8 +37,11 @@
37
37
  bind:clear="onClear"
38
38
  bind:click-input="onClickInput"
39
39
  >
40
+ <smart-icon wx:if="{{ !useLeftIconSlot && leftIcon }}" size="18" name="{{ leftIcon }}" custom-class="smart-search__field__left-icon" slot="left-icon" />
40
41
  <slot wx:if="{{ useLeftIconSlot }}" name="left-icon" slot="left-icon" />
41
42
  <slot wx:if="{{ useRightIconSlot }}" name="right-icon" slot="right-icon" />
43
+ <view wx:if="{{ showSearchButton && searchText }}" hover-class="smart-search__hover" bind:tap="goSearch" class="smart-search__submit" slot="button" >{{ searchText }}</view>
44
+ <slot name="search-button" slot="button" />
42
45
  </smart-field>
43
46
  </view>
44
47
 
@@ -1 +1 @@
1
- @import '../common/index.wxss';.smart-search{align-items:center;box-sizing:border-box;display:flex;padding:var(--search-padding,10px 12px)}.smart-search__content{background-color:var(--search-background-color,#f7f8fa);border-radius:2px;display:flex;flex:1;padding-left:var(--padding-sm,12px)}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,#323233);font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,34px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{color:var(--search-left-icon-color,#969799)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,#323233);font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,34px)}.smart-search__action--hover{background-color:#f2f3f5}.smart-search__action-button{padding:var(--search-action-padding,0 8px)}
1
+ @import '../common/index.wxss';.smart-search{align-items:center;background-color:var(--search-background-color,var(--app-B3,#fff));box-sizing:border-box;display:flex;padding:var(--search-padding,12px 16px)}.smart-search__content{align-items:center;background-color:var(--search-body-background-color,var(--app-B4-N9,rgba(0,0,0,.05)));display:flex;flex:1;flex-direction:row;padding:12px 16px}.smart-search__content--round{border-radius:999px}.smart-search__label{color:var(--search-label-color,var(--app-B4-N1,#000));font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,24px);padding:var(--search-label-padding,0 5px)}.smart-search__field{flex:1}.smart-search__field__left-icon{--icon-color:var(--search-left-icon-color,var(--app-B4-N4,rgba(0,0,0,.4)));margin-left:2px}.smart-search__input{font-size:var(--search-value-font-size,14px)}.smart-search--withaction{padding-right:0}.smart-search__action{color:var(--search-action-text-color,var(--app-B4-N3,rgba(0,0,0,.5)));font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,24px)}.smart-search__action--hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__action-button{padding:var(--search-action-padding,0 16px 0 12px)}.smart-search__hover{background-color:var(--app-B4-N9,rgba(0,0,0,.05));opacity:.4}.smart-search__submit{align-items:center;color:var(--search-submit-color,var(--app-M1,#3678e3));display:flex;flex-direction:row;font-size:var(--search-submit-font-size,14px)}.smart-search__submit:before{background-color:var(--search-submit-color,var(--app-M1,#3678e3));content:"";display:block;height:12px;margin-right:12px;width:1px}
@@ -1 +1 @@
1
- @import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{height:50%;left:25%;position:absolute!important;top:25%;width:50%}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
1
+ @import '../common/index.css';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
@@ -27,6 +27,7 @@
27
27
  wx:if="{{ loading }}"
28
28
  color="{{ computed.loadingColor({ checked, activeColor, inactiveColor, activeValue }) }}"
29
29
  custom-class="smart-switch__loading"
30
+ size="{{size}}"
30
31
  />
31
32
  </view>
32
33
  </view>
@@ -1 +1 @@
1
- @import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{height:50%;left:25%;position:absolute!important;top:25%;width:50%}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
1
+ @import '../common/index.wxss';.smart-switch{background-color:var(--switch-background-color,var(--app-B4-N6,rgba(0,0,0,.2)));border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:var(--switch-node-size,1em);box-sizing:initial;display:inline-block;height:var(--switch-height,1em);position:relative;transition:background-color var(--switch-transition-duration,.3s);width:var(--switch-width,1.667em)}.smart-switch__node{background-color:var(--switch-node-background-color,#fff);border-radius:100%;box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));height:var(--switch-node-size,1em);left:0;position:absolute;top:0;transition:var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);width:var(--switch-node-size,1em);z-index:var(--switch-node-z-index,1)}.smart-switch__loading{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.smart-switch--on{background-color:var(--switch-on-background-color,#1989fa)}.smart-switch--on .smart-switch__node{transform:translateX(calc(var(--switch-width, 1.667em) - var(--switch-node-size, 1em)))}.smart-switch--disabled{opacity:var(--switch-disabled-opacity,.4)}
@@ -1 +1 @@
1
- @import '../common/index.css';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,30px);padding:2px}.smart-tabs__nav--card .smart-tab{border-radius:6px;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 30px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,30px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}
1
+ @import '../common/index.css';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,32px);padding:2px}.smart-tabs__nav--card .smart-tab{color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 32px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__card{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));border-radius:6px;left:0;opacity:0;position:absolute;top:0;z-index:0}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,32px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}
package/lib/tabs/index.js CHANGED
@@ -205,10 +205,7 @@ var relation_1 = require("../common/relation");
205
205
  },
206
206
  resize: function () {
207
207
  var _this = this;
208
- if (this.data.type !== 'line') {
209
- return;
210
- }
211
- var _a = this.data, currentIndex = _a.currentIndex, ellipsis = _a.ellipsis, skipTransition = _a.skipTransition;
208
+ var _a = this.data, currentIndex = _a.currentIndex, ellipsis = _a.ellipsis, skipTransition = _a.skipTransition, type = _a.type;
212
209
  Promise.all([
213
210
  (0, utils_1.getAllRect)(this, '.smart-tab'),
214
211
  (0, utils_1.getRect)(this, '.smart-tabs__line'),
@@ -218,12 +215,18 @@ var relation_1 = require("../common/relation");
218
215
  if (rect == null) {
219
216
  return;
220
217
  }
218
+ var _c = rects[currentIndex], cardWidth = _c.width, cardHeight = _c.height;
221
219
  var lineOffsetLeft = rects
222
220
  .slice(0, currentIndex)
223
221
  .reduce(function (prev, curr) { return prev + curr.width; }, 0);
224
- lineOffsetLeft +=
225
- (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
226
- _this.setData({ lineOffsetLeft: lineOffsetLeft, inited: true });
222
+ if (type === 'line') {
223
+ lineOffsetLeft +=
224
+ (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
225
+ }
226
+ else if (type === 'card') {
227
+ lineOffsetLeft += 2;
228
+ }
229
+ _this.setData({ lineOffsetLeft: lineOffsetLeft, inited: true, cardWidth: cardWidth, cardHeight: cardHeight });
227
230
  _this.swiping = true;
228
231
  if (skipTransition) {
229
232
  // waiting transition end
@@ -21,6 +21,7 @@
21
21
  >
22
22
  <view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ computed.navStyle(color, type) }}">
23
23
  <view wx:if="{{ type === 'line' }}" class="smart-tabs__line" style="{{ computed.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth, inited }) }}" />
24
+ <view wx:if="{{ type === 'card' }}" class="smart-tabs__card" style="{{ computed.cardStyle({ color, lineOffsetLeft, cardHeight, skipTransition, duration, cardWidth, inited }) }}" />
24
25
  <view
25
26
  wx:for="{{ tabs }}"
26
27
  wx:key="index"
@@ -74,10 +74,27 @@ function lineStyle(data) {
74
74
  });
75
75
  }
76
76
 
77
+ function cardStyle(data) {
78
+ return style({
79
+ width: utils.addUnit(data.cardWidth),
80
+ opacity: data.inited ? 1 : 0,
81
+ transform: 'translateX(' + data.lineOffsetLeft + 'px)',
82
+ '-webkit-transform': 'translate(' + data.lineOffsetLeft + 'px, 2px)',
83
+ 'background-color': data.color,
84
+ height: utils.addUnit(data.cardHeight),
85
+ 'transition-duration': !data.skipTransition ? data.duration + 's' : null,
86
+ '-webkit-transition-duration': !data.skipTransition
87
+ ? data.duration + 's'
88
+ : null,
89
+ });
90
+ }
91
+
92
+
77
93
  module.exports = {
78
94
  tabClass: tabClass,
79
95
  tabStyle: tabStyle,
80
96
  trackStyle: trackStyle,
81
97
  lineStyle: lineStyle,
82
98
  navStyle: navStyle,
99
+ cardStyle: cardStyle,
83
100
  };
@@ -1 +1 @@
1
- @import '../common/index.wxss';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,30px);padding:2px}.smart-tabs__nav--card .smart-tab{border-radius:6px;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 30px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,30px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}
1
+ @import '../common/index.wxss';:root{--tabs-card-background-color:rgba(0,0,0,.08)}:root[theme=dark]{--tabs-card-background-color:hsla(0,0%,100%,.12)}.smart-tabs{-webkit-tap-highlight-color:transparent;position:relative}.smart-tabs__wrap{display:flex;overflow:hidden}.smart-tabs__wrap--scrollable .smart-tab{flex:0 0 22%}.smart-tabs__wrap--scrollable .smart-tab--complete{flex:1 0 auto!important;padding:0 12px}.smart-tabs__wrap--scrollable .smart-tabs__nav--complete{padding-left:8px;padding-right:8px}.smart-tabs__scroll{background-color:var(--tabs-background-color,var(--app-B3,#fff));overflow:auto}.smart-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.smart-tabs__scroll--card{border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;margin:0 var(--padding-md,16px);width:calc(100% - var(--padding-md, 16px)*2)}.smart-tabs__scroll::-webkit-scrollbar{display:none}.smart-tabs__nav{display:flex;position:relative;-webkit-user-select:none;user-select:none}.smart-tabs__nav--card{background-color:var(--tabs-card-background-color);border-radius:var(--tabs-card-border-radius,8px);box-sizing:border-box;height:var(--tabs-card-height,32px);padding:2px}.smart-tabs__nav--card .smart-tab{color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));line-height:calc(var(--tabs-card-height, 32px) - 2px)}.smart-tabs__nav--card .smart-tab:last-child{border-right:none}.smart-tabs__nav--card .smart-tab.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000))}.smart-tabs__nav--card .smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tabs__line{background-color:var(--tabs-bottom-bar-color,var(--app-M4,#1989fa));border-radius:var(--tabs-bottom-bar-height,3px);bottom:0;height:var(--tabs-bottom-bar-height,3px);left:0;opacity:0;position:absolute;z-index:1}.smart-tabs__card{background-color:var(--tabs-card-active-background-color,var(--app-B3,#fff));border-radius:6px;left:0;opacity:0;position:absolute;top:0;z-index:0}.smart-tabs__track{height:100%;position:relative;width:100%}.smart-tabs__track--animated{display:flex;transition-property:left}.smart-tabs__content{overflow:hidden}.smart-tabs--line{height:var(--tabs-line-height,32px)}.smart-tabs--card{height:var(--tabs-card-height,32px)}.smart-tab{box-sizing:border-box;color:var(--tabs-card-text-color,var(--app-B6-N3,rgba(0,0,0,.5)));cursor:pointer;flex:1;font-size:var(--tab-font-size,13px);line-height:var(--tabs-line-height,32px);min-width:0;padding:0 5px;position:relative;text-align:center}.smart-tab--active{color:var(--tabs-card-text-active-color,var(--app-B6-N1,#000));font-weight:var(--font-weight-bold,500)}.smart-tab--disabled{color:var(--tab-disabled-text-color,var(--app-B6-N7,rgba(0,0,0,.1)))}.smart-tab__title__info{position:relative!important;top:-1px!important;transform:translateX(0)!important}
package/lib/tag/index.css CHANGED
@@ -1 +1 @@
1
- @import '../common/index.css';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,2px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,16px);padding:var(--tag-padding,0 4px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,#fff)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{padding:var(--tag-medium-padding,2px 6px)}.smart-tag--large{border-radius:var(--tag-large-border-radius,4px);font-size:var(--tag-large-font-size,14px);padding:var(--tag-large-padding,4px 8px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}
1
+ @import '../common/index.css';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,4px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,17px);padding:var(--tag-padding,2px 8px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,#fff)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{font-size:var(--tag-medium-font-size,14px);line-height:var(--tag-medium-line-height,20px)}.smart-tag--large{font-size:var(--tag-large-font-size,16px);line-height:var(--tag-large-line-height,22px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}
@@ -1 +1 @@
1
- @import '../common/index.wxss';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,2px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,16px);padding:var(--tag-padding,0 4px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,#fff)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{padding:var(--tag-medium-padding,2px 6px)}.smart-tag--large{border-radius:var(--tag-large-border-radius,4px);font-size:var(--tag-large-font-size,14px);padding:var(--tag-large-padding,4px 8px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}
1
+ @import '../common/index.wxss';.smart-tag{align-items:center;border-radius:var(--tag-border-radius,4px);color:var(--tag-text-color,#fff);display:inline-flex;font-size:var(--tag-font-size,12px);line-height:var(--tag-line-height,17px);padding:var(--tag-padding,2px 8px);position:relative}.smart-tag--default{background-color:var(--tag-default-color,#969799)}.smart-tag--default.smart-tag--plain{color:var(--tag-default-color,#969799)}.smart-tag--danger{background-color:var(--tag-danger-color,#ee0a24)}.smart-tag--danger.smart-tag--plain{color:var(--tag-danger-color,#ee0a24)}.smart-tag--primary{background-color:var(--tag-primary-color,#1989fa)}.smart-tag--primary.smart-tag--plain{color:var(--tag-primary-color,#1989fa)}.smart-tag--success{background-color:var(--tag-success-color,#07c160)}.smart-tag--success.smart-tag--plain{color:var(--tag-success-color,#07c160)}.smart-tag--warning{background-color:var(--tag-warning-color,#ff976a)}.smart-tag--warning.smart-tag--plain{color:var(--tag-warning-color,#ff976a)}.smart-tag--plain{background-color:var(--tag-plain-background-color,#fff)}.smart-tag--plain:before{border:1px solid;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-tag--medium{font-size:var(--tag-medium-font-size,14px);line-height:var(--tag-medium-line-height,20px)}.smart-tag--large{font-size:var(--tag-large-font-size,16px);line-height:var(--tag-large-line-height,22px)}.smart-tag--mark{border-radius:0 var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) var(--tag-round-border-radius,var(--tag-round-border-radius,999px)) 0}.smart-tag--mark:after{content:"";display:block;width:2px}.smart-tag--round{border-radius:var(--tag-round-border-radius,999px)}.smart-tag__close{margin-left:2px;min-width:1em}
@@ -0,0 +1,3 @@
1
+ export declare const Success: "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M639.232%20815.232a315.306667%20315.306667%200%200%201-127.061333%2025.898667%20314.922667%20314.922667%200%200%201-127.232-25.898667%20337.92%20337.92%200%200%201-104.832-71.338667%20337.834667%20337.834667%200%200%201-71.338667-104.832%20314.88%20314.88%200%200%201-25.898667-127.232%20317.013333%20317.013333%200%200%201%2025.728-127.061333%20335.445333%20335.445333%200%200%201%2071.338667-105.173333%20333.653333%20333.653333%200%200%201%20105.002667-71.168c39.68-17.066667%2081.92-25.6%20126.890666-25.6%2044.928%200%2087.296%208.533333%20127.061334%2025.6%2039.722667%2017.066667%2074.752%2040.789333%20105.002666%2071.168a339.2%20339.2%200%200%201%2071.338667%20105.173333c17.28%2039.765333%2025.898667%2082.133333%2025.898667%20127.061333a316.714667%20316.714667%200%200%201-25.728%20127.232%20337.322667%20337.322667%200%200%201-176.213334%20176.213334z%20m-178.901333-149.930667a32.128%2032.128%200%200%200%2016.256%204.053334c11.733333%200%2021.12-5.546667%2028.16-16.597334l150.058666-235.434666c2.261333-3.413333%204.266667-6.954667%205.930667-10.666667a26.453333%2026.453333%200%200%200%202.56-11.050667%2023.466667%2023.466667%200%200%200-8.96-19.114666%2031.146667%2031.146667%200%200%200-20.181333-7.296c-9.728%200-17.877333%205.290667-24.405334%2015.914666l-134.485333%20215.808-63.701333-81.28a35.413333%2035.413333%200%200%200-11.690667-10.88%2028.16%2028.16%200%200%200-13.056-3.029333%2026.325333%2026.325333%200%200%200-19.84%208.32%2028.032%2028.032%200%200%200-7.936%2020.138667c0%207.466667%202.816%2014.677333%208.448%2021.674666l79.274667%2097.28c4.309333%205.376%208.832%209.472%2013.568%2012.16z%22%2F%3E%3C%2Fsvg%3E";
2
+ export declare const Alarm: "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2053.248c129.707%203.413%20237.739%2048.299%20324.096%20134.656S967.339%20382.293%20970.752%20512c-3.413%20129.707-48.299%20237.739-134.656%20324.096S641.707%20967.339%20512%20970.752c-129.707-3.413-237.739-48.299-324.096-134.656S56.661%20641.707%2053.248%20512c3.413-129.707%2048.299-237.739%20134.656-324.096S382.293%2056.661%20512%2053.248z%20m0%20196.608c-17.749%200-32.427%206.485-44.032%2019.456-11.605%2012.971-16.725%2028.331-15.36%2046.08l23.552%20262.144c1.365%209.557%205.291%2017.237%2011.776%2023.04%206.485%205.803%2014.507%208.704%2024.064%208.704s17.579-2.901%2024.064-8.704c6.485-5.803%2010.411-13.483%2011.776-23.04l23.552-262.144c1.365-17.749-3.755-33.109-15.36-46.08-11.605-12.971-26.283-19.456-44.032-19.456z%20m0%20524.288c15.019-0.683%2027.477-5.803%2037.376-15.36%209.899-9.557%2014.848-21.845%2014.848-36.864%200-15.019-4.949-27.477-14.848-37.376-9.899-9.899-22.357-14.848-37.376-14.848-15.019%200-27.477%204.949-37.376%2014.848-9.899%209.899-14.848%2022.357-14.848%2037.376%200%2015.019%204.949%2027.307%2014.848%2036.864%209.899%209.557%2022.357%2014.677%2037.376%2015.36z%22%2F%3E%3C%2Fsvg%3E";
3
+ export declare const Error: "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M134.997333%20512a377.002667%20377.002667%200%201%201%20754.005334%200%20377.002667%20377.002667%200%200%201-754.005334%200zM512%2051.2C257.493333%2051.2%2051.2%20257.493333%2051.2%20512c0%20254.464%20206.293333%20460.8%20460.8%20460.8%20254.506667%200%20460.8-206.336%20460.8-460.8%200-254.506667-206.293333-460.8-460.8-460.8z%20m177.749333%20638.506667a41.898667%2041.898667%200%200%201-59.264%200L512%20571.221333l-118.485333%20118.485334a41.898667%2041.898667%200%200%201-59.221334-59.221334L452.778667%20512%20334.293333%20393.514667a41.898667%2041.898667%200%200%201%2059.221334-59.264L512%20452.736l118.485333-118.485333a41.898667%2041.898667%200%201%201%2059.264%2059.264L571.264%20512l118.485333%20118.485333a41.898667%2041.898667%200%200%201%200%2059.221334z%22%2F%3E%3C%2Fsvg%3E";
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Error = exports.Alarm = exports.Success = void 0;
7
+ var Warning_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Warning"));
8
+ var CheckmarkCircle_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/CheckmarkCircle"));
9
+ var Cancel_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Cancel"));
10
+ exports.Success = CheckmarkCircle_1.default;
11
+ exports.Alarm = Warning_1.default;
12
+ exports.Error = Cancel_1.default;
@@ -1,10 +1,6 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
- var Checkmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Checkmark"));
7
- var Xmark_1 = __importDefault(require("@tuya-miniapp/icons/dist/svg/Xmark"));
3
+ var icons_1 = require("./icons");
8
4
  var component_1 = require("../common/component");
9
5
  (0, component_1.SmartComponent)({
10
6
  props: {
@@ -16,6 +12,7 @@ var component_1 = require("../common/component");
16
12
  type: Number,
17
13
  value: 1000,
18
14
  },
15
+ //
19
16
  type: {
20
17
  type: String,
21
18
  value: 'text',
@@ -28,10 +25,14 @@ var component_1 = require("../common/component");
28
25
  type: String,
29
26
  value: 'middle',
30
27
  },
28
+ width: {
29
+ type: Number,
30
+ },
31
31
  },
32
32
  data: {
33
- success: Checkmark_1.default,
34
- error: Xmark_1.default,
33
+ success: icons_1.Success,
34
+ error: icons_1.Error,
35
+ warn: icons_1.Alarm,
35
36
  },
36
37
  methods: {
37
38
  // for prevent touchmove
@@ -12,6 +12,7 @@
12
12
  <view
13
13
  class="smart-toast smart-toast--{{ (type === 'text' || type === 'html') ? 'text' : 'icon' }} smart-toast--{{ position }}"
14
14
  catch:touchmove="noop"
15
+ style="width: {{ width !== '100%' ? (width + 'px') : '100%' }}"
15
16
  >
16
17
  <!-- text only -->
17
18
  <text wx:if="{{ type === 'text' }}">{{ message }}</text>
@@ -21,13 +22,8 @@
21
22
 
22
23
  <!-- with icon -->
23
24
  <block wx:else>
24
- <smart-loading
25
- wx:if="{{ type === 'loading' }}"
26
- color="white"
27
- type="{{ loadingType }}"
28
- custom-class="smart-toast__loading"
29
- />
30
- <smart-icon color="white" wx:else class="smart-toast__icon" name="{{ type === 'success' ? success : error }}" />
25
+ <smart-loading wx:if="{{ type === 'loading' }}" size="60" color="white" type="{{loadingType}}" />
26
+ <smart-icon wx:else color="white" class="smart-toast__icon" name="{{ type === 'success' ? success : type === 'fail' ? error : type === 'warn' ? warn : success }}" />
31
27
  <text wx:if="{{ message }}" class="smart-toast__text">{{ message }}</text>
32
28
  </block>
33
29
 
@@ -15,12 +15,14 @@ interface ToastOptions {
15
15
  loadingType?: string;
16
16
  message?: ToastMessage;
17
17
  onClose?: () => void;
18
+ width?: number;
18
19
  }
19
20
  declare function Toast(toastOptions: ToastOptions | ToastMessage): WechatMiniprogram.Component.TrivialInstance | undefined;
20
21
  declare namespace Toast {
21
22
  var loading: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
22
23
  var success: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
23
24
  var fail: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
25
+ var warn: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
24
26
  var clear: () => void;
25
27
  var setDefaultOptions: (options: ToastOptions) => void;
26
28
  var resetDefaultOptions: () => void;
@@ -23,6 +23,7 @@ var defaultOptions = {
23
23
  forbidClick: false,
24
24
  loadingType: 'circular',
25
25
  selector: '#smart-toast',
26
+ width: '100%',
26
27
  };
27
28
  var queue = [];
28
29
  var currentOptions = __assign({}, defaultOptions);
@@ -68,6 +69,7 @@ var createMethod = function (type) { return function (options) {
68
69
  Toast.loading = createMethod('loading');
69
70
  Toast.success = createMethod('success');
70
71
  Toast.fail = createMethod('fail');
72
+ Toast.warn = createMethod('warn');
71
73
  Toast.clear = function () {
72
74
  queue.forEach(function (toast) {
73
75
  toast.clear();
package/lib/wxs/style.wxs CHANGED
@@ -1,5 +1,11 @@
1
+ /*
2
+ * @Author: mjh
3
+ * @Date: 2024-08-02 11:38:15
4
+ * @LastEditors: mjh
5
+ * @LastEditTime: 2024-10-31 15:52:59
6
+ * @Description:
7
+ */
1
8
  /* eslint-disable */
2
- var utils = require('./utils.wxs');
3
9
  var object = require('./object.wxs');
4
10
  var array = require('./array.wxs');
5
11
 
@@ -32,15 +38,15 @@ function style(styles) {
32
38
  return styles[key] != null && styles[key] !== '';
33
39
  })
34
40
  .map(function (key) {
35
- if (utils.isAppThemeVar(key)) {
36
- return [key, styles[key]].join(':');
37
- }
38
41
  return [kebabCase(key), [styles[key]]].join(':');
39
42
  })
40
43
  .join(';');
41
44
  }
45
+ if (typeof styles === 'string') {
46
+ return styles
47
+ }
42
48
 
43
- return styles;
49
+ return styles || '';
44
50
  }
45
51
 
46
52
  module.exports = style;
package/lib/wxs/utils.wxs CHANGED
@@ -2,11 +2,9 @@
2
2
  var bem = require('./bem.wxs');
3
3
  var memoize = require('./memoize.wxs');
4
4
  var addUnit = require('./add-unit.wxs');
5
- var isAppThemeVar = require('./is-app-theme-var.wxs');
6
5
 
7
6
  module.exports = {
8
7
  bem: memoize(bem),
9
8
  memoize: memoize,
10
- addUnit: addUnit,
11
- isAppThemeVar: isAppThemeVar,
9
+ addUnit: addUnit
12
10
  };
package/package.json CHANGED
@@ -1,21 +1,17 @@
1
1
  {
2
2
  "name": "@tuya-miniapp/smart-ui",
3
- "version": "1.3.0-beta-2",
3
+ "version": "1.3.1-beta-1",
4
4
  "author": "MiniApp Team",
5
5
  "license": "MIT",
6
6
  "miniprogram": "lib",
7
7
  "description": "轻量、可靠的智能小程序 UI 组件库",
8
- "publishConfig": {
9
- "access": "public",
10
- "registry": "https://registry.npmjs.org/"
11
- },
12
8
  "scripts": {
13
9
  "dev": "NODE_OPTIONS=--no-experimental-fetch node build/dev.mjs",
14
10
  "lint": "eslint ./packages --ext .js,.ts --fix && stylelint \"packages/**/*.less\" --fix",
15
11
  "prepare": "husky install",
16
12
  "release": "sh build/release.sh",
17
13
  "build:icon": "yarn && node build/generate-icon/index.js",
18
- "build": "yarn && NODE_OPTIONS=--no-experimental-fetch npx gulp -f build/compiler.js --series buildEs buildLib",
14
+ "build": "yarn && MODE=build NODE_OPTIONS=--no-experimental-fetch npx gulp -f build/compiler.js --series buildEs buildLib buildExample",
19
15
  "test": "jest",
20
16
  "test:watch": "jest --watch"
21
17
  },
@@ -66,8 +62,8 @@
66
62
  "iOS >= 9"
67
63
  ],
68
64
  "dependencies": {
69
- "@ray-js/components-ty-slider": "^0.2.44",
70
- "@tuya-miniapp/icons": "^1.0.0"
65
+ "@ray-js/components-ty-slider": "^0.2.48",
66
+ "@tuya-miniapp/icons": "1.1.0-beta-3"
71
67
  },
72
68
  "maintainers": [
73
69
  {