@tuya-miniapp/smart-ui 1.3.1-beta-3 → 1.3.1-beta-4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (350) hide show
  1. package/dist/action-sheet/demo/index.d.ts +1 -0
  2. package/dist/action-sheet/demo/index.js +101 -0
  3. package/dist/action-sheet/index.js +1 -1
  4. package/dist/area/demo/index.d.ts +1 -0
  5. package/dist/area/demo/index.js +41 -0
  6. package/dist/area/index.js +4 -5
  7. package/dist/battery/demo/index.d.ts +1 -0
  8. package/dist/battery/demo/index.js +2 -0
  9. package/dist/battery/index.js +1 -3
  10. package/dist/bottom-sheet/demo/index.d.ts +1 -0
  11. package/dist/bottom-sheet/demo/index.js +24 -0
  12. package/dist/bottom-sheet/index.css +1 -1
  13. package/dist/bottom-sheet/index.js +3 -2
  14. package/dist/bottom-sheet/index.wxml +3 -1
  15. package/dist/bottom-sheet/index.wxss +1 -1
  16. package/dist/button/demo/index.d.ts +1 -0
  17. package/dist/button/demo/index.js +9 -0
  18. package/dist/button/index.js +1 -1
  19. package/dist/calendar/components/header/index.css +1 -1
  20. package/dist/calendar/components/header/index.js +1 -1
  21. package/dist/calendar/components/header/index.wxml +3 -3
  22. package/dist/calendar/components/header/index.wxss +1 -1
  23. package/dist/calendar/components/month/index.css +1 -1
  24. package/dist/calendar/components/month/index.js +3 -5
  25. package/dist/calendar/components/month/index.wxs +1 -4
  26. package/dist/calendar/components/month/index.wxss +1 -1
  27. package/dist/calendar/components/month-list/index.css +1 -1
  28. package/dist/calendar/components/month-list/index.js +4 -17
  29. package/dist/calendar/components/month-list/index.wxml +15 -13
  30. package/dist/calendar/components/month-list/index.wxss +1 -1
  31. package/dist/calendar/components/year-list/index.css +1 -1
  32. package/dist/calendar/components/year-list/index.js +3 -3
  33. package/dist/calendar/components/year-list/index.wxml +1 -1
  34. package/dist/calendar/components/year-list/index.wxss +1 -1
  35. package/dist/calendar/demo/index.d.ts +1 -0
  36. package/dist/calendar/demo/index.js +103 -0
  37. package/dist/calendar/index.js +9 -14
  38. package/dist/calendar/index.wxs +4 -7
  39. package/dist/calendar/utils.js +2 -4
  40. package/dist/cascader/demo/index.d.ts +1 -0
  41. package/dist/cascader/demo/index.js +191 -0
  42. package/dist/cascader/index.js +3 -3
  43. package/dist/cell/demo/index.d.ts +1 -0
  44. package/dist/cell/demo/index.js +14 -0
  45. package/dist/cell/index.js +1 -7
  46. package/dist/checkbox/demo/index.d.ts +1 -0
  47. package/dist/checkbox/demo/index.js +34 -0
  48. package/dist/checkbox-group/index.js +1 -1
  49. package/dist/circle/demo/index.d.ts +1 -0
  50. package/dist/circle/demo/index.js +19 -0
  51. package/dist/col/demo/index.d.ts +1 -0
  52. package/dist/col/demo/index.js +4 -0
  53. package/dist/collapse/demo/index.d.ts +1 -0
  54. package/dist/collapse/demo/index.js +36 -0
  55. package/dist/collapse/index.js +1 -1
  56. package/dist/collapse-item/animate.js +1 -1
  57. package/dist/common/component.js +1 -1
  58. package/dist/common/utils.js +3 -3
  59. package/dist/config-provider/demo/index.d.ts +1 -0
  60. package/dist/config-provider/demo/index.js +22 -0
  61. package/dist/count-down/demo/index.d.ts +1 -0
  62. package/dist/count-down/demo/index.js +33 -0
  63. package/dist/custom-keyboard/demo/index.d.ts +1 -0
  64. package/dist/custom-keyboard/demo/index.js +17 -0
  65. package/dist/custom-keyboard/index.js +1 -3
  66. package/dist/datetime-picker/demo/index.d.ts +1 -0
  67. package/dist/datetime-picker/demo/index.js +63 -0
  68. package/dist/datetime-picker/index.js +4 -5
  69. package/dist/dialog/demo/index.d.ts +1 -0
  70. package/dist/dialog/demo/index.js +134 -0
  71. package/dist/dialog/dialog.js +3 -5
  72. package/dist/dialog/index.js +1 -1
  73. package/dist/divider/demo/index.d.ts +1 -0
  74. package/dist/divider/demo/index.js +4 -0
  75. package/dist/dropdown-item/index.js +3 -3
  76. package/dist/dropdown-item/index.wxml +1 -7
  77. package/dist/dropdown-menu/demo/index.d.ts +1 -0
  78. package/dist/dropdown-menu/demo/index.js +47 -0
  79. package/dist/dropdown-menu/index.js +8 -10
  80. package/dist/empty/demo/index.d.ts +1 -0
  81. package/dist/empty/demo/index.js +13 -0
  82. package/dist/empty/index.css +1 -1
  83. package/dist/empty/index.wxs +1 -1
  84. package/dist/empty/index.wxss +1 -1
  85. package/dist/field/demo/index.d.ts +1 -0
  86. package/dist/field/demo/index.js +21 -0
  87. package/dist/goods-action/demo/index.d.ts +1 -0
  88. package/dist/goods-action/demo/index.js +12 -0
  89. package/dist/goods-action/index.js +1 -1
  90. package/dist/grid/demo/index.d.ts +1 -0
  91. package/dist/grid/demo/index.js +9 -0
  92. package/dist/grid/index.js +1 -1
  93. package/dist/grid-item/index.js +1 -1
  94. package/dist/icon/demo/index.d.ts +1 -0
  95. package/dist/icon/demo/index.js +26 -0
  96. package/dist/image/demo/index.d.ts +1 -0
  97. package/dist/image/demo/index.js +15 -0
  98. package/dist/index-anchor/index.js +1 -1
  99. package/dist/index-bar/demo/index.d.ts +1 -0
  100. package/dist/index-bar/demo/index.js +21 -0
  101. package/dist/index-bar/index.js +9 -16
  102. package/dist/loading/demo/index.d.ts +1 -0
  103. package/dist/loading/demo/index.js +4 -0
  104. package/dist/loading/index.js +25 -1
  105. package/dist/loading/index.wxml +2 -2
  106. package/dist/loading/index.wxs +6 -21
  107. package/dist/mixins/basic.js +2 -2
  108. package/dist/mixins/link.js +1 -2
  109. package/dist/mixins/page-scroll.js +1 -1
  110. package/dist/mixins/touch.js +1 -2
  111. package/dist/mixins/transition.js +1 -1
  112. package/dist/nav-bar/demo/index.d.ts +1 -0
  113. package/dist/nav-bar/demo/index.js +26 -0
  114. package/dist/nav-bar/index.css +1 -1
  115. package/dist/nav-bar/index.js +1 -1
  116. package/dist/nav-bar/index.wxml +1 -1
  117. package/dist/nav-bar/index.wxss +1 -1
  118. package/dist/normal-slider/demo/index.d.ts +1 -0
  119. package/dist/normal-slider/demo/index.js +19 -0
  120. package/dist/notice-bar/demo/index.d.ts +1 -0
  121. package/dist/notice-bar/demo/index.js +11 -0
  122. package/dist/notice-bar/index.js +3 -6
  123. package/dist/notice-bar/index.wxml +1 -5
  124. package/dist/notify/demo/index.d.ts +1 -0
  125. package/dist/notify/demo/index.js +45 -0
  126. package/dist/overlay/demo/index.d.ts +1 -0
  127. package/dist/overlay/demo/index.js +22 -0
  128. package/dist/picker/demo/index.d.ts +1 -0
  129. package/dist/picker/demo/index.js +76 -0
  130. package/dist/picker/index.css +1 -1
  131. package/dist/picker/index.js +2 -2
  132. package/dist/picker/index.wxml +1 -0
  133. package/dist/picker/index.wxss +1 -1
  134. package/dist/picker-column/index.js +3 -8
  135. package/dist/popup/demo/index.d.ts +1 -0
  136. package/dist/popup/demo/index.js +79 -0
  137. package/dist/progress/demo/index.d.ts +1 -0
  138. package/dist/progress/demo/index.js +4 -0
  139. package/dist/progress/index.js +1 -4
  140. package/dist/radio/demo/index.d.ts +1 -0
  141. package/dist/radio/demo/index.js +31 -0
  142. package/dist/radio-group/index.js +1 -1
  143. package/dist/rate/demo/index.d.ts +1 -0
  144. package/dist/rate/demo/index.js +25 -0
  145. package/dist/rate/index.js +2 -2
  146. package/dist/row/index.js +1 -1
  147. package/dist/search/demo/index.d.ts +1 -0
  148. package/dist/search/demo/index.js +43 -0
  149. package/dist/sidebar/demo/index.d.ts +1 -0
  150. package/dist/sidebar/demo/index.js +9 -0
  151. package/dist/skeleton/demo/index.d.ts +1 -0
  152. package/dist/skeleton/demo/index.js +11 -0
  153. package/dist/slider/demo/index.d.ts +1 -0
  154. package/dist/slider/demo/index.js +19 -0
  155. package/dist/slider/index.js +5 -7
  156. package/dist/stepper/demo/index.d.ts +1 -0
  157. package/dist/stepper/demo/index.js +19 -0
  158. package/dist/steps/demo/index.d.ts +1 -0
  159. package/dist/steps/demo/index.js +42 -0
  160. package/dist/sticky/demo/index.d.ts +1 -0
  161. package/dist/sticky/demo/index.js +26 -0
  162. package/dist/sticky/index.js +2 -2
  163. package/dist/swipe-cell/demo/index.d.ts +1 -0
  164. package/dist/swipe-cell/demo/index.js +45 -0
  165. package/dist/swipe-cell/index.js +3 -5
  166. package/dist/switch/demo/index.d.ts +1 -0
  167. package/dist/switch/demo/index.js +29 -0
  168. package/dist/switch/index.css +1 -1
  169. package/dist/switch/index.wxss +1 -1
  170. package/dist/tab/demo/index.d.ts +1 -0
  171. package/dist/tab/demo/index.js +55 -0
  172. package/dist/tabbar/demo/index.d.ts +1 -0
  173. package/dist/tabbar/demo/index.js +34 -0
  174. package/dist/tabbar/index.js +1 -1
  175. package/dist/tabs/index.js +7 -25
  176. package/dist/tag/demo/index.d.ts +1 -0
  177. package/dist/tag/demo/index.js +16 -0
  178. package/dist/tag/index.css +1 -1
  179. package/dist/tag/index.wxss +1 -1
  180. package/dist/toast/demo/index.d.ts +1 -0
  181. package/dist/toast/demo/index.js +67 -0
  182. package/dist/toast/toast.js +3 -5
  183. package/dist/transition/demo/index.d.ts +1 -0
  184. package/dist/transition/demo/index.js +67 -0
  185. package/dist/tree-select/demo/index.d.ts +1 -0
  186. package/dist/tree-select/demo/index.js +113 -0
  187. package/lib/action-sheet/demo/index.d.ts +1 -0
  188. package/lib/action-sheet/demo/index.js +115 -0
  189. package/lib/area/demo/index.d.ts +1 -0
  190. package/lib/area/demo/index.js +47 -0
  191. package/lib/area/index.js +1 -2
  192. package/lib/battery/demo/index.d.ts +1 -0
  193. package/lib/battery/demo/index.js +4 -0
  194. package/lib/battery/index.js +1 -3
  195. package/lib/bottom-sheet/demo/index.d.ts +1 -0
  196. package/lib/bottom-sheet/demo/index.js +27 -0
  197. package/lib/bottom-sheet/index.css +1 -1
  198. package/lib/bottom-sheet/index.js +3 -2
  199. package/lib/bottom-sheet/index.wxml +3 -1
  200. package/lib/bottom-sheet/index.wxss +1 -1
  201. package/lib/button/demo/index.d.ts +1 -0
  202. package/lib/button/demo/index.js +14 -0
  203. package/lib/calendar/components/header/index.css +1 -1
  204. package/lib/calendar/components/header/index.wxml +3 -3
  205. package/lib/calendar/components/header/index.wxss +1 -1
  206. package/lib/calendar/components/month/index.css +1 -1
  207. package/lib/calendar/components/month/index.js +2 -6
  208. package/lib/calendar/components/month/index.wxs +1 -4
  209. package/lib/calendar/components/month/index.wxss +1 -1
  210. package/lib/calendar/components/month-list/index.css +1 -1
  211. package/lib/calendar/components/month-list/index.js +3 -16
  212. package/lib/calendar/components/month-list/index.wxml +15 -13
  213. package/lib/calendar/components/month-list/index.wxss +1 -1
  214. package/lib/calendar/components/year-list/index.css +1 -1
  215. package/lib/calendar/components/year-list/index.js +1 -1
  216. package/lib/calendar/components/year-list/index.wxml +1 -1
  217. package/lib/calendar/components/year-list/index.wxss +1 -1
  218. package/lib/calendar/demo/index.d.ts +1 -0
  219. package/lib/calendar/demo/index.js +105 -0
  220. package/lib/calendar/index.js +7 -14
  221. package/lib/calendar/index.wxs +4 -7
  222. package/lib/calendar/utils.js +1 -3
  223. package/lib/cascader/demo/index.d.ts +1 -0
  224. package/lib/cascader/demo/index.js +197 -0
  225. package/lib/cell/demo/index.d.ts +1 -0
  226. package/lib/cell/demo/index.js +39 -0
  227. package/lib/cell/index.js +1 -7
  228. package/lib/checkbox/demo/index.d.ts +1 -0
  229. package/lib/checkbox/demo/index.js +38 -0
  230. package/lib/circle/demo/index.d.ts +1 -0
  231. package/lib/circle/demo/index.js +21 -0
  232. package/lib/col/demo/index.d.ts +1 -0
  233. package/lib/col/demo/index.js +6 -0
  234. package/lib/collapse/demo/index.d.ts +1 -0
  235. package/lib/collapse/demo/index.js +42 -0
  236. package/lib/config-provider/demo/index.d.ts +1 -0
  237. package/lib/config-provider/demo/index.js +24 -0
  238. package/lib/count-down/demo/index.d.ts +1 -0
  239. package/lib/count-down/demo/index.js +38 -0
  240. package/lib/custom-keyboard/demo/index.d.ts +1 -0
  241. package/lib/custom-keyboard/demo/index.js +19 -0
  242. package/lib/custom-keyboard/index.js +1 -3
  243. package/lib/datetime-picker/demo/index.d.ts +1 -0
  244. package/lib/datetime-picker/demo/index.js +68 -0
  245. package/lib/datetime-picker/index.js +4 -3
  246. package/lib/dialog/demo/index.d.ts +1 -0
  247. package/lib/dialog/demo/index.js +144 -0
  248. package/lib/dialog/dialog.js +1 -3
  249. package/lib/divider/demo/index.d.ts +1 -0
  250. package/lib/divider/demo/index.js +6 -0
  251. package/lib/dropdown-item/index.wxml +1 -7
  252. package/lib/dropdown-menu/demo/index.d.ts +1 -0
  253. package/lib/dropdown-menu/demo/index.js +52 -0
  254. package/lib/dropdown-menu/index.js +2 -4
  255. package/lib/empty/demo/index.d.ts +1 -0
  256. package/lib/empty/demo/index.js +15 -0
  257. package/lib/empty/index.css +1 -1
  258. package/lib/empty/index.wxs +1 -1
  259. package/lib/empty/index.wxss +1 -1
  260. package/lib/field/demo/index.d.ts +1 -0
  261. package/lib/field/demo/index.js +23 -0
  262. package/lib/goods-action/demo/index.d.ts +1 -0
  263. package/lib/goods-action/demo/index.js +17 -0
  264. package/lib/grid/demo/index.d.ts +1 -0
  265. package/lib/grid/demo/index.js +11 -0
  266. package/lib/icon/demo/index.d.ts +1 -0
  267. package/lib/icon/demo/index.js +54 -0
  268. package/lib/image/demo/index.d.ts +1 -0
  269. package/lib/image/demo/index.js +17 -0
  270. package/lib/index-bar/demo/index.d.ts +1 -0
  271. package/lib/index-bar/demo/index.js +23 -0
  272. package/lib/index-bar/index.js +3 -10
  273. package/lib/loading/demo/index.d.ts +1 -0
  274. package/lib/loading/demo/index.js +6 -0
  275. package/lib/loading/index.js +27 -1
  276. package/lib/loading/index.wxml +2 -2
  277. package/lib/loading/index.wxs +6 -21
  278. package/lib/mixins/link.js +1 -2
  279. package/lib/mixins/touch.js +1 -2
  280. package/lib/nav-bar/demo/index.d.ts +1 -0
  281. package/lib/nav-bar/demo/index.js +31 -0
  282. package/lib/nav-bar/index.css +1 -1
  283. package/lib/nav-bar/index.wxml +1 -1
  284. package/lib/nav-bar/index.wxss +1 -1
  285. package/lib/normal-slider/demo/index.d.ts +1 -0
  286. package/lib/normal-slider/demo/index.js +21 -0
  287. package/lib/notice-bar/demo/index.d.ts +1 -0
  288. package/lib/notice-bar/demo/index.js +16 -0
  289. package/lib/notice-bar/index.js +2 -5
  290. package/lib/notice-bar/index.wxml +1 -5
  291. package/lib/notify/demo/index.d.ts +1 -0
  292. package/lib/notify/demo/index.js +50 -0
  293. package/lib/overlay/demo/index.d.ts +1 -0
  294. package/lib/overlay/demo/index.js +24 -0
  295. package/lib/picker/demo/index.d.ts +1 -0
  296. package/lib/picker/demo/index.js +82 -0
  297. package/lib/picker/index.css +1 -1
  298. package/lib/picker/index.js +1 -3
  299. package/lib/picker/index.wxml +1 -0
  300. package/lib/picker/index.wxss +1 -1
  301. package/lib/picker-column/index.js +2 -7
  302. package/lib/popup/demo/index.d.ts +1 -0
  303. package/lib/popup/demo/index.js +85 -0
  304. package/lib/progress/demo/index.d.ts +1 -0
  305. package/lib/progress/demo/index.js +6 -0
  306. package/lib/progress/index.js +1 -4
  307. package/lib/radio/demo/index.d.ts +1 -0
  308. package/lib/radio/demo/index.js +34 -0
  309. package/lib/rate/demo/index.d.ts +1 -0
  310. package/lib/rate/demo/index.js +30 -0
  311. package/lib/search/demo/index.d.ts +1 -0
  312. package/lib/search/demo/index.js +48 -0
  313. package/lib/sidebar/demo/index.d.ts +1 -0
  314. package/lib/sidebar/demo/index.js +14 -0
  315. package/lib/skeleton/demo/index.d.ts +1 -0
  316. package/lib/skeleton/demo/index.js +14 -0
  317. package/lib/slider/demo/index.d.ts +1 -0
  318. package/lib/slider/demo/index.js +21 -0
  319. package/lib/slider/index.js +1 -3
  320. package/lib/stepper/demo/index.d.ts +1 -0
  321. package/lib/stepper/demo/index.js +25 -0
  322. package/lib/steps/demo/index.d.ts +1 -0
  323. package/lib/steps/demo/index.js +47 -0
  324. package/lib/sticky/demo/index.d.ts +1 -0
  325. package/lib/sticky/demo/index.js +30 -0
  326. package/lib/sticky/index.js +3 -1
  327. package/lib/swipe-cell/demo/index.d.ts +1 -0
  328. package/lib/swipe-cell/demo/index.js +50 -0
  329. package/lib/swipe-cell/index.js +1 -3
  330. package/lib/switch/demo/index.d.ts +1 -0
  331. package/lib/switch/demo/index.js +37 -0
  332. package/lib/switch/index.css +1 -1
  333. package/lib/switch/index.wxss +1 -1
  334. package/lib/tab/demo/index.d.ts +1 -0
  335. package/lib/tab/demo/index.js +57 -0
  336. package/lib/tabbar/demo/index.d.ts +1 -0
  337. package/lib/tabbar/demo/index.js +41 -0
  338. package/lib/tabs/index.js +6 -24
  339. package/lib/tag/demo/index.d.ts +1 -0
  340. package/lib/tag/demo/index.js +19 -0
  341. package/lib/tag/index.css +1 -1
  342. package/lib/tag/index.wxss +1 -1
  343. package/lib/toast/demo/index.d.ts +1 -0
  344. package/lib/toast/demo/index.js +74 -0
  345. package/lib/toast/toast.js +1 -3
  346. package/lib/transition/demo/index.d.ts +1 -0
  347. package/lib/transition/demo/index.js +71 -0
  348. package/lib/tree-select/demo/index.d.ts +1 -0
  349. package/lib/tree-select/demo/index.js +130 -0
  350. package/package.json +1 -1
@@ -0,0 +1,76 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ import Toast from '../../toast/toast';
3
+ SmartComponent({
4
+ data: {
5
+ activeIndex: 3,
6
+ column1: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
7
+ column2: [
8
+ { text: I18n.t('hangzhou'), disabled: true },
9
+ { text: I18n.t('ningbo') },
10
+ { text: I18n.t('wenzhou') },
11
+ ],
12
+ column3: {
13
+ [I18n.t('zhejiang')]: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
14
+ [I18n.t('fujian')]: [I18n.t('fuzhou'), I18n.t('xiamen'), I18n.t('putian'), I18n.t('sanming'), I18n.t('quanzhou')],
15
+ },
16
+ column4: [
17
+ {
18
+ values: [I18n.t('zhejiang'), I18n.t('fujian')],
19
+ className: 'column1',
20
+ unit: I18n.t('province'),
21
+ },
22
+ {
23
+ values: [I18n.t('hangzhou'), I18n.t('ningbo'), I18n.t('wenzhou'), I18n.t('jiaxing'), I18n.t('huzhou')],
24
+ className: 'column2',
25
+ defaultIndex: 2,
26
+ unit: I18n.t('city'),
27
+ },
28
+ ],
29
+ column5: [
30
+ {
31
+ values: new Array(100).fill(1).map((x, i) => i),
32
+ style: 'flex: none;width: auto;min-width: 61px;'
33
+ },
34
+ {
35
+ values: ['.'],
36
+ style: 'flex: none;width: 8px;display:flex;justify-content: center;'
37
+ },
38
+ {
39
+ values: new Array(20).fill(1).map((x, i) => i),
40
+ style: 'flex: none;width: auto;min-width: 61px;',
41
+ unit: 'Kg',
42
+ },
43
+ ],
44
+ },
45
+ methods: {
46
+ onChange1(event) {
47
+ const { value, index } = event.detail;
48
+ Toast({
49
+ context: this,
50
+ message: `Value: ${value}, Index:${index}`,
51
+ });
52
+ // this.setData({
53
+ // column1: new Array(200).fill(1).map((v, i) => `杭州${i}`),
54
+ // activeIndex: 50,
55
+ // });
56
+ },
57
+ onConfirm(event) {
58
+ const { value, index } = event.detail;
59
+ Toast({
60
+ context: this,
61
+ message: `Value: ${value}, Index:${index}`,
62
+ });
63
+ },
64
+ onCancel() {
65
+ Toast({
66
+ context: this,
67
+ message: I18n.t('cancel'),
68
+ });
69
+ },
70
+ onChange2(event) {
71
+ const { picker, value } = event.detail;
72
+ picker.setColumnValues(1, this.data.column3[value[0]]);
73
+ getApp().picker = picker;
74
+ },
75
+ },
76
+ });
@@ -1 +1 @@
1
- @import '../common/index.css';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
1
+ @import '../common/index.css';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
@@ -122,7 +122,7 @@ SmartComponent({
122
122
  },
123
123
  // get values of all columns
124
124
  getValues() {
125
- return this.children.map((child) => child.getValue());
125
+ return this.children.map(child => child.getValue());
126
126
  },
127
127
  // set values of all columns
128
128
  setValues(values) {
@@ -131,7 +131,7 @@ SmartComponent({
131
131
  },
132
132
  // get indexes of all columns
133
133
  getIndexes() {
134
- return this.children.map((child) => child.data.currentIndex);
134
+ return this.children.map(child => child.data.currentIndex);
135
135
  },
136
136
  // set indexes of all columns
137
137
  setIndexes(indexes) {
@@ -19,6 +19,7 @@
19
19
  data-index="{{ index }}"
20
20
  custom-class="column-class"
21
21
  value-key="{{ valueKey }}"
22
+ style="{{ item.style }}"
22
23
  options="{{ item.values }}"
23
24
  unit="{{ item.unit || unit }}"
24
25
  default-index="{{ item.defaultIndex || defaultIndex }}"
@@ -1 +1 @@
1
- @import '../common/index.wxss';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
1
+ @import '../common/index.wxss';.smart-picker{-webkit-text-size-adjust:100%;background-color:var(--picker-background-color,var(--app-B4,#fff));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.smart-picker__toolbar{display:flex;height:var(--picker-toolbar-height,44px);justify-content:space-between;line-height:var(--picker-toolbar-height,44px)}.smart-picker__cancel,.smart-picker__confirm{font-size:var(--picker-action-font-size,14px);padding:var(--picker-action-padding,0 16px)}.smart-picker__cancel--hover,.smart-picker__confirm--hover{opacity:.7}.smart-picker__confirm{color:var(--picker-confirm-action-color,#576b95)}.smart-picker__cancel{color:var(--picker-cancel-action-color,#969799)}.smart-picker__title{font-size:var(--picker-option-font-size,16px);font-weight:var(--font-weight-bolder,700);max-width:50%;text-align:center}.smart-picker__columns{display:flex;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);mask-image:linear-gradient(0deg,transparent,#000 50%,transparent);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;padding:0 var(--picker-padding,16px);position:relative}.smart-picker__column{flex:1 1;width:0}.smart-picker__loading{align-items:center;background-color:var(--picker-loading-mask-color,var(--app-B4,#fff));bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:4}.smart-picker__frame{left:var(--picker-padding,16px);pointer-events:none;position:absolute;right:var(--picker-padding,16px);top:50%;transform:translateY(-50%);z-index:1}
@@ -101,11 +101,9 @@ SmartComponent({
101
101
  const { unit, valueKey } = this.data;
102
102
  if (unit) {
103
103
  let maxText = '';
104
- options.forEach((option) => {
104
+ options.forEach(option => {
105
105
  var _a;
106
- const value = isObj(option)
107
- ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString()
108
- : option === null || option === void 0 ? void 0 : option.toString();
106
+ const value = isObj(option) ? (_a = option[valueKey]) === null || _a === void 0 ? void 0 : _a.toString() : option === null || option === void 0 ? void 0 : option.toString();
109
107
  if (maxText.length < value.length) {
110
108
  maxText = value;
111
109
  }
@@ -155,9 +153,7 @@ SmartComponent({
155
153
  },
156
154
  getOptionText(option) {
157
155
  const { data } = this;
158
- return isObj(option) && data.valueKey in option
159
- ? option[data.valueKey]
160
- : option;
156
+ return isObj(option) && data.valueKey in option ? option[data.valueKey] : option;
161
157
  },
162
158
  setIndex(index, userAction, animate) {
163
159
  const { data } = this;
@@ -180,7 +176,6 @@ SmartComponent({
180
176
  this.$emit('change', index);
181
177
  return;
182
178
  }
183
- ;
184
179
  this.fireChange = true;
185
180
  });
186
181
  });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,79 @@
1
+ import rightIcon from '@tuya-miniapp/icons/dist/svg/Right';
2
+ import { SmartComponent } from '../../common/component';
3
+ SmartComponent({
4
+ data: {
5
+ show: {
6
+ basic: false,
7
+ top: false,
8
+ bottom: false,
9
+ left: false,
10
+ right: false,
11
+ round: false,
12
+ closeIcon: false,
13
+ customCloseIcon: false,
14
+ customIconPosition: false,
15
+ },
16
+ rightIcon,
17
+ },
18
+ methods: {
19
+ toggle(type, show) {
20
+ this.setData({
21
+ [`show.${type}`]: show,
22
+ });
23
+ },
24
+ showBasic() {
25
+ this.toggle('basic', true);
26
+ },
27
+ hideBasic() {
28
+ this.toggle('basic', false);
29
+ },
30
+ showTop() {
31
+ this.toggle('top', true);
32
+ },
33
+ hideTop() {
34
+ this.toggle('top', false);
35
+ },
36
+ showLeft() {
37
+ this.toggle('left', true);
38
+ },
39
+ hideLeft() {
40
+ this.toggle('left', false);
41
+ },
42
+ showRight() {
43
+ this.toggle('right', true);
44
+ },
45
+ hideRight() {
46
+ this.toggle('right', false);
47
+ },
48
+ showBottom() {
49
+ this.toggle('bottom', true);
50
+ },
51
+ hideBottom() {
52
+ this.toggle('bottom', false);
53
+ },
54
+ showRound() {
55
+ this.toggle('round', true);
56
+ },
57
+ hideRound() {
58
+ this.toggle('round', false);
59
+ },
60
+ showCloseIcon() {
61
+ this.toggle('closeIcon', true);
62
+ },
63
+ hideCloseIcon() {
64
+ this.toggle('closeIcon', false);
65
+ },
66
+ showCustomCloseIcon() {
67
+ this.toggle('customCloseIcon', true);
68
+ },
69
+ hideCustomCloseIcon() {
70
+ this.toggle('customCloseIcon', false);
71
+ },
72
+ showCustomIconPosition() {
73
+ this.toggle('customIconPosition', true);
74
+ },
75
+ hideCustomIconPosition() {
76
+ this.toggle('customIconPosition', false);
77
+ },
78
+ },
79
+ });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ SmartComponent({
3
+ data: {},
4
+ });
@@ -36,10 +36,7 @@ SmartComponent({
36
36
  },
37
37
  methods: {
38
38
  setLeft() {
39
- Promise.all([
40
- getRect(this, '.smart-progress'),
41
- getRect(this, '.smart-progress__pivot'),
42
- ]).then(([portion, pivot]) => {
39
+ Promise.all([getRect(this, '.smart-progress'), getRect(this, '.smart-progress__pivot')]).then(([portion, pivot]) => {
43
40
  if (portion && pivot) {
44
41
  this.setData({
45
42
  right: (pivot.width * (this.data.percentage - 100)) / 100,
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,31 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ SmartComponent({
3
+ data: {
4
+ radioBasic: '1',
5
+ radioDisabled: '2',
6
+ radioColor: '1',
7
+ radioText: '1',
8
+ radioHoriz: '1',
9
+ radioIcon: '1',
10
+ radioSize: '1',
11
+ radioLabel: '1',
12
+ radioShape: '1',
13
+ radioCell: '1',
14
+ icon: {
15
+ normal: 'https://images.tuyacn.com/content-platform/hestia/1729664215ebd89f13e54.png',
16
+ active: 'https://images.tuyacn.com/content-platform/hestia/1730877912e76cbdb7563.png',
17
+ },
18
+ },
19
+ methods: {
20
+ onChange(event) {
21
+ const { key } = event.currentTarget.dataset;
22
+ this.setData({ [key]: event.detail });
23
+ },
24
+ onClick(event) {
25
+ const { name } = event.currentTarget.dataset;
26
+ this.setData({
27
+ radioCell: name,
28
+ });
29
+ },
30
+ },
31
+ });
@@ -16,7 +16,7 @@ SmartComponent({
16
16
  },
17
17
  methods: {
18
18
  updateChildren() {
19
- this.children.forEach((child) => child.updateFromParent());
19
+ this.children.forEach(child => child.updateFromParent());
20
20
  },
21
21
  },
22
22
  });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,25 @@
1
+ import Icloud from '@tuya-miniapp/icons/dist/svg/Icloud';
2
+ import XmarkIcloud from '@tuya-miniapp/icons/dist/svg/XmarkIcloud';
3
+ import { SmartComponent } from '../../common/component';
4
+ import Toast from '../../toast/toast';
5
+ SmartComponent({
6
+ data: {
7
+ value1: 3,
8
+ value2: 3,
9
+ value3: 3,
10
+ value4: 2.5,
11
+ value5: 4,
12
+ value6: 3,
13
+ value8: 2,
14
+ icon: Icloud,
15
+ voidIcon: XmarkIcloud,
16
+ },
17
+ methods: {
18
+ onChange(event) {
19
+ Toast({
20
+ context: this,
21
+ message: I18n.t('currentValue') + event.detail,
22
+ });
23
+ },
24
+ },
25
+ });
@@ -76,10 +76,10 @@ SmartComponent({
76
76
  if (!touchable)
77
77
  return;
78
78
  const { clientX } = event.touches[0];
79
- getAllRect(this, '.smart-rate__icon').then((list) => {
79
+ getAllRect(this, '.smart-rate__icon').then(list => {
80
80
  const target = list
81
81
  .sort((cur, next) => cur.dataset.score - next.dataset.score)
82
- .find((item) => clientX >= item.left && clientX <= item.right);
82
+ .find(item => clientX >= item.left && clientX <= item.right);
83
83
  if (target != null) {
84
84
  this.onSelect(Object.assign(Object.assign({}, event), { currentTarget: target }));
85
85
  }
package/dist/row/index.js CHANGED
@@ -15,7 +15,7 @@ SmartComponent({
15
15
  },
16
16
  methods: {
17
17
  setGutter() {
18
- this.children.forEach((col) => {
18
+ this.children.forEach(col => {
19
19
  col.setData(this.data);
20
20
  });
21
21
  },
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,43 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ import TriangleDown from '@tuya-miniapp/icons/dist/svg/TriangleDown';
3
+ SmartComponent({
4
+ data: {
5
+ value: '',
6
+ icon: TriangleDown,
7
+ },
8
+ methods: {
9
+ onChange(e) {
10
+ this.setData({
11
+ value: e.detail,
12
+ });
13
+ },
14
+ onSearch(event) {
15
+ if (event.detail) {
16
+ wx.showToast({
17
+ title: I18n.t('searchText') + ': ' + event.detail,
18
+ icon: 'none',
19
+ });
20
+ }
21
+ },
22
+ onClick() {
23
+ if (this.data.value) {
24
+ wx.showToast({
25
+ title: I18n.t('searchText') + ': ' + this.data.value,
26
+ icon: 'none',
27
+ });
28
+ }
29
+ },
30
+ onCancel() {
31
+ wx.showToast({
32
+ title: I18n.t('cancel'),
33
+ icon: 'none',
34
+ });
35
+ },
36
+ onClear() {
37
+ wx.showToast({
38
+ title: I18n.t('clear'),
39
+ icon: 'none',
40
+ });
41
+ },
42
+ },
43
+ });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,9 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ import Toast from '../../toast/toast';
3
+ SmartComponent({
4
+ methods: {
5
+ onChange(event) {
6
+ Toast({ context: this, message: `${I18n.t('switchTo')}${event.detail}${I18n.t('item')}` });
7
+ },
8
+ },
9
+ });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,11 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ SmartComponent({
3
+ data: {
4
+ show: false,
5
+ },
6
+ methods: {
7
+ onChange({ detail }) {
8
+ this.setData({ show: detail });
9
+ },
10
+ },
11
+ });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,19 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ SmartComponent({
3
+ data: {
4
+ currentValue: 50,
5
+ },
6
+ methods: {
7
+ onChange(event) {
8
+ wx.showToast({
9
+ icon: 'none',
10
+ title: `${I18n.t('currentValue')}${event.detail}`,
11
+ });
12
+ },
13
+ onDrag(event) {
14
+ this.setData({
15
+ currentValue: event.detail.value,
16
+ });
17
+ },
18
+ },
19
+ });
@@ -57,7 +57,7 @@ SmartComponent({
57
57
  this.startValue = this.format(this.value);
58
58
  this.newValue = this.value;
59
59
  if (this.isRange(this.newValue)) {
60
- this.startValue = this.newValue.map((val) => this.format(val));
60
+ this.startValue = this.newValue.map(val => this.format(val));
61
61
  }
62
62
  else {
63
63
  this.startValue = this.format(this.newValue);
@@ -72,7 +72,7 @@ SmartComponent({
72
72
  }
73
73
  this.touchMove(event);
74
74
  this.dragStatus = DRAG_STATUS.MOVING;
75
- getRect(this, '.smart-slider').then((rect) => {
75
+ getRect(this, '.smart-slider').then(rect => {
76
76
  const { vertical } = this.data;
77
77
  const delta = vertical ? this.deltaY : this.deltaX;
78
78
  const total = vertical ? rect.height : rect.width;
@@ -102,12 +102,10 @@ SmartComponent({
102
102
  if (this.data.disabled)
103
103
  return;
104
104
  const { min } = this.data;
105
- getRect(this, '.smart-slider').then((rect) => {
105
+ getRect(this, '.smart-slider').then(rect => {
106
106
  const { vertical } = this.data;
107
107
  const touch = event.touches[0];
108
- const delta = vertical
109
- ? touch.clientY - rect.top
110
- : touch.clientX - rect.left;
108
+ const delta = vertical ? touch.clientY - rect.top : touch.clientX - rect.left;
111
109
  const total = vertical ? rect.height : rect.width;
112
110
  const value = Number(min) + (delta / total) * this.getRange();
113
111
  if (this.isRange(this.value)) {
@@ -137,7 +135,7 @@ SmartComponent({
137
135
  },
138
136
  updateValue(value, end, drag) {
139
137
  if (this.isRange(value)) {
140
- value = this.handleOverlap(value).map((val) => this.format(val));
138
+ value = this.handleOverlap(value).map(val => this.format(val));
141
139
  }
142
140
  else {
143
141
  value = this.format(value);
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,19 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ import Toast from '../../toast/toast';
3
+ SmartComponent({
4
+ data: {
5
+ value: 1,
6
+ },
7
+ methods: {
8
+ onChange(event) {
9
+ Toast.loading({
10
+ context: this,
11
+ forbidClick: true,
12
+ });
13
+ setTimeout(() => {
14
+ Toast.clear();
15
+ this.setData({ value: event.detail });
16
+ }, 500);
17
+ },
18
+ },
19
+ });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,42 @@
1
+ import { CheckmarkCircle, Right } from '@tuya-miniapp/icons';
2
+ import { SmartComponent } from '../../common/component';
3
+ import Toast from '../../toast/toast';
4
+ const steps = [
5
+ {
6
+ text: I18n.t('step1'),
7
+ desc: I18n.t('descriptionInformation'),
8
+ },
9
+ {
10
+ text: I18n.t('stepTwo'),
11
+ desc: I18n.t('descriptionInformation'),
12
+ },
13
+ {
14
+ text: I18n.t('stepThree'),
15
+ desc: I18n.t('descriptionInformation'),
16
+ },
17
+ {
18
+ text: I18n.t('stepFour'),
19
+ desc: I18n.t('descriptionInformation'),
20
+ },
21
+ ];
22
+ SmartComponent({
23
+ data: {
24
+ active: 1,
25
+ steps,
26
+ customIcon: CheckmarkCircle,
27
+ inActiveIcon: Right,
28
+ },
29
+ methods: {
30
+ nextStep() {
31
+ this.setData({
32
+ active: ++this.data.active % 4,
33
+ });
34
+ },
35
+ onClick(event) {
36
+ Toast({
37
+ context: this,
38
+ message: `Index: ${event.detail}`,
39
+ });
40
+ },
41
+ },
42
+ });
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,26 @@
1
+ import { SmartComponent } from '../../common/component';
2
+ SmartComponent({
3
+ data: {
4
+ container: () => { },
5
+ scrollTop: 0,
6
+ offsetTop: 0,
7
+ },
8
+ mounted() {
9
+ this.setData({
10
+ container: () => this.createSelectorQuery().select('#container'),
11
+ });
12
+ },
13
+ methods: {
14
+ onScroll(event) {
15
+ this.createSelectorQuery()
16
+ .select('#scroller')
17
+ .boundingClientRect((res) => {
18
+ this.setData({
19
+ scrollTop: event.detail.scrollTop,
20
+ offsetTop: res.top,
21
+ });
22
+ })
23
+ .exec();
24
+ },
25
+ },
26
+ });
@@ -79,7 +79,7 @@ SmartComponent({
79
79
  .catch(() => { });
80
80
  return;
81
81
  }
82
- getRect(this, ROOT_ELEMENT).then((root) => {
82
+ getRect(this, ROOT_ELEMENT).then(root => {
83
83
  if (!isDef(root) || (!root.width && !root.height)) {
84
84
  return;
85
85
  }
@@ -114,7 +114,7 @@ SmartComponent({
114
114
  if (!nodesRef) {
115
115
  return Promise.reject(new Error('not found container'));
116
116
  }
117
- return new Promise((resolve) => nodesRef.boundingClientRect(resolve).exec());
117
+ return new Promise(resolve => nodesRef.boundingClientRect(resolve).exec());
118
118
  },
119
119
  },
120
120
  });
@@ -0,0 +1 @@
1
+ export {};