persagy-vant 0.0.41 → 0.0.43

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 (121) hide show
  1. package/es/action-sheet/ActionSheet.d.ts +4 -0
  2. package/es/action-sheet/ActionSheet.mjs +4 -1
  3. package/es/action-sheet/index.css +1 -1
  4. package/es/action-sheet/index.d.ts +3 -0
  5. package/es/action-sheet/index.less +4 -0
  6. package/es/blue-mark/BlueMarkHeader.d.ts +13 -0
  7. package/es/blue-mark/BlueMarkHeader.mjs +3 -1
  8. package/es/blue-mark/CollapseToggle.d.ts +13 -0
  9. package/es/blue-mark/CollapseToggle.mjs +5 -1
  10. package/es/blue-mark/index.d.ts +18 -0
  11. package/es/checkbox-panel/CheckboxPanel.d.ts +41 -1
  12. package/es/checkbox-panel/CheckboxPanel.mjs +87 -25
  13. package/es/checkbox-panel/index.css +1 -1
  14. package/es/checkbox-panel/index.d.ts +29 -1
  15. package/es/checkbox-panel/index.less +82 -1
  16. package/es/index.d.ts +2 -1
  17. package/es/index.mjs +4 -1
  18. package/es/locale/lang/en-US.d.ts +9 -0
  19. package/es/locale/lang/en-US.mjs +9 -0
  20. package/es/locale/lang/zh-CN.d.ts +9 -0
  21. package/es/locale/lang/zh-CN.mjs +9 -0
  22. package/es/material-action-bar/MaterialActionBar.mjs +3 -1
  23. package/es/material-action-bar/index.css +1 -1
  24. package/es/material-action-bar/index.less +1 -1
  25. package/es/material-add/index.css +1 -1
  26. package/es/notice-bar/index.css +1 -1
  27. package/es/notice-bar/index.less +13 -0
  28. package/es/tabs/Tabs.mjs +3 -2
  29. package/es/tabs/index.css +1 -1
  30. package/es/tabs/index.less +15 -5
  31. package/es/tabs/var.less +1 -0
  32. package/es/title-bar/TitleBar.d.ts +15 -1
  33. package/es/title-bar/TitleBar.mjs +2 -0
  34. package/es/title-bar/index.css +1 -1
  35. package/es/title-bar/index.d.ts +10 -1
  36. package/es/title-bar/index.less +6 -1
  37. package/es/title-bar/var.less +2 -1
  38. package/es/tree-select/TreeSelect.d.ts +3 -0
  39. package/es/tree-select/TreeSelect.mjs +18 -2
  40. package/es/tree-select/index.d.ts +2 -0
  41. package/es/tree-select-panel/TreeSelectPanel.d.ts +181 -0
  42. package/es/tree-select-panel/TreeSelectPanel.mjs +213 -0
  43. package/es/tree-select-panel/index.css +1 -0
  44. package/es/tree-select-panel/index.d.ts +134 -0
  45. package/es/tree-select-panel/index.less +107 -0
  46. package/es/tree-select-panel/index.mjs +8 -0
  47. package/es/tree-select-panel/style/index.mjs +23 -0
  48. package/es/tree-select-panel/style/less.mjs +23 -0
  49. package/es/uploader/Uploader.d.ts +6 -1
  50. package/es/uploader/Uploader.mjs +80 -19
  51. package/es/uploader/index.css +1 -1
  52. package/es/uploader/index.d.ts +6 -2
  53. package/es/uploader/index.less +4 -0
  54. package/es/uploader/style/index.mjs +3 -0
  55. package/es/uploader/style/less.mjs +3 -0
  56. package/es/uploader/types.d.ts +2 -1
  57. package/lib/action-sheet/ActionSheet.d.ts +4 -0
  58. package/lib/action-sheet/ActionSheet.js +4 -1
  59. package/lib/action-sheet/index.css +1 -1
  60. package/lib/action-sheet/index.d.ts +3 -0
  61. package/lib/action-sheet/index.less +4 -0
  62. package/lib/blue-mark/BlueMarkHeader.d.ts +13 -0
  63. package/lib/blue-mark/BlueMarkHeader.js +2 -0
  64. package/lib/blue-mark/CollapseToggle.d.ts +13 -0
  65. package/lib/blue-mark/CollapseToggle.js +5 -1
  66. package/lib/blue-mark/index.d.ts +18 -0
  67. package/lib/checkbox-panel/CheckboxPanel.d.ts +41 -1
  68. package/lib/checkbox-panel/CheckboxPanel.js +86 -24
  69. package/lib/checkbox-panel/index.css +1 -1
  70. package/lib/checkbox-panel/index.d.ts +29 -1
  71. package/lib/checkbox-panel/index.less +82 -1
  72. package/lib/index.css +1 -1
  73. package/lib/index.d.ts +2 -1
  74. package/lib/index.js +4 -1
  75. package/lib/index.less +1 -0
  76. package/lib/locale/lang/en-US.d.ts +9 -0
  77. package/lib/locale/lang/en-US.js +9 -0
  78. package/lib/locale/lang/zh-CN.d.ts +9 -0
  79. package/lib/locale/lang/zh-CN.js +9 -0
  80. package/lib/material-action-bar/MaterialActionBar.js +3 -1
  81. package/lib/material-action-bar/index.css +1 -1
  82. package/lib/material-action-bar/index.less +1 -1
  83. package/lib/material-add/index.css +1 -1
  84. package/lib/notice-bar/index.css +1 -1
  85. package/lib/notice-bar/index.less +13 -0
  86. package/lib/tabs/Tabs.js +3 -2
  87. package/lib/tabs/index.css +1 -1
  88. package/lib/tabs/index.less +15 -5
  89. package/lib/tabs/var.less +1 -0
  90. package/lib/title-bar/TitleBar.d.ts +15 -1
  91. package/lib/title-bar/TitleBar.js +2 -0
  92. package/lib/title-bar/index.css +1 -1
  93. package/lib/title-bar/index.d.ts +10 -1
  94. package/lib/title-bar/index.less +6 -1
  95. package/lib/title-bar/var.less +2 -1
  96. package/lib/tree-select/TreeSelect.d.ts +3 -0
  97. package/lib/tree-select/TreeSelect.js +18 -2
  98. package/lib/tree-select/index.d.ts +2 -0
  99. package/lib/tree-select-panel/TreeSelectPanel.d.ts +181 -0
  100. package/lib/tree-select-panel/TreeSelectPanel.js +232 -0
  101. package/lib/tree-select-panel/index.css +1 -0
  102. package/lib/tree-select-panel/index.d.ts +134 -0
  103. package/lib/tree-select-panel/index.js +37 -0
  104. package/lib/tree-select-panel/index.less +107 -0
  105. package/lib/tree-select-panel/style/index.js +23 -0
  106. package/lib/tree-select-panel/style/less.js +23 -0
  107. package/lib/uploader/Uploader.d.ts +6 -1
  108. package/lib/uploader/Uploader.js +79 -18
  109. package/lib/uploader/index.css +1 -1
  110. package/lib/uploader/index.d.ts +6 -2
  111. package/lib/uploader/index.less +4 -0
  112. package/lib/uploader/style/index.js +3 -0
  113. package/lib/uploader/style/less.js +3 -0
  114. package/lib/uploader/types.d.ts +2 -1
  115. package/lib/vant.cjs.js +1663 -1300
  116. package/lib/vant.es.js +1663 -1300
  117. package/lib/vant.js +1663 -1300
  118. package/lib/vant.min.js +1 -1
  119. package/lib/web-types.json +1 -1
  120. package/package.json +1 -1
  121. package/skills/use-persagy-vant/references/component-catalog.md +1 -1
package/lib/index.d.ts CHANGED
@@ -106,6 +106,7 @@ export * from "./tag";
106
106
  export * from "./title-bar";
107
107
  export * from "./toast";
108
108
  export * from "./tree-select";
109
+ export * from "./tree-select-panel";
109
110
  export * from "./uploader";
110
111
  export * from "./video-preview";
111
112
  export * from "./work-order-card";
@@ -116,4 +117,4 @@ declare namespace _default {
116
117
  }
117
118
  export default _default;
118
119
  export function install(app: any): void;
119
- export const version: "0.0.41";
120
+ export const version: "0.0.43";
package/lib/index.js CHANGED
@@ -130,6 +130,7 @@ var import_tag = require("./tag");
130
130
  var import_title_bar = require("./title-bar");
131
131
  var import_toast = require("./toast");
132
132
  var import_tree_select = require("./tree-select");
133
+ var import_tree_select_panel = require("./tree-select-panel");
133
134
  var import_uploader = require("./uploader");
134
135
  var import_video_preview = require("./video-preview");
135
136
  var import_work_order_card = require("./work-order-card");
@@ -242,11 +243,12 @@ __reExport(stdin_exports, require("./tag"), module.exports);
242
243
  __reExport(stdin_exports, require("./title-bar"), module.exports);
243
244
  __reExport(stdin_exports, require("./toast"), module.exports);
244
245
  __reExport(stdin_exports, require("./tree-select"), module.exports);
246
+ __reExport(stdin_exports, require("./tree-select-panel"), module.exports);
245
247
  __reExport(stdin_exports, require("./uploader"), module.exports);
246
248
  __reExport(stdin_exports, require("./video-preview"), module.exports);
247
249
  __reExport(stdin_exports, require("./work-order-card"), module.exports);
248
250
  __reExport(stdin_exports, require("./work-order-filter"), module.exports);
249
- const version = "0.0.41";
251
+ const version = "0.0.43";
250
252
  function install(app) {
251
253
  const components = [
252
254
  import_action_bar.ActionBar,
@@ -356,6 +358,7 @@ function install(app) {
356
358
  import_title_bar.TitleBar,
357
359
  import_toast.Toast,
358
360
  import_tree_select.TreeSelect,
361
+ import_tree_select_panel.TreeSelectPanel,
359
362
  import_uploader.Uploader,
360
363
  import_video_preview.VideoPreview,
361
364
  import_work_order_card.WorkOrderCard,
package/lib/index.less CHANGED
@@ -74,6 +74,7 @@
74
74
  @import "./cascader/index.less";
75
75
  @import "./cell-group/index.less";
76
76
  @import "./empty/index.less";
77
+ @import "./tree-select-panel/index.less";
77
78
  @import "./radio-panel/index.less";
78
79
  @import "./coupon-list/index.less";
79
80
  @import "./checkbox-panel/index.less";
@@ -60,5 +60,14 @@ declare const _default: {
60
60
  vanAddressList: {
61
61
  add: string;
62
62
  };
63
+ vanTabs: {
64
+ moreTitle: string;
65
+ };
66
+ vanUploader: {
67
+ sourcePickerTitle: string;
68
+ takePhoto: string;
69
+ recordVideo: string;
70
+ chooseFromAlbum: string;
71
+ };
63
72
  };
64
73
  export default _default;
@@ -81,5 +81,14 @@ var stdin_default = {
81
81
  },
82
82
  vanAddressList: {
83
83
  add: "Add new address"
84
+ },
85
+ vanTabs: {
86
+ moreTitle: "More tabs"
87
+ },
88
+ vanUploader: {
89
+ sourcePickerTitle: "Choose upload source",
90
+ takePhoto: "Take photo",
91
+ recordVideo: "Record video",
92
+ chooseFromAlbum: "Choose from album"
84
93
  }
85
94
  };
@@ -60,5 +60,14 @@ declare const _default: {
60
60
  vanAddressList: {
61
61
  add: string;
62
62
  };
63
+ vanTabs: {
64
+ moreTitle: string;
65
+ };
66
+ vanUploader: {
67
+ sourcePickerTitle: string;
68
+ takePhoto: string;
69
+ recordVideo: string;
70
+ chooseFromAlbum: string;
71
+ };
63
72
  };
64
73
  export default _default;
@@ -81,5 +81,14 @@ var stdin_default = {
81
81
  },
82
82
  vanAddressList: {
83
83
  add: "\u65B0\u589E\u5730\u5740"
84
+ },
85
+ vanTabs: {
86
+ moreTitle: "\u66F4\u591A\u6807\u7B7E"
87
+ },
88
+ vanUploader: {
89
+ sourcePickerTitle: "\u9009\u62E9\u4E0A\u4F20\u65B9\u5F0F",
90
+ takePhoto: "\u62CD\u7167",
91
+ recordVideo: "\u62CD\u89C6\u9891",
92
+ chooseFromAlbum: "\u4ECE\u76F8\u518C\u9009\u62E9"
84
93
  }
85
94
  };
@@ -161,7 +161,9 @@ var stdin_default = (0, import_vue.defineComponent)({
161
161
  "aria-label": "\u8F93\u5165\u6570\u91CF",
162
162
  "onClick": openInputDialog
163
163
  }, null)]), (0, import_vue.createVNode)("span", {
164
- "class": bem("unit")
164
+ "class": bem("unit", {
165
+ aligned: true
166
+ })
165
167
  }, [props.item.unit])]), props.showDetail && (0, import_vue.createVNode)("p", {
166
168
  "class": bem("desc"),
167
169
  "onTouchstart": onDetailLongPressStart,
@@ -1 +1 @@
1
- .van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}
1
+ .van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{display:flex;flex:none;align-items:center;width:32px;height:18px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:18px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}
@@ -30,7 +30,7 @@
30
30
  &__kind-tag { flex: none; margin-left: 4px; }
31
31
  &__stepper { flex: none; margin-left: 0; --van-stepper-input-width: 24px; --van-stepper-input-height: 18px; --van-stepper-input-font-size: var(--van-font-size-md); --van-stepper-input-line-height: var(--van-line-height-lg); }
32
32
  &__number-trigger { position: absolute; z-index: 1; top: 0; left: 18px; width: 24px; height: 18px; padding: 0; background: transparent; border: 0; cursor: pointer; }
33
- &__unit { flex: none; width: 32px; margin-left: 8px; overflow: hidden; color: var(--van-text-color-2); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); text-overflow: ellipsis; white-space: nowrap; }
33
+ &__unit { display: flex; flex: none; align-items: center; width: 32px; height: 18px; margin-left: 8px; overflow: hidden; color: var(--van-text-color-2); font-size: var(--van-font-size-md); line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
34
34
  &__desc { margin: 6px 0 0; overflow: hidden; color: var(--van-gray-6); font-size: var(--van-font-size-md); line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
35
35
  &__warning { margin: 2px 0 0; color: var(--van-red-500); font-size: var(--van-font-size-sm); line-height: 20px; }
36
36
  &__picking-outbound { display: flex; gap: 4px; margin: 2px 0 0; color: var(--van-text-color); font-size: var(--van-font-size-sm); line-height: 20px; }
@@ -1 +1 @@
1
- .van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__empty{padding:32px 16px;color:var(--van-text-color-3);font-size:var(--van-font-size-md);text-align:center}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}
1
+ .van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{display:flex;flex:none;align-items:center;width:32px;height:18px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:18px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__empty{padding:32px 16px;color:var(--van-text-color-3);font-size:var(--van-font-size-md);text-align:center}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}
@@ -1 +1 @@
1
- :root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-blue-700);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background-color: var(--van-blue-100);--van-notice-bar-border-radius: var(--van-border-radius-lg);--van-notice-bar-round-margin: 0 var(--van-padding-md);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar--round{margin:var(--van-notice-bar-round-margin);border-radius:var(--van-notice-bar-border-radius)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
1
+ :root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-blue-700);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background-color: var(--van-blue-100);--van-notice-bar-border-radius: var(--van-border-radius-lg);--van-notice-bar-round-margin: 0 var(--van-padding-md);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar--round{margin:var(--van-notice-bar-round-margin);border-radius:var(--van-notice-bar-border-radius)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{align-items:flex-start;height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__left-icon,.van-notice-bar--wrapable .van-notice-bar__right-icon{display:flex;align-items:center;height:var(--van-notice-bar-line-height);line-height:var(--van-notice-bar-line-height)}.van-notice-bar--wrapable .van-notice-bar__right-icon{justify-content:flex-end}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
@@ -61,10 +61,23 @@
61
61
  }
62
62
 
63
63
  &--wrapable {
64
+ align-items: flex-start;
64
65
  height: auto;
65
66
  padding: var(--van-notice-bar-wrapable-padding);
66
67
 
67
68
  .van-notice-bar {
69
+ &__left-icon,
70
+ &__right-icon {
71
+ display: flex;
72
+ align-items: center;
73
+ height: var(--van-notice-bar-line-height);
74
+ line-height: var(--van-notice-bar-line-height);
75
+ }
76
+
77
+ &__right-icon {
78
+ justify-content: flex-end;
79
+ }
80
+
68
81
  &__wrap {
69
82
  height: auto;
70
83
  }
package/lib/tabs/Tabs.js CHANGED
@@ -62,7 +62,7 @@ var import_icon = require("../icon");
62
62
  var import_action_sheet = require("../action-sheet");
63
63
  var import_TabsTitle = __toESM(require("./TabsTitle"));
64
64
  var import_TabsContent = __toESM(require("./TabsContent"));
65
- const [name, bem] = (0, import_utils.createNamespace)("tabs");
65
+ const [name, bem, t] = (0, import_utils.createNamespace)("tabs");
66
66
  const tabsProps = {
67
67
  type: (0, import_utils.makeStringProp)("line"),
68
68
  color: String,
@@ -378,8 +378,9 @@ var stdin_default = (0, import_vue.defineComponent)({
378
378
  "name": "ellipsis"
379
379
  }, null)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots), props.more && (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {
380
380
  "show": props.showMore,
381
- "title": props.moreTitle,
381
+ "title": props.moreTitle || t("moreTitle"),
382
382
  "actions": moreActions.value,
383
+ "class": bem("more-panel"),
383
384
  "closeOnClickAction": true,
384
385
  "onUpdate:show": (show) => emit("update:showMore", show),
385
386
  "onSelect": onSelectMore
@@ -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__badge{display:inline-flex;align-items:center;gap:4px}.van-tab__badge .van-badge--fixed{position:static;transform:none}.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)}
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-card-border-radius: 8px;--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-tabs-card-border-radius) 0 0 var(--van-tabs-card-border-radius)}.van-tab--card:last-child{margin-right:0;border-radius:0 var(--van-tabs-card-border-radius) var(--van-tabs-card-border-radius) 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__badge{display:inline-flex;align-items:center;gap:4px}.van-tab__badge .van-badge--fixed{position:static;transform:none}.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-tabs-card-border-radius)}.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-tabs-card-border-radius);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-tabs-card-border-radius);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__more-panel{height:auto}.van-tabs__more-panel .van-action-sheet__content{flex:0 1 auto;min-height:0}.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)}
@@ -9,6 +9,7 @@
9
9
  --van-tabs-default-color: @tabs-default-color;
10
10
  --van-tabs-line-height: @tabs-line-height;
11
11
  --van-tabs-card-height: @tabs-card-height;
12
+ --van-tabs-card-border-radius: @tabs-card-border-radius;
12
13
  --van-tabs-nav-background-color: @tabs-nav-background-color;
13
14
  --van-tabs-bottom-bar-width: @tabs-bottom-bar-width;
14
15
  --van-tabs-bottom-bar-height: @tabs-bottom-bar-height;
@@ -69,12 +70,12 @@
69
70
  background: var(--van-white);
70
71
 
71
72
  &:first-child {
72
- border-radius: var(--van-border-radius-md) 0 0 var(--van-border-radius-md);
73
+ border-radius: var(--van-tabs-card-border-radius) 0 0 var(--van-tabs-card-border-radius);
73
74
  }
74
75
 
75
76
  &:last-child {
76
77
  margin-right: 0;
77
- border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0;
78
+ border-radius: 0 var(--van-tabs-card-border-radius) var(--van-tabs-card-border-radius) 0;
78
79
  }
79
80
 
80
81
  &.van-tab--active {
@@ -119,7 +120,7 @@
119
120
  color: var(--van-tabs-default-color);
120
121
  background: var(--van-tabs-card-gray-active-background-color);
121
122
  box-shadow: var(--van-tabs-card-gray-active-shadow);
122
- border-radius: var(--van-border-radius-md);
123
+ border-radius: var(--van-tabs-card-border-radius);
123
124
  }
124
125
 
125
126
  &.van-tab--disabled {
@@ -198,7 +199,7 @@
198
199
  height: var(--van-tabs-card-height);
199
200
  margin: 0 var(--van-padding-md);
200
201
  border: 0;
201
- border-radius: var(--van-border-radius-md);
202
+ border-radius: var(--van-tabs-card-border-radius);
202
203
  overflow: hidden;
203
204
  isolation: isolate;
204
205
  }
@@ -213,7 +214,7 @@
213
214
  margin: 0 var(--van-padding-md);
214
215
  padding: var(--van-padding-base);
215
216
  background: var(--van-tabs-card-gray-background-color);
216
- border-radius: var(--van-border-radius-md);
217
+ border-radius: var(--van-tabs-card-border-radius);
217
218
  overflow: hidden;
218
219
  }
219
220
 
@@ -280,6 +281,15 @@
280
281
  }
281
282
  }
282
283
 
284
+ &__more-panel {
285
+ height: auto;
286
+
287
+ .van-action-sheet__content {
288
+ flex: 0 1 auto;
289
+ min-height: 0;
290
+ }
291
+ }
292
+
283
293
  &--line {
284
294
  .van-tabs__wrap {
285
295
  height: var(--van-tabs-line-height);
package/lib/tabs/var.less CHANGED
@@ -8,6 +8,7 @@
8
8
  @tabs-default-color: var(--van-primary-color);
9
9
  @tabs-line-height: 44px;
10
10
  @tabs-card-height: 30px;
11
+ @tabs-card-border-radius: 8px;
11
12
  @tabs-nav-background-color: var(--van-background-color-light);
12
13
  @tabs-bottom-bar-width: 40px;
13
14
  @tabs-bottom-bar-height: 3px;
@@ -1,5 +1,6 @@
1
1
  import { type ExtractPropTypes } from 'vue';
2
2
  export declare type TitleBarSize = 'default' | 'mini';
3
+ export declare type TitleBarBottomGap = '4' | '8' | '12';
3
4
  declare const titleBarProps: {
4
5
  title: {
5
6
  type: import("vue").PropType<string>;
@@ -31,6 +32,10 @@ declare const titleBarProps: {
31
32
  type: import("vue").PropType<TitleBarSize>;
32
33
  default: TitleBarSize;
33
34
  };
35
+ bottomGap: {
36
+ type: import("vue").PropType<TitleBarBottomGap>;
37
+ default: TitleBarBottomGap;
38
+ };
34
39
  expandable: BooleanConstructor;
35
40
  modelValue: {
36
41
  type: BooleanConstructor;
@@ -70,6 +75,10 @@ declare const _default: import("vue").DefineComponent<{
70
75
  type: import("vue").PropType<TitleBarSize>;
71
76
  default: TitleBarSize;
72
77
  };
78
+ bottomGap: {
79
+ type: import("vue").PropType<TitleBarBottomGap>;
80
+ default: TitleBarBottomGap;
81
+ };
73
82
  expandable: BooleanConstructor;
74
83
  modelValue: {
75
84
  type: BooleanConstructor;
@@ -107,6 +116,10 @@ declare const _default: import("vue").DefineComponent<{
107
116
  type: import("vue").PropType<TitleBarSize>;
108
117
  default: TitleBarSize;
109
118
  };
119
+ bottomGap: {
120
+ type: import("vue").PropType<TitleBarBottomGap>;
121
+ default: TitleBarBottomGap;
122
+ };
110
123
  expandable: BooleanConstructor;
111
124
  modelValue: {
112
125
  type: BooleanConstructor;
@@ -130,8 +143,9 @@ declare const _default: import("vue").DefineComponent<{
130
143
  showArrow: boolean;
131
144
  actionText: string;
132
145
  expandable: boolean;
146
+ showExpandIcon: boolean;
133
147
  showAction: boolean;
134
148
  showDescription: boolean;
135
- showExpandIcon: boolean;
149
+ bottomGap: TitleBarBottomGap;
136
150
  }>;
137
151
  export default _default;
@@ -38,6 +38,7 @@ const titleBarProps = {
38
38
  actionText: (0, import_utils.makeStringProp)("\u64CD\u4F5C"),
39
39
  showAction: Boolean,
40
40
  size: (0, import_utils.makeStringProp)("default"),
41
+ bottomGap: (0, import_utils.makeStringProp)("4"),
41
42
  expandable: Boolean,
42
43
  modelValue: import_utils.truthProp,
43
44
  required: Boolean
@@ -77,6 +78,7 @@ var stdin_default = (0, import_vue.defineComponent)({
77
78
  return (0, import_vue.createVNode)("section", {
78
79
  "class": bem({
79
80
  mini: props.size === "mini",
81
+ [`bottom-gap-${props.bottomGap}`]: true,
80
82
  expandable: props.expandable,
81
83
  required: props.required
82
84
  })
@@ -1 +1 @@
1
- :root{--van-title-bar-padding: 12px var(--van-padding-md) 4px;--van-title-bar-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;box-sizing:border-box;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 8px 0 0;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar__right-icon{flex:none;width:16px;height:16px;margin:3px 0 0 8px;color:var(--van-gray-7);font-size:16px;line-height:16px}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:4px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__right-icon{width:12px;height:12px;margin-top:3px;font-size:12px;line-height:12px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}
1
+ :root{--van-title-bar-padding: 12px var(--van-padding-md) 8px;--van-title-bar-gap: 4px;--van-title-bar-bottom-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{margin-bottom:var(--van-title-bar-bottom-gap);color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;box-sizing:border-box;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 8px 0 0;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar__right-icon{flex:none;width:16px;height:16px;margin:3px 0 0 8px;color:var(--van-gray-7);font-size:16px;line-height:16px}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:8px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__right-icon{width:12px;height:12px;margin-top:3px;font-size:12px;line-height:12px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--bottom-gap-4{margin-bottom:4px}.van-title-bar--bottom-gap-8{margin-bottom:8px}.van-title-bar--bottom-gap-12{margin-bottom:12px}
@@ -29,6 +29,10 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
29
29
  type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
30
30
  default: import("./TitleBar").TitleBarSize;
31
31
  };
32
+ bottomGap: {
33
+ type: import("vue").PropType<import("./TitleBar").TitleBarBottomGap>;
34
+ default: import("./TitleBar").TitleBarBottomGap;
35
+ };
32
36
  expandable: BooleanConstructor;
33
37
  modelValue: {
34
38
  type: BooleanConstructor;
@@ -66,6 +70,10 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
66
70
  type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
67
71
  default: import("./TitleBar").TitleBarSize;
68
72
  };
73
+ bottomGap: {
74
+ type: import("vue").PropType<import("./TitleBar").TitleBarBottomGap>;
75
+ default: import("./TitleBar").TitleBarBottomGap;
76
+ };
69
77
  expandable: BooleanConstructor;
70
78
  modelValue: {
71
79
  type: BooleanConstructor;
@@ -89,9 +97,10 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
89
97
  showArrow: boolean;
90
98
  actionText: string;
91
99
  expandable: boolean;
100
+ showExpandIcon: boolean;
92
101
  showAction: boolean;
93
102
  showDescription: boolean;
94
- showExpandIcon: boolean;
103
+ bottomGap: import("./TitleBar").TitleBarBottomGap;
95
104
  }>>;
96
105
  export default TitleBar;
97
106
  export type { TitleBarProps, TitleBarSize } from './TitleBar';
@@ -3,6 +3,7 @@
3
3
  :root {
4
4
  --van-title-bar-padding: @title-bar-padding;
5
5
  --van-title-bar-gap: @title-bar-gap;
6
+ --van-title-bar-bottom-gap: @title-bar-bottom-gap;
6
7
  --van-title-bar-title-color: @title-bar-title-color;
7
8
  --van-title-bar-description-color: @title-bar-description-color;
8
9
  --van-title-bar-required-color: @title-bar-required-color;
@@ -14,6 +15,7 @@
14
15
  }
15
16
 
16
17
  .van-title-bar {
18
+ margin-bottom: var(--van-title-bar-bottom-gap);
17
19
  color: var(--van-title-bar-title-color);
18
20
 
19
21
  &__header { display: flex; box-sizing: border-box; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
@@ -31,10 +33,13 @@
31
33
  &__arrow { flex: none; margin: 4px 8px 0 0; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
32
34
  &__arrow--expanded { transform: rotate(0); }
33
35
  &__right-icon { flex: none; width: 16px; height: 16px; margin: 3px 0 0 8px; color: var(--van-gray-7); font-size: 16px; line-height: 16px; }
34
- &--mini &__header { padding-top: 12px; padding-bottom: 4px; }
36
+ &--mini &__header { padding-top: 12px; padding-bottom: 8px; }
35
37
  &--mini &__text strong { font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
36
38
  &--mini &__icon { margin-top: 3px; font-size: 14px; }
37
39
  &--mini &__arrow { margin-top: 3px; }
38
40
  &--mini &__right-icon { width: 12px; height: 12px; margin-top: 3px; font-size: 12px; line-height: 12px; }
39
41
  &--mini &__action .van-button { height: var(--van-line-height-md); font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
42
+ &--bottom-gap-4 { margin-bottom: 4px; }
43
+ &--bottom-gap-8 { margin-bottom: 8px; }
44
+ &--bottom-gap-12 { margin-bottom: 12px; }
40
45
  }
@@ -1,7 +1,8 @@
1
1
  @import '../style/var.less';
2
2
 
3
- @title-bar-padding: 12px var(--van-padding-md) 4px;
3
+ @title-bar-padding: 12px var(--van-padding-md) 8px;
4
4
  @title-bar-gap: 4px;
5
+ @title-bar-bottom-gap: 4px;
5
6
  @title-bar-title-color: var(--van-gray-8);
6
7
  @title-bar-description-color: var(--van-gray-6);
7
8
  @title-bar-required-color: var(--van-danger-color);
@@ -25,6 +25,7 @@ declare const treeSelectProps: {
25
25
  cascade: BooleanConstructor;
26
26
  selectableParent: BooleanConstructor;
27
27
  showParentSelect: BooleanConstructor;
28
+ showSelectLevels: PropType<boolean[]>;
28
29
  showDivider: {
29
30
  type: BooleanConstructor;
30
31
  default: true;
@@ -48,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
48
49
  cascade: BooleanConstructor;
49
50
  selectableParent: BooleanConstructor;
50
51
  showParentSelect: BooleanConstructor;
52
+ showSelectLevels: PropType<boolean[]>;
51
53
  showDivider: {
52
54
  type: BooleanConstructor;
53
55
  default: true;
@@ -69,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
69
71
  cascade: BooleanConstructor;
70
72
  selectableParent: BooleanConstructor;
71
73
  showParentSelect: BooleanConstructor;
74
+ showSelectLevels: PropType<boolean[]>;
72
75
  showDivider: {
73
76
  type: BooleanConstructor;
74
77
  default: true;
@@ -47,6 +47,7 @@ const treeSelectProps = {
47
47
  cascade: Boolean,
48
48
  selectableParent: Boolean,
49
49
  showParentSelect: Boolean,
50
+ showSelectLevels: Array,
50
51
  showDivider: import_utils.truthProp
51
52
  };
52
53
  var stdin_default = (0, import_vue.defineComponent)({
@@ -61,6 +62,13 @@ var stdin_default = (0, import_vue.defineComponent)({
61
62
  const expandedKeys = (0, import_vue.computed)(() => props.expandedKeys);
62
63
  const isExpanded = (id) => expandedKeys.value.includes(id);
63
64
  const isSelected = (id) => selectedKeys.value.includes(id);
65
+ const isSelectionVisible = (hasChildren, level) => {
66
+ var _a;
67
+ const configuredVisibility = (_a = props.showSelectLevels) == null ? void 0 : _a[level];
68
+ if (configuredVisibility !== void 0)
69
+ return configuredVisibility;
70
+ return !hasChildren || props.selectableParent || props.showParentSelect;
71
+ };
64
72
  const getNodeStyle = (level) => ({
65
73
  paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`,
66
74
  "--van-tree-select-divider-left": `calc(var(--van-padding-md) + ${level * 16}px)`
@@ -124,6 +132,14 @@ var stdin_default = (0, import_vue.defineComponent)({
124
132
  var _a;
125
133
  const hasChildren = !!((_a = item.children) == null ? void 0 : _a.length);
126
134
  const expanded = isExpanded(item.id);
135
+ const renderTitle = () => {
136
+ var _a2;
137
+ return ((_a2 = slots.title) == null ? void 0 : _a2.call(slots, {
138
+ item,
139
+ level,
140
+ hasChildren
141
+ })) || item.text;
142
+ };
127
143
  if (!hasChildren && slots.leaf) {
128
144
  return (0, import_vue.createVNode)("div", {
129
145
  "key": item.id,
@@ -136,7 +152,7 @@ var stdin_default = (0, import_vue.defineComponent)({
136
152
  level
137
153
  })]);
138
154
  }
139
- const selectable = item.selectable !== false && (!hasChildren || props.selectableParent || props.showParentSelect);
155
+ const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
140
156
  const selectionState = getSelectionState(item);
141
157
  return (0, import_vue.createVNode)("div", {
142
158
  "key": item.id,
@@ -165,7 +181,7 @@ var stdin_default = (0, import_vue.defineComponent)({
165
181
  "class": bem("arrow", {
166
182
  expanded
167
183
  })
168
- }, null), (0, import_vue.createVNode)("span", null, [item.text])]) : (0, import_vue.createVNode)("span", null, [item.text])]
184
+ }, null), (0, import_vue.createVNode)("span", null, [renderTitle()])]) : (0, import_vue.createVNode)("span", null, [renderTitle()])]
169
185
  }, selectable && selectionState === "indeterminate" ? {
170
186
  "right-select": () => (0, import_vue.createVNode)("button", {
171
187
  "type": "button",
@@ -15,6 +15,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
15
15
  cascade: BooleanConstructor;
16
16
  selectableParent: BooleanConstructor;
17
17
  showParentSelect: BooleanConstructor;
18
+ showSelectLevels: import("vue").PropType<boolean[]>;
18
19
  showDivider: {
19
20
  type: BooleanConstructor;
20
21
  default: true;
@@ -36,6 +37,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
36
37
  cascade: BooleanConstructor;
37
38
  selectableParent: BooleanConstructor;
38
39
  showParentSelect: BooleanConstructor;
40
+ showSelectLevels: import("vue").PropType<boolean[]>;
39
41
  showDivider: {
40
42
  type: BooleanConstructor;
41
43
  default: true;