persagy-vant 0.0.23 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (319) hide show
  1. package/es/action-sheet/index.css +1 -1
  2. package/es/action-sheet/index.d.ts +0 -63
  3. package/es/action-sheet/index.less +0 -96
  4. package/es/action-sheet/index.mjs +0 -3
  5. package/es/action-sheet/style/index.mjs +0 -8
  6. package/es/action-sheet/style/less.mjs +0 -8
  7. package/es/background/Background.d.ts +23 -0
  8. package/es/background/Background.mjs +23 -0
  9. package/es/background/assets/background-default.png +0 -0
  10. package/es/background/assets/background-light.png +0 -0
  11. package/es/background/assets/background-style-1.png +0 -0
  12. package/es/background/assets/background-style-2.png +0 -0
  13. package/es/background/assets/background-style-3.png +0 -0
  14. package/es/background/index.css +1 -0
  15. package/es/background/index.d.ts +21 -0
  16. package/es/background/index.less +41 -0
  17. package/es/background/index.mjs +8 -0
  18. package/es/background/style/index.d.ts +1 -0
  19. package/es/background/style/index.mjs +2 -0
  20. package/es/background/style/less.d.ts +1 -0
  21. package/es/background/style/less.mjs +2 -0
  22. package/es/background/types.d.ts +1 -0
  23. package/es/background/types.mjs +0 -0
  24. package/es/background/var.css +0 -0
  25. package/es/background/var.less +6 -0
  26. package/es/cascader/style/index.mjs +0 -8
  27. package/es/cascader/style/less.mjs +0 -8
  28. package/es/{action-sheet/ActionSheetPanel.d.ts → checkbox-panel/CheckboxPanel.d.ts} +11 -26
  29. package/es/checkbox-panel/CheckboxPanel.mjs +100 -0
  30. package/es/checkbox-panel/index.css +1 -0
  31. package/es/checkbox-panel/index.d.ts +58 -0
  32. package/es/checkbox-panel/index.less +26 -0
  33. package/es/checkbox-panel/index.mjs +8 -0
  34. package/es/checkbox-panel/style/index.d.ts +1 -0
  35. package/es/checkbox-panel/style/index.mjs +16 -0
  36. package/es/checkbox-panel/style/less.d.ts +1 -0
  37. package/es/checkbox-panel/style/less.mjs +16 -0
  38. package/es/coupon-list/style/index.mjs +1 -3
  39. package/es/coupon-list/style/less.mjs +1 -3
  40. package/es/datetime-picker/DatetimePicker.mjs +1 -3
  41. package/es/field/Field.d.ts +17 -4
  42. package/es/field/Field.mjs +1 -1
  43. package/es/field/index.d.ts +9 -2
  44. package/es/filter-tag/FilterTag.d.ts +14 -0
  45. package/es/filter-tag/FilterTag.mjs +6 -1
  46. package/es/filter-tag/index.css +1 -1
  47. package/es/filter-tag/index.d.ts +10 -1
  48. package/es/filter-tag/index.less +16 -0
  49. package/es/filter-tag/var.less +5 -0
  50. package/es/floor-select/FloorSelect.d.ts +38 -0
  51. package/es/floor-select/FloorSelect.mjs +234 -0
  52. package/es/floor-select/index.css +1 -0
  53. package/es/floor-select/index.d.ts +32 -0
  54. package/es/floor-select/index.less +57 -0
  55. package/es/floor-select/index.mjs +8 -0
  56. package/es/floor-select/style/index.d.ts +1 -0
  57. package/es/floor-select/style/index.mjs +20 -0
  58. package/es/floor-select/style/less.d.ts +1 -0
  59. package/es/floor-select/style/less.mjs +20 -0
  60. package/es/floor-select/types.d.ts +18 -0
  61. package/es/floor-select/types.mjs +0 -0
  62. package/es/fonts/meri-mobile-icon.ttf +0 -0
  63. package/es/fonts/meri-mobile-icon.woff +0 -0
  64. package/es/fonts/meri-mobile-icon.woff2 +0 -0
  65. package/es/form-panel/FormPanel.d.ts +32 -0
  66. package/es/form-panel/FormPanel.mjs +64 -0
  67. package/es/form-panel/index.css +1 -0
  68. package/es/form-panel/index.d.ts +28 -0
  69. package/es/form-panel/index.less +95 -0
  70. package/es/form-panel/index.mjs +8 -0
  71. package/es/form-panel/style/index.d.ts +1 -0
  72. package/es/form-panel/style/index.mjs +11 -0
  73. package/es/form-panel/style/less.d.ts +1 -0
  74. package/es/form-panel/style/less.mjs +11 -0
  75. package/es/friendly-tip/FriendlyTip.d.ts +86 -0
  76. package/es/friendly-tip/FriendlyTip.mjs +60 -0
  77. package/es/friendly-tip/index.css +1 -0
  78. package/es/friendly-tip/index.d.ts +64 -0
  79. package/es/friendly-tip/index.less +48 -0
  80. package/es/friendly-tip/index.mjs +8 -0
  81. package/es/friendly-tip/style/index.d.ts +1 -0
  82. package/es/friendly-tip/style/index.mjs +7 -0
  83. package/es/friendly-tip/style/less.d.ts +1 -0
  84. package/es/friendly-tip/style/less.mjs +7 -0
  85. package/es/friendly-tip/var.css +0 -0
  86. package/es/friendly-tip/var.less +10 -0
  87. package/es/index.d.ts +7 -1
  88. package/es/index.mjs +19 -1
  89. package/es/location-select/style/index.mjs +1 -1
  90. package/es/location-select/style/less.mjs +1 -1
  91. package/es/material-add/MaterialAdd.d.ts +14 -1
  92. package/es/material-add/MaterialAdd.mjs +98 -50
  93. package/es/material-add/index.d.ts +10 -1
  94. package/es/material-add/style/index.mjs +1 -1
  95. package/es/material-add/style/less.mjs +1 -1
  96. package/es/material-add/types.d.ts +9 -0
  97. package/es/multi-person-select/MultiPersonSelect.d.ts +1 -1
  98. package/es/multi-person-select/index.d.ts +1 -1
  99. package/es/multi-person-select/style/index.mjs +1 -1
  100. package/es/multi-person-select/style/less.mjs +1 -1
  101. package/es/notify/index.css +1 -1
  102. package/es/notify/index.less +10 -0
  103. package/es/notify/var.less +3 -0
  104. package/es/object-select/style/index.mjs +1 -1
  105. package/es/object-select/style/less.mjs +1 -1
  106. package/es/popover/Popover.mjs +5 -4
  107. package/es/popover/index.css +1 -1
  108. package/es/popover/index.less +12 -5
  109. package/es/popover/var.less +1 -1
  110. package/es/quantity-input/QuantityInput.d.ts +1 -1
  111. package/es/quantity-input/index.d.ts +2 -2
  112. package/es/radio-panel/RadioPanel.d.ts +41 -0
  113. package/es/radio-panel/RadioPanel.mjs +71 -0
  114. package/es/radio-panel/index.css +1 -0
  115. package/es/radio-panel/index.d.ts +31 -0
  116. package/es/radio-panel/index.less +26 -0
  117. package/es/radio-panel/index.mjs +8 -0
  118. package/es/radio-panel/style/index.d.ts +1 -0
  119. package/es/radio-panel/style/index.mjs +15 -0
  120. package/es/radio-panel/style/less.d.ts +1 -0
  121. package/es/radio-panel/style/less.mjs +15 -0
  122. package/es/rate/Rate.d.ts +1 -1
  123. package/es/rate/Rate.mjs +2 -1
  124. package/es/rate/RateCell.d.ts +196 -0
  125. package/es/rate/RateCell.mjs +60 -0
  126. package/es/rate/index.css +1 -1
  127. package/es/rate/index.d.ts +136 -0
  128. package/es/rate/index.less +35 -0
  129. package/es/rate/index.mjs +8 -0
  130. package/es/rate/style/index.mjs +5 -0
  131. package/es/rate/style/less.mjs +5 -0
  132. package/es/rate/var.less +1 -1
  133. package/es/search/Search.d.ts +13 -3
  134. package/es/search/index.d.ts +9 -2
  135. package/es/single-person-select/style/index.mjs +1 -2
  136. package/es/single-person-select/style/less.mjs +1 -2
  137. package/es/style/base.css +1 -1
  138. package/es/style/css-variables.css +1 -1
  139. package/es/style/css-variables.less +10 -0
  140. package/es/tab/style/index.mjs +0 -8
  141. package/es/tab/style/less.mjs +0 -8
  142. package/es/tabbar/index.css +1 -1
  143. package/es/tabbar/var.less +1 -1
  144. package/es/tabs/Tabs.mjs +5 -1
  145. package/es/tabs/index.css +1 -1
  146. package/es/tabs/index.less +4 -0
  147. package/es/tabs/style/index.mjs +0 -8
  148. package/es/tabs/style/less.mjs +0 -8
  149. package/es/tag/Tag.d.ts +13 -3
  150. package/es/tag/Tag.mjs +1 -1
  151. package/es/tag/index.d.ts +9 -2
  152. package/es/work-order-filter/style/index.mjs +1 -1
  153. package/es/work-order-filter/style/less.mjs +1 -1
  154. package/lib/action-sheet/index.css +1 -1
  155. package/lib/action-sheet/index.d.ts +0 -63
  156. package/lib/action-sheet/index.js +0 -3
  157. package/lib/action-sheet/index.less +0 -96
  158. package/lib/action-sheet/style/index.js +0 -8
  159. package/lib/action-sheet/style/less.js +0 -8
  160. package/lib/background/Background.d.ts +23 -0
  161. package/lib/background/Background.js +42 -0
  162. package/lib/background/assets/background-default.png +0 -0
  163. package/lib/background/assets/background-light.png +0 -0
  164. package/lib/background/assets/background-style-1.png +0 -0
  165. package/lib/background/assets/background-style-2.png +0 -0
  166. package/lib/background/assets/background-style-3.png +0 -0
  167. package/lib/background/index.css +1 -0
  168. package/lib/background/index.d.ts +21 -0
  169. package/lib/background/index.js +37 -0
  170. package/lib/background/index.less +41 -0
  171. package/lib/background/style/index.d.ts +1 -0
  172. package/lib/background/style/index.js +2 -0
  173. package/lib/background/style/less.d.ts +1 -0
  174. package/lib/background/style/less.js +2 -0
  175. package/lib/background/types.d.ts +1 -0
  176. package/lib/background/types.js +15 -0
  177. package/lib/background/var.css +0 -0
  178. package/lib/background/var.less +6 -0
  179. package/lib/cascader/style/index.js +0 -8
  180. package/lib/cascader/style/less.js +0 -8
  181. package/lib/{action-sheet/ActionSheetPanel.d.ts → checkbox-panel/CheckboxPanel.d.ts} +11 -26
  182. package/lib/checkbox-panel/CheckboxPanel.js +119 -0
  183. package/lib/checkbox-panel/index.css +1 -0
  184. package/lib/checkbox-panel/index.d.ts +58 -0
  185. package/lib/checkbox-panel/index.js +37 -0
  186. package/lib/checkbox-panel/index.less +26 -0
  187. package/lib/checkbox-panel/style/index.d.ts +1 -0
  188. package/lib/checkbox-panel/style/index.js +16 -0
  189. package/lib/checkbox-panel/style/less.d.ts +1 -0
  190. package/lib/checkbox-panel/style/less.js +16 -0
  191. package/lib/coupon-list/style/index.js +1 -3
  192. package/lib/coupon-list/style/less.js +1 -3
  193. package/lib/datetime-picker/DatetimePicker.js +1 -3
  194. package/lib/field/Field.d.ts +17 -4
  195. package/lib/field/Field.js +1 -1
  196. package/lib/field/index.d.ts +9 -2
  197. package/lib/filter-tag/FilterTag.d.ts +14 -0
  198. package/lib/filter-tag/FilterTag.js +6 -1
  199. package/lib/filter-tag/index.css +1 -1
  200. package/lib/filter-tag/index.d.ts +10 -1
  201. package/lib/filter-tag/index.less +16 -0
  202. package/lib/filter-tag/var.less +5 -0
  203. package/lib/floor-select/FloorSelect.d.ts +38 -0
  204. package/lib/floor-select/FloorSelect.js +253 -0
  205. package/lib/floor-select/index.css +1 -0
  206. package/lib/floor-select/index.d.ts +32 -0
  207. package/lib/floor-select/index.js +37 -0
  208. package/lib/floor-select/index.less +57 -0
  209. package/lib/floor-select/style/index.d.ts +1 -0
  210. package/lib/floor-select/style/index.js +20 -0
  211. package/lib/floor-select/style/less.d.ts +1 -0
  212. package/lib/floor-select/style/less.js +20 -0
  213. package/lib/floor-select/types.d.ts +18 -0
  214. package/lib/floor-select/types.js +15 -0
  215. package/lib/fonts/meri-mobile-icon.ttf +0 -0
  216. package/lib/fonts/meri-mobile-icon.woff +0 -0
  217. package/lib/fonts/meri-mobile-icon.woff2 +0 -0
  218. package/lib/form-panel/FormPanel.d.ts +32 -0
  219. package/lib/form-panel/FormPanel.js +83 -0
  220. package/lib/form-panel/index.css +1 -0
  221. package/lib/form-panel/index.d.ts +28 -0
  222. package/lib/form-panel/index.js +37 -0
  223. package/lib/form-panel/index.less +95 -0
  224. package/lib/form-panel/style/index.d.ts +1 -0
  225. package/lib/form-panel/style/index.js +11 -0
  226. package/lib/form-panel/style/less.d.ts +1 -0
  227. package/lib/form-panel/style/less.js +11 -0
  228. package/lib/friendly-tip/FriendlyTip.d.ts +86 -0
  229. package/lib/friendly-tip/FriendlyTip.js +79 -0
  230. package/lib/friendly-tip/index.css +1 -0
  231. package/lib/friendly-tip/index.d.ts +64 -0
  232. package/lib/friendly-tip/index.js +37 -0
  233. package/lib/friendly-tip/index.less +48 -0
  234. package/lib/friendly-tip/style/index.d.ts +1 -0
  235. package/lib/friendly-tip/style/index.js +7 -0
  236. package/lib/friendly-tip/style/less.d.ts +1 -0
  237. package/lib/friendly-tip/style/less.js +7 -0
  238. package/lib/friendly-tip/var.css +0 -0
  239. package/lib/friendly-tip/var.less +10 -0
  240. package/lib/index.css +1 -1
  241. package/lib/index.d.ts +7 -1
  242. package/lib/index.js +19 -1
  243. package/lib/index.less +15 -9
  244. package/lib/location-select/style/index.js +1 -1
  245. package/lib/location-select/style/less.js +1 -1
  246. package/lib/material-add/MaterialAdd.d.ts +14 -1
  247. package/lib/material-add/MaterialAdd.js +98 -50
  248. package/lib/material-add/index.d.ts +10 -1
  249. package/lib/material-add/style/index.js +1 -1
  250. package/lib/material-add/style/less.js +1 -1
  251. package/lib/material-add/types.d.ts +9 -0
  252. package/lib/multi-person-select/MultiPersonSelect.d.ts +1 -1
  253. package/lib/multi-person-select/index.d.ts +1 -1
  254. package/lib/multi-person-select/style/index.js +1 -1
  255. package/lib/multi-person-select/style/less.js +1 -1
  256. package/lib/notify/index.css +1 -1
  257. package/lib/notify/index.less +10 -0
  258. package/lib/notify/var.less +3 -0
  259. package/lib/object-select/style/index.js +1 -1
  260. package/lib/object-select/style/less.js +1 -1
  261. package/lib/popover/Popover.js +5 -4
  262. package/lib/popover/index.css +1 -1
  263. package/lib/popover/index.less +12 -5
  264. package/lib/popover/var.less +1 -1
  265. package/lib/quantity-input/QuantityInput.d.ts +1 -1
  266. package/lib/quantity-input/index.d.ts +2 -2
  267. package/lib/radio-panel/RadioPanel.d.ts +41 -0
  268. package/lib/radio-panel/RadioPanel.js +90 -0
  269. package/lib/radio-panel/index.css +1 -0
  270. package/lib/radio-panel/index.d.ts +31 -0
  271. package/lib/radio-panel/index.js +37 -0
  272. package/lib/radio-panel/index.less +26 -0
  273. package/lib/radio-panel/style/index.d.ts +1 -0
  274. package/lib/radio-panel/style/index.js +15 -0
  275. package/lib/radio-panel/style/less.d.ts +1 -0
  276. package/lib/radio-panel/style/less.js +15 -0
  277. package/lib/rate/Rate.d.ts +1 -1
  278. package/lib/rate/Rate.js +2 -1
  279. package/lib/rate/RateCell.d.ts +196 -0
  280. package/lib/rate/RateCell.js +89 -0
  281. package/lib/rate/index.css +1 -1
  282. package/lib/rate/index.d.ts +136 -0
  283. package/lib/rate/index.js +8 -0
  284. package/lib/rate/index.less +35 -0
  285. package/lib/rate/style/index.js +5 -0
  286. package/lib/rate/style/less.js +5 -0
  287. package/lib/rate/var.less +1 -1
  288. package/lib/search/Search.d.ts +13 -3
  289. package/lib/search/index.d.ts +9 -2
  290. package/lib/single-person-select/style/index.js +1 -2
  291. package/lib/single-person-select/style/less.js +1 -2
  292. package/lib/style/base.css +1 -1
  293. package/lib/style/css-variables.css +1 -1
  294. package/lib/style/css-variables.less +10 -0
  295. package/lib/tab/style/index.js +0 -8
  296. package/lib/tab/style/less.js +0 -8
  297. package/lib/tabbar/index.css +1 -1
  298. package/lib/tabbar/var.less +1 -1
  299. package/lib/tabs/Tabs.js +5 -1
  300. package/lib/tabs/index.css +1 -1
  301. package/lib/tabs/index.less +4 -0
  302. package/lib/tabs/style/index.js +0 -8
  303. package/lib/tabs/style/less.js +0 -8
  304. package/lib/tag/Tag.d.ts +13 -3
  305. package/lib/tag/Tag.js +1 -1
  306. package/lib/tag/index.d.ts +9 -2
  307. package/lib/vant.cjs.js +2919 -2420
  308. package/lib/vant.es.js +2920 -2421
  309. package/lib/vant.js +5375 -4876
  310. package/lib/vant.min.js +1 -1
  311. package/lib/web-types.json +1 -1
  312. package/lib/work-order-filter/style/index.js +1 -1
  313. package/lib/work-order-filter/style/less.js +1 -1
  314. package/package.json +1 -1
  315. package/skills/use-persagy-vant/SKILL.md +7 -6
  316. package/skills/use-persagy-vant/references/design-interaction-baseline.md +71 -0
  317. package/skills/use-persagy-vant/references/page-recipes.md +11 -4
  318. package/es/action-sheet/ActionSheetPanel.mjs +0 -145
  319. package/lib/action-sheet/ActionSheetPanel.js +0 -174
@@ -0,0 +1,89 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name2 in all)
9
+ __defProp(target, name2, { get: all[name2], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+ var stdin_exports = {};
29
+ __export(stdin_exports, {
30
+ default: () => stdin_default
31
+ });
32
+ module.exports = __toCommonJS(stdin_exports);
33
+ var import_vue = require("vue");
34
+ var import_utils = require("../utils");
35
+ var import_cell = require("../cell");
36
+ var import_Rate = __toESM(require("./Rate"));
37
+ const [name, bem] = (0, import_utils.createNamespace)("rate-cell");
38
+ const rateCellProps = (0, import_utils.extend)({}, import_Rate.rateProps, {
39
+ size: (0, import_utils.makeNumericProp)(22),
40
+ gutter: (0, import_utils.makeNumericProp)(6),
41
+ title: (0, import_utils.makeStringProp)("\u670D\u52A1\u6EE1\u610F\u5EA6"),
42
+ required: Boolean,
43
+ description: String,
44
+ showDescription: import_utils.truthProp,
45
+ layout: {
46
+ type: String,
47
+ default: "default"
48
+ },
49
+ border: import_utils.truthProp
50
+ });
51
+ var stdin_default = (0, import_vue.defineComponent)({
52
+ name,
53
+ props: rateCellProps,
54
+ emits: ["change", "update:modelValue"],
55
+ setup(props, {
56
+ emit
57
+ }) {
58
+ const renderRate = () => (0, import_vue.createVNode)(import_Rate.default, {
59
+ "modelValue": props.modelValue,
60
+ "size": props.size,
61
+ "icon": props.icon,
62
+ "color": props.color,
63
+ "count": props.count,
64
+ "gutter": props.gutter,
65
+ "readonly": props.readonly,
66
+ "disabled": props.disabled,
67
+ "voidIcon": props.voidIcon,
68
+ "allowHalf": props.allowHalf,
69
+ "voidColor": props.voidColor,
70
+ "touchable": props.touchable,
71
+ "iconPrefix": props.iconPrefix,
72
+ "disabledColor": props.disabledColor,
73
+ "onChange": (value) => emit("change", value),
74
+ "onUpdate:modelValue": (value) => emit("update:modelValue", value)
75
+ }, null);
76
+ return () => (0, import_vue.createVNode)(import_cell.Cell, {
77
+ "title": props.title,
78
+ "required": props.required,
79
+ "border": props.border,
80
+ "class": bem(props.layout)
81
+ }, {
82
+ value: () => (0, import_vue.createVNode)("div", {
83
+ "class": bem("content")
84
+ }, [renderRate(), props.layout === "default" && props.showDescription && props.description && (0, import_vue.createVNode)("span", {
85
+ "class": bem("description")
86
+ }, [props.description])])
87
+ });
88
+ }
89
+ });
@@ -1 +1 @@
1
- :root{--van-rate-icon-size: 20px;--van-rate-icon-gutter: var(--van-padding-base);--van-rate-icon-void-color: var(--van-gray-5);--van-rate-icon-full-color: var(--van-primary-color);--van-rate-icon-disabled-color: var(--van-gray-5)}.van-rate{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:var(--van-rate-icon-gutter)}.van-rate__icon{display:block;width:1em;color:var(--van-rate-icon-void-color);font-size:var(--van-rate-icon-size)}.van-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.van-rate__icon--full{color:var(--van-rate-icon-full-color)}.van-rate__icon--disabled{color:var(--van-rate-icon-disabled-color)}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}
1
+ :root{--van-rate-icon-size: 20px;--van-rate-icon-gutter: var(--van-padding-base);--van-rate-icon-void-color: var(--van-gray-5);--van-rate-icon-full-color: var(--van-orange-500);--van-rate-icon-disabled-color: var(--van-gray-5)}.van-rate{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:var(--van-rate-icon-gutter)}.van-rate__icon{display:block;width:1em;color:var(--van-rate-icon-void-color);font-size:var(--van-rate-icon-size)}.van-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.van-rate__icon--full{color:var(--van-rate-icon-full-color)}.van-rate__icon--disabled{color:var(--van-rate-icon-disabled-color)}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}.van-rate-cell__content{display:flex;align-items:center}.van-rate-cell--default .van-cell__title{flex:none}.van-rate-cell--default .van-cell__value{display:flex;align-items:center;margin-left:var(--van-padding-sm);text-align:left}.van-rate-cell__description{margin-left:var(--van-padding-sm);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-rate-cell--between .van-cell__value{display:flex;justify-content:flex-end}
@@ -71,10 +71,146 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
71
71
  voidIcon: string;
72
72
  allowHalf: boolean;
73
73
  }>>;
74
+ export declare const RateCell: import("../utils").WithInstall<import("vue").DefineComponent<{
75
+ size: (NumberConstructor | StringConstructor)[];
76
+ icon: {
77
+ type: import("vue").PropType<string>;
78
+ default: string;
79
+ };
80
+ color: StringConstructor;
81
+ count: {
82
+ type: (NumberConstructor | StringConstructor)[];
83
+ default: number;
84
+ };
85
+ gutter: (NumberConstructor | StringConstructor)[];
86
+ readonly: BooleanConstructor;
87
+ disabled: BooleanConstructor;
88
+ voidIcon: {
89
+ type: import("vue").PropType<string>;
90
+ default: string;
91
+ };
92
+ allowHalf: BooleanConstructor;
93
+ voidColor: StringConstructor;
94
+ touchable: {
95
+ type: BooleanConstructor;
96
+ default: true;
97
+ };
98
+ iconPrefix: StringConstructor;
99
+ modelValue: {
100
+ type: NumberConstructor;
101
+ default: number;
102
+ };
103
+ disabledColor: StringConstructor;
104
+ } & {
105
+ size: {
106
+ type: (NumberConstructor | StringConstructor)[];
107
+ default: number;
108
+ };
109
+ gutter: {
110
+ type: (NumberConstructor | StringConstructor)[];
111
+ default: number;
112
+ };
113
+ title: {
114
+ type: import("vue").PropType<string>;
115
+ default: string;
116
+ };
117
+ required: BooleanConstructor;
118
+ description: StringConstructor;
119
+ showDescription: {
120
+ type: BooleanConstructor;
121
+ default: true;
122
+ };
123
+ layout: {
124
+ type: import("vue").PropType<import("./RateCell").RateCellLayout>;
125
+ default: import("./RateCell").RateCellLayout;
126
+ };
127
+ border: {
128
+ type: BooleanConstructor;
129
+ default: true;
130
+ };
131
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
132
+ size: (NumberConstructor | StringConstructor)[];
133
+ icon: {
134
+ type: import("vue").PropType<string>;
135
+ default: string;
136
+ };
137
+ color: StringConstructor;
138
+ count: {
139
+ type: (NumberConstructor | StringConstructor)[];
140
+ default: number;
141
+ };
142
+ gutter: (NumberConstructor | StringConstructor)[];
143
+ readonly: BooleanConstructor;
144
+ disabled: BooleanConstructor;
145
+ voidIcon: {
146
+ type: import("vue").PropType<string>;
147
+ default: string;
148
+ };
149
+ allowHalf: BooleanConstructor;
150
+ voidColor: StringConstructor;
151
+ touchable: {
152
+ type: BooleanConstructor;
153
+ default: true;
154
+ };
155
+ iconPrefix: StringConstructor;
156
+ modelValue: {
157
+ type: NumberConstructor;
158
+ default: number;
159
+ };
160
+ disabledColor: StringConstructor;
161
+ } & {
162
+ size: {
163
+ type: (NumberConstructor | StringConstructor)[];
164
+ default: number;
165
+ };
166
+ gutter: {
167
+ type: (NumberConstructor | StringConstructor)[];
168
+ default: number;
169
+ };
170
+ title: {
171
+ type: import("vue").PropType<string>;
172
+ default: string;
173
+ };
174
+ required: BooleanConstructor;
175
+ description: StringConstructor;
176
+ showDescription: {
177
+ type: BooleanConstructor;
178
+ default: true;
179
+ };
180
+ layout: {
181
+ type: import("vue").PropType<import("./RateCell").RateCellLayout>;
182
+ default: import("./RateCell").RateCellLayout;
183
+ };
184
+ border: {
185
+ type: BooleanConstructor;
186
+ default: true;
187
+ };
188
+ }>> & {
189
+ onChange?: ((...args: any[]) => any) | undefined;
190
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
191
+ }, {
192
+ required: boolean;
193
+ title: string;
194
+ icon: string;
195
+ size: string | number;
196
+ border: boolean;
197
+ disabled: boolean;
198
+ modelValue: number;
199
+ readonly: boolean;
200
+ layout: import("./RateCell").RateCellLayout;
201
+ touchable: boolean;
202
+ count: string | number;
203
+ gutter: string | number;
204
+ voidIcon: string;
205
+ allowHalf: boolean;
206
+ showDescription: boolean;
207
+ }>>;
74
208
  export default Rate;
75
209
  export type { RateProps } from './Rate';
210
+ export type { RateCellLayout, RateCellProps } from './RateCell';
76
211
  declare module 'vue' {
77
212
  interface GlobalComponents {
78
213
  VanRate: typeof Rate;
214
+ VanRateCell: typeof RateCell;
79
215
  }
80
216
  }
package/lib/rate/index.js CHANGED
@@ -28,10 +28,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
28
28
  var stdin_exports = {};
29
29
  __export(stdin_exports, {
30
30
  Rate: () => Rate,
31
+ RateCell: () => RateCell,
31
32
  default: () => stdin_default
32
33
  });
33
34
  module.exports = __toCommonJS(stdin_exports);
34
35
  var import_utils = require("../utils");
35
36
  var import_Rate = __toESM(require("./Rate"));
37
+ var import_RateCell = __toESM(require("./RateCell"));
36
38
  const Rate = (0, import_utils.withInstall)(import_Rate.default);
39
+ const RateCell = (0, import_utils.withInstall)(import_RateCell.default);
40
+ const installRate = Rate.install;
41
+ Rate.install = (app) => {
42
+ installRate(app);
43
+ app.use(RateCell);
44
+ };
37
45
  var stdin_default = Rate;
@@ -52,3 +52,38 @@
52
52
  cursor: default;
53
53
  }
54
54
  }
55
+
56
+ .van-rate-cell {
57
+ &__content {
58
+ display: flex;
59
+ align-items: center;
60
+ }
61
+
62
+ &--default {
63
+ .van-cell__title {
64
+ flex: none;
65
+ }
66
+
67
+ .van-cell__value {
68
+ display: flex;
69
+ align-items: center;
70
+ margin-left: var(--van-padding-sm);
71
+ text-align: left;
72
+ }
73
+ }
74
+
75
+ &__description {
76
+ margin-left: var(--van-padding-sm);
77
+ color: var(--van-text-color-2);
78
+ font-size: var(--van-font-size-md);
79
+ line-height: var(--van-cell-line-height);
80
+ white-space: nowrap;
81
+ }
82
+
83
+ &--between {
84
+ .van-cell__value {
85
+ display: flex;
86
+ justify-content: flex-end;
87
+ }
88
+ }
89
+ }
@@ -1,4 +1,9 @@
1
1
  require("../../style/base.css");
2
2
  require("../../badge/index.css");
3
3
  require("../../icon/index.css");
4
+ require("../../checkbox-group/index.css");
5
+ require("../../checkbox/index.css");
6
+ require("../../radio-group/index.css");
7
+ require("../../radio/index.css");
8
+ require("../../cell/index.css");
4
9
  require("../index.css");
@@ -1,4 +1,9 @@
1
1
  require("../../style/base.less");
2
2
  require("../../badge/index.less");
3
3
  require("../../icon/index.less");
4
+ require("../../checkbox-group/index.less");
5
+ require("../../checkbox/index.less");
6
+ require("../../radio-group/index.less");
7
+ require("../../radio/index.less");
8
+ require("../../cell/index.less");
4
9
  require("../index.less");
package/lib/rate/var.less CHANGED
@@ -3,5 +3,5 @@
3
3
  @rate-icon-size: 20px;
4
4
  @rate-icon-gutter: var(--van-padding-base);
5
5
  @rate-icon-void-color: var(--van-gray-5);
6
- @rate-icon-full-color: var(--van-primary-color);
6
+ @rate-icon-full-color: var(--van-orange-500);
7
7
  @rate-icon-disabled-color: var(--van-gray-5);
@@ -17,7 +17,10 @@ declare const searchProps: {
17
17
  type: (NumberConstructor | StringConstructor)[];
18
18
  default: string;
19
19
  };
20
- inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
20
+ inputAlign: {
21
+ type: import("vue").PropType<import("../field").FieldTextAlign>;
22
+ default: import("../field").FieldTextAlign;
23
+ };
21
24
  placeholder: StringConstructor;
22
25
  autocomplete: StringConstructor;
23
26
  errorMessage: StringConstructor;
@@ -78,7 +81,10 @@ declare const _default: import("vue").DefineComponent<{
78
81
  type: (NumberConstructor | StringConstructor)[];
79
82
  default: string;
80
83
  };
81
- inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
84
+ inputAlign: {
85
+ type: import("vue").PropType<import("../field").FieldTextAlign>;
86
+ default: import("../field").FieldTextAlign;
87
+ };
82
88
  placeholder: StringConstructor;
83
89
  autocomplete: StringConstructor;
84
90
  errorMessage: StringConstructor;
@@ -137,7 +143,10 @@ declare const _default: import("vue").DefineComponent<{
137
143
  type: (NumberConstructor | StringConstructor)[];
138
144
  default: string;
139
145
  };
140
- inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
146
+ inputAlign: {
147
+ type: import("vue").PropType<import("../field").FieldTextAlign>;
148
+ default: import("../field").FieldTextAlign;
149
+ };
141
150
  placeholder: StringConstructor;
142
151
  autocomplete: StringConstructor;
143
152
  errorMessage: StringConstructor;
@@ -197,6 +206,7 @@ declare const _default: import("vue").DefineComponent<{
197
206
  leftIcon: string;
198
207
  clearable: boolean;
199
208
  clearIcon: string;
209
+ inputAlign: import("../field").FieldTextAlign;
200
210
  clearTrigger: import("../field").FieldClearTrigger;
201
211
  formatTrigger: import("../field").FieldFormatTrigger;
202
212
  error: boolean;
@@ -16,7 +16,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
16
16
  type: (NumberConstructor | StringConstructor)[];
17
17
  default: string;
18
18
  };
19
- inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
19
+ inputAlign: {
20
+ type: import("vue").PropType<import("..").FieldTextAlign>;
21
+ default: import("..").FieldTextAlign;
22
+ };
20
23
  placeholder: StringConstructor;
21
24
  autocomplete: StringConstructor;
22
25
  errorMessage: StringConstructor;
@@ -75,7 +78,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
75
78
  type: (NumberConstructor | StringConstructor)[];
76
79
  default: string;
77
80
  };
78
- inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
81
+ inputAlign: {
82
+ type: import("vue").PropType<import("..").FieldTextAlign>;
83
+ default: import("..").FieldTextAlign;
84
+ };
79
85
  placeholder: StringConstructor;
80
86
  autocomplete: StringConstructor;
81
87
  errorMessage: StringConstructor;
@@ -135,6 +141,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
135
141
  leftIcon: string;
136
142
  clearable: boolean;
137
143
  clearIcon: string;
144
+ inputAlign: import("..").FieldTextAlign;
138
145
  clearTrigger: import("..").FieldClearTrigger;
139
146
  formatTrigger: import("..").FieldFormatTrigger;
140
147
  error: boolean;
@@ -3,11 +3,11 @@ require("../../badge/index.css");
3
3
  require("../../icon/index.css");
4
4
  require("../../blue-mark/index.css");
5
5
  require("../../loading/index.css");
6
- require("../../button/index.css");
7
6
  require("../../overlay/index.css");
8
7
  require("../../popup/index.css");
9
8
  require("../../popover/index.css");
10
9
  require("../../nav-bar/index.css");
10
+ require("../../action-sheet/index.css");
11
11
  require("../../checkbox-group/index.css");
12
12
  require("../../checkbox/index.css");
13
13
  require("../../radio-group/index.css");
@@ -15,5 +15,4 @@ require("../../radio/index.css");
15
15
  require("../../cell/index.css");
16
16
  require("../../field/index.css");
17
17
  require("../../search/index.css");
18
- require("../../action-sheet/index.css");
19
18
  require("../index.css");
@@ -3,11 +3,11 @@ require("../../badge/index.less");
3
3
  require("../../icon/index.less");
4
4
  require("../../blue-mark/index.less");
5
5
  require("../../loading/index.less");
6
- require("../../button/index.less");
7
6
  require("../../overlay/index.less");
8
7
  require("../../popup/index.less");
9
8
  require("../../popover/index.less");
10
9
  require("../../nav-bar/index.less");
10
+ require("../../action-sheet/index.less");
11
11
  require("../../checkbox-group/index.less");
12
12
  require("../../checkbox/index.less");
13
13
  require("../../radio-group/index.less");
@@ -15,5 +15,4 @@ require("../../radio/index.less");
15
15
  require("../../cell/index.less");
16
16
  require("../../field/index.less");
17
17
  require("../../search/index.less");
18
- require("../../action-sheet/index.less");
19
18
  require("../index.less");
@@ -1 +1 @@
1
- :root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-3);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
1
+ :root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-3);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
@@ -1 +1 @@
1
- :root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-3);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}
1
+ :root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-3);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}
@@ -135,3 +135,13 @@
135
135
  --van-border-radius-lg: @border-radius-lg;
136
136
  --van-border-radius-max: @border-radius-max;
137
137
  }
138
+
139
+ :root.van-theme-dark {
140
+ --van-text-color: #f1f4f6;
141
+ --van-text-color-2: #c4c9cf;
142
+ --van-text-color-3: #8b949e;
143
+ --van-active-color: #2e3742;
144
+ --van-background-color: #151a20;
145
+ --van-background-color-light: #1b2129;
146
+ --van-border-color: #424c59;
147
+ }
@@ -2,16 +2,8 @@ require("../../style/base.css");
2
2
  require("../../badge/index.css");
3
3
  require("../../icon/index.css");
4
4
  require("../../loading/index.css");
5
- require("../../button/index.css");
6
5
  require("../../overlay/index.css");
7
6
  require("../../popup/index.css");
8
- require("../../popover/index.css");
9
- require("../../nav-bar/index.css");
10
- require("../../checkbox-group/index.css");
11
- require("../../checkbox/index.css");
12
- require("../../radio-group/index.css");
13
- require("../../radio/index.css");
14
- require("../../cell/index.css");
15
7
  require("../../action-sheet/index.css");
16
8
  require("../../sticky/index.css");
17
9
  require("../../swipe/index.css");
@@ -2,16 +2,8 @@ require("../../style/base.less");
2
2
  require("../../badge/index.less");
3
3
  require("../../icon/index.less");
4
4
  require("../../loading/index.less");
5
- require("../../button/index.less");
6
5
  require("../../overlay/index.less");
7
6
  require("../../popup/index.less");
8
- require("../../popover/index.less");
9
- require("../../nav-bar/index.less");
10
- require("../../checkbox-group/index.less");
11
- require("../../checkbox/index.less");
12
- require("../../radio-group/index.less");
13
- require("../../radio/index.less");
14
- require("../../cell/index.less");
15
7
  require("../../action-sheet/index.less");
16
8
  require("../../sticky/index.less");
17
9
  require("../../swipe/index.less");
@@ -1 +1 @@
1
- :root{--van-tabbar-height: 50px;--van-tabbar-z-index: 1;--van-tabbar-background-color: var(--van-background-color-light)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background-color)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}
1
+ :root{--van-tabbar-height: 60px;--van-tabbar-z-index: 1;--van-tabbar-background-color: var(--van-background-color-light)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background-color)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}
@@ -1,5 +1,5 @@
1
1
  @import '../style/var.less';
2
2
 
3
- @tabbar-height: 50px;
3
+ @tabbar-height: 60px;
4
4
  @tabbar-z-index: 1;
5
5
  @tabbar-background-color: var(--van-background-color-light);
package/lib/tabs/Tabs.js CHANGED
@@ -114,6 +114,7 @@ var stdin_default = (0, import_vue.defineComponent)({
114
114
  const root = (0, import_vue.ref)();
115
115
  const navRef = (0, import_vue.ref)();
116
116
  const wrapRef = (0, import_vue.ref)();
117
+ const moreRef = (0, import_vue.ref)();
117
118
  const contentRef = (0, import_vue.ref)();
118
119
  const id = (0, import_use_id.useId)();
119
120
  const scroller = (0, import_use.useScrollParent)(root);
@@ -151,13 +152,15 @@ var stdin_default = (0, import_vue.defineComponent)({
151
152
  return 0;
152
153
  });
153
154
  const scrollIntoView = (immediate) => {
155
+ var _a2;
154
156
  const nav = navRef.value;
155
157
  const titles = titleRefs.value;
156
158
  if (!scrollable.value || !nav || !titles || !titles[state.currentIndex]) {
157
159
  return;
158
160
  }
159
161
  const title = titles[state.currentIndex].$el;
160
- const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
162
+ const availableWidth = nav.offsetWidth - (((_a2 = moreRef.value) == null ? void 0 : _a2.offsetWidth) || 0);
163
+ const to = title.offsetLeft - (availableWidth - title.offsetWidth) / 2;
161
164
  (0, import_utils2.scrollLeftTo)(nav, to, immediate ? 0 : +props.duration);
162
165
  };
163
166
  const setLine = () => {
@@ -366,6 +369,7 @@ var stdin_default = (0, import_vue.defineComponent)({
366
369
  "style": navStyle.value,
367
370
  "aria-orientation": "horizontal"
368
371
  }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)]), props.more && (0, import_vue.createVNode)("button", {
372
+ "ref": moreRef,
369
373
  "type": "button",
370
374
  "class": bem("more"),
371
375
  "aria-label": "More tabs",
@@ -1 +1 @@
1
- :root{--van-tab-text-color: var(--van-gray-7);--van-tab-active-text-color: var(--van-text-color);--van-tab-disabled-text-color: var(--van-text-color-3);--van-tab-font-size: var(--van-font-size-md);--van-tab-line-height: var(--van-line-height-md);--van-tabs-default-color: var(--van-primary-color);--van-tabs-line-height: 44px;--van-tabs-card-height: 30px;--van-tabs-nav-background-color: var(--van-background-color-light);--van-tabs-bottom-bar-width: 40px;--van-tabs-bottom-bar-height: 3px;--van-tabs-bottom-bar-color: var(--van-primary-color);--van-tabs-card-active-background-color: var(--van-gray-2);--van-tabs-card-border-color: var(--van-gray-5);--van-tabs-card-gray-background-color: var(--van-gray-1);--van-tabs-card-gray-active-background-color: var(--van-white);--van-tabs-card-gray-active-shadow: 0 2px 5px rgba(27, 33, 41, .1);--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg);--van-tabs-more-width: 44px;--van-tabs-more-icon-size: 18px}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{position:relative;z-index:1;height:var(--van-tabs-card-height);margin-right:-1px;padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7);border:var(--van-border-width-base) solid var(--van-tabs-card-border-color);background:var(--van-white)}.van-tab--card:first-child{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-tab--card:last-child{margin-right:0;border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-tab--card.van-tab--active{z-index:2;color:var(--van-tabs-default-color);border-color:var(--van-tabs-default-color);background-color:var(--van-tabs-card-active-background-color)}.van-tab--card.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab--card-gray{height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7)}.van-tab--card-gray.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-card-gray-active-background-color);box-shadow:var(--van-tabs-card-gray-active-shadow);border-radius:var(--van-border-radius-md)}.van-tab--card-gray.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter{flex:none;min-height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-sm);color:var(--van-gray-8);background:var(--van-tabs-filter-background-color);border-radius:var(--van-tabs-filter-border-radius)}.van-tab--filter.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-filter-active-background-color)}.van-tabs{position:relative}.van-tabs__wrap{position:relative;overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:0;border-radius:var(--van-border-radius-md);overflow:hidden;isolation:isolate}.van-tabs__nav--card.van-tabs__nav--shrink{display:inline-flex}.van-tabs__nav--card-gray{box-sizing:border-box;height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));margin:0 var(--van-padding-md);padding:var(--van-padding-base);background:var(--van-tabs-card-gray-background-color);border-radius:var(--van-border-radius-md);overflow:hidden}.van-tabs__nav--filter{box-sizing:border-box;min-height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));padding:var(--van-padding-xs) var(--van-padding-md);gap:6px}.van-tabs__nav--more{padding-right:var(--van-tabs-more-width)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs__more{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--van-tabs-more-width);padding:0;color:var(--van-tab-text-color);font:inherit;font-size:var(--van-tabs-more-icon-size);background:linear-gradient(270deg,var(--van-tabs-nav-background-color) 70%,transparent);border:0}.van-tabs__more:active{opacity:var(--van-active-opacity)}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}.van-tabs--card-gray{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card-gray>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}
1
+ :root{--van-tab-text-color: var(--van-gray-7);--van-tab-active-text-color: var(--van-text-color);--van-tab-disabled-text-color: var(--van-text-color-3);--van-tab-font-size: var(--van-font-size-md);--van-tab-line-height: var(--van-line-height-md);--van-tabs-default-color: var(--van-primary-color);--van-tabs-line-height: 44px;--van-tabs-card-height: 30px;--van-tabs-nav-background-color: var(--van-background-color-light);--van-tabs-bottom-bar-width: 40px;--van-tabs-bottom-bar-height: 3px;--van-tabs-bottom-bar-color: var(--van-primary-color);--van-tabs-card-active-background-color: var(--van-gray-2);--van-tabs-card-border-color: var(--van-gray-5);--van-tabs-card-gray-background-color: var(--van-gray-1);--van-tabs-card-gray-active-background-color: var(--van-white);--van-tabs-card-gray-active-shadow: 0 2px 5px rgba(27, 33, 41, .1);--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg);--van-tabs-more-width: 44px;--van-tabs-more-icon-size: 18px}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{position:relative;z-index:1;height:var(--van-tabs-card-height);margin-right:-1px;padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7);border:var(--van-border-width-base) solid var(--van-tabs-card-border-color);background:var(--van-white)}.van-tab--card:first-child{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-tab--card:last-child{margin-right:0;border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-tab--card.van-tab--active{z-index:2;color:var(--van-tabs-default-color);border-color:var(--van-tabs-default-color);background-color:var(--van-tabs-card-active-background-color)}.van-tab--card.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab--card-gray{height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7)}.van-tab--card-gray.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-card-gray-active-background-color);box-shadow:var(--van-tabs-card-gray-active-shadow);border-radius:var(--van-border-radius-md)}.van-tab--card-gray.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter{flex:none;min-height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-sm);color:var(--van-gray-8);background:var(--van-tabs-filter-background-color);border-radius:var(--van-tabs-filter-border-radius)}.van-tab--filter.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-filter-active-background-color)}.van-tabs{position:relative}.van-tabs__wrap{position:relative;overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:0;border-radius:var(--van-border-radius-md);overflow:hidden;isolation:isolate}.van-tabs__nav--card.van-tabs__nav--shrink{display:inline-flex}.van-tabs__nav--card-gray{box-sizing:border-box;height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));margin:0 var(--van-padding-md);padding:var(--van-padding-base);background:var(--van-tabs-card-gray-background-color);border-radius:var(--van-border-radius-md);overflow:hidden}.van-tabs__nav--filter{box-sizing:border-box;min-height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));padding:var(--van-padding-xs) var(--van-padding-md);gap:6px}.van-tabs__nav--more{padding-right:var(--van-tabs-more-width)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs__more{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--van-tabs-more-width);padding:0;color:var(--van-tab-text-color);font:inherit;font-size:var(--van-tabs-more-icon-size);background:linear-gradient(270deg,var(--van-tabs-nav-background-color) 70%,transparent);border:0}.van-tabs__more:active{opacity:var(--van-active-opacity)}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}.van-tabs--card-gray{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card-gray>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter .van-tabs__more{top:var(--van-padding-xs)}
@@ -299,5 +299,9 @@
299
299
  > .van-tabs__wrap {
300
300
  height: calc(var(--van-tabs-card-height) + var(--van-padding-xs));
301
301
  }
302
+
303
+ .van-tabs__more {
304
+ top: var(--van-padding-xs);
305
+ }
302
306
  }
303
307
  }