persagy-vant 0.0.33 → 0.0.35

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 (94) hide show
  1. package/es/badge/Badge.d.ts +14 -0
  2. package/es/badge/Badge.mjs +2 -0
  3. package/es/badge/index.css +1 -1
  4. package/es/badge/index.d.ts +10 -1
  5. package/es/badge/index.less +6 -0
  6. package/es/badge/var.less +1 -0
  7. package/es/button/Button.d.ts +1 -1
  8. package/es/button/index.d.ts +1 -1
  9. package/es/field/Field.d.ts +5 -18
  10. package/es/field/Field.mjs +3 -2
  11. package/es/field/index.d.ts +3 -10
  12. package/es/index.d.ts +1 -1
  13. package/es/index.mjs +1 -1
  14. package/es/loading/Loading.mjs +16 -19
  15. package/es/material-action-bar/index.css +1 -1
  16. package/es/material-action-bar/index.less +3 -3
  17. package/es/material-add/MaterialAdd.mjs +0 -1
  18. package/es/material-add/index.css +1 -1
  19. package/es/material-detail/MaterialDetail.mjs +7 -2
  20. package/es/material-display-bar/MaterialDisplayBar.mjs +1 -0
  21. package/es/material-display-bar/index.css +1 -1
  22. package/es/material-display-bar/index.d.ts +103 -2
  23. package/es/material-display-bar/index.less +34 -1
  24. package/es/material-display-bar/index.mjs +4 -2
  25. package/es/material-display-bar/var.less +1 -0
  26. package/es/rate/RateCell.d.ts +1 -1
  27. package/es/rate/index.d.ts +1 -1
  28. package/es/search/Search.d.ts +17 -13
  29. package/es/search/Search.mjs +1 -0
  30. package/es/search/index.d.ts +10 -8
  31. package/es/sidebar/index.css +1 -1
  32. package/es/sidebar/index.less +1 -0
  33. package/es/sidebar-item/index.css +1 -1
  34. package/es/sidebar-item/index.less +37 -11
  35. package/es/sidebar-item/var.less +7 -7
  36. package/es/space/Space.d.ts +1 -1
  37. package/es/space/index.d.ts +1 -1
  38. package/es/tag/Tag.d.ts +1 -1
  39. package/es/tag/index.d.ts +1 -1
  40. package/lib/badge/Badge.d.ts +14 -0
  41. package/lib/badge/Badge.js +2 -0
  42. package/lib/badge/index.css +1 -1
  43. package/lib/badge/index.d.ts +10 -1
  44. package/lib/badge/index.less +6 -0
  45. package/lib/badge/var.less +1 -0
  46. package/lib/button/Button.d.ts +1 -1
  47. package/lib/button/index.d.ts +1 -1
  48. package/lib/field/Field.d.ts +5 -18
  49. package/lib/field/Field.js +3 -2
  50. package/lib/field/index.d.ts +3 -10
  51. package/lib/index.css +1 -1
  52. package/lib/index.d.ts +1 -1
  53. package/lib/index.js +1 -1
  54. package/lib/loading/Loading.js +16 -19
  55. package/lib/material-action-bar/index.css +1 -1
  56. package/lib/material-action-bar/index.less +3 -3
  57. package/lib/material-add/MaterialAdd.js +0 -1
  58. package/lib/material-add/index.css +1 -1
  59. package/lib/material-detail/MaterialDetail.js +7 -2
  60. package/lib/material-display-bar/MaterialDisplayBar.js +1 -0
  61. package/lib/material-display-bar/index.css +1 -1
  62. package/lib/material-display-bar/index.d.ts +103 -2
  63. package/lib/material-display-bar/index.js +4 -2
  64. package/lib/material-display-bar/index.less +34 -1
  65. package/lib/material-display-bar/var.less +1 -0
  66. package/lib/rate/RateCell.d.ts +1 -1
  67. package/lib/rate/index.d.ts +1 -1
  68. package/lib/search/Search.d.ts +17 -13
  69. package/lib/search/Search.js +1 -0
  70. package/lib/search/index.d.ts +10 -8
  71. package/lib/sidebar/index.css +1 -1
  72. package/lib/sidebar/index.less +1 -0
  73. package/lib/sidebar-item/index.css +1 -1
  74. package/lib/sidebar-item/index.less +37 -11
  75. package/lib/sidebar-item/var.less +7 -7
  76. package/lib/space/Space.d.ts +1 -1
  77. package/lib/space/index.d.ts +1 -1
  78. package/lib/tag/Tag.d.ts +1 -1
  79. package/lib/tag/index.d.ts +1 -1
  80. package/lib/vant.cjs.js +34 -25
  81. package/lib/vant.es.js +34 -25
  82. package/lib/vant.js +34 -25
  83. package/lib/vant.min.js +1 -1
  84. package/lib/web-types.json +1 -1
  85. package/package.json +1 -1
  86. package/skills/use-persagy-vant/SKILL.md +3 -3
  87. package/skills/use-persagy-vant/references/business-component-catalog.md +1 -1
  88. package/skills/use-persagy-vant/references/component-catalog.md +16 -9
  89. package/skills/use-persagy-vant/references/component-documentation.md +20 -1
  90. package/skills/use-persagy-vant/references/component-gap-template.md +3 -0
  91. package/skills/use-persagy-vant/references/design-interaction-baseline.md +10 -4
  92. package/skills/use-persagy-vant/references/page-recipes.md +17 -14
  93. package/skills/use-persagy-vant/references/reuse-policy.md +47 -3
  94. package/skills/use-persagy-vant/references/usage-patterns.md +5 -3
package/lib/index.d.ts CHANGED
@@ -116,4 +116,4 @@ declare namespace _default {
116
116
  }
117
117
  export default _default;
118
118
  export function install(app: any): void;
119
- export const version: "0.0.33";
119
+ export const version: "0.0.35";
package/lib/index.js CHANGED
@@ -246,7 +246,7 @@ __reExport(stdin_exports, require("./uploader"), module.exports);
246
246
  __reExport(stdin_exports, require("./video-preview"), module.exports);
247
247
  __reExport(stdin_exports, require("./work-order-card"), module.exports);
248
248
  __reExport(stdin_exports, require("./work-order-filter"), module.exports);
249
- const version = "0.0.33";
249
+ const version = "0.0.35";
250
250
  function install(app) {
251
251
  const components = [
252
252
  import_action_bar.ActionBar,
@@ -37,30 +37,27 @@ const CircularIcon = (0, import_vue.createVNode)("svg", {
37
37
  }, null)]);
38
38
  const IllustrationIcon = (0, import_vue.createVNode)("svg", {
39
39
  "class": bem("illustration"),
40
- "viewBox": "0 0 120 120",
41
- "role": "img",
42
- "aria-label": "Loading"
40
+ "viewBox": "0 0 100 100",
41
+ "fill": "none",
42
+ "aria-hidden": "true"
43
43
  }, [(0, import_vue.createVNode)("rect", {
44
- "x": "16",
45
- "y": "42",
46
- "width": "88",
47
- "height": "62",
48
- "rx": "8",
49
- "fill": "currentColor",
50
- "opacity": "0.12"
51
- }, null), (0, import_vue.createVNode)("path", {
52
- "d": "M28 42h64v62H28z",
44
+ "x": "18",
45
+ "y": "36",
46
+ "width": "64",
47
+ "height": "48",
48
+ "rx": "6",
53
49
  "fill": "currentColor",
54
- "opacity": "0.24"
50
+ "opacity": "0.14"
55
51
  }, null), (0, import_vue.createVNode)("path", {
56
- "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
57
- "fill": "currentColor",
58
- "opacity": "0.78"
52
+ "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
53
+ "stroke": "currentColor",
54
+ "stroke-width": "4",
55
+ "stroke-linecap": "round",
56
+ "stroke-linejoin": "round"
59
57
  }, null), (0, import_vue.createVNode)("path", {
60
- "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
61
- "fill": "none",
58
+ "d": "M50 18v12m-16-4 8 8m24-8-8 8",
62
59
  "stroke": "currentColor",
63
- "stroke-width": "8",
60
+ "stroke-width": "4",
64
61
  "stroke-linecap": "round"
65
62
  }, null)]);
66
63
  const loadingProps = {
@@ -1 +1 @@
1
- .van-material-action-bar{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:none;gap:2px;align-items:center;max-width:calc(100% - 96px);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;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-wrapper{position:relative;margin-left:auto}.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: 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-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:32px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__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-action-bar__desc{margin:2px 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-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__keyword{color:var(--van-primary-color)}
1
+ .van-material-action-bar{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-font-size-md);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-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: 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-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:32px;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:2px 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-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__keyword{color:var(--van-primary-color)}
@@ -21,12 +21,12 @@
21
21
  }
22
22
 
23
23
  &__main { display: flex; align-items: center; min-height: 22px; }
24
- &__detail { display: inline-flex; flex: none; gap: 2px; align-items: center; max-width: calc(100% - 96px); 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; cursor: pointer; transition: opacity var(--van-animation-duration-fast); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
25
- &__stepper-wrapper { position: relative; margin-left: auto; }
24
+ &__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-font-size-md); line-height: var(--van-line-height-lg); text-align: left; background: transparent; border: 0; cursor: pointer; transition: opacity var(--van-animation-duration-fast); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
25
+ &__stepper-wrapper { position: relative; flex: none; margin-left: 4px; }
26
26
  &__kind-tag { flex: none; margin-left: 4px; }
27
27
  &__stepper { flex: none; margin-left: 0; --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); }
28
28
  &__number-trigger { position: absolute; z-index: 1; top: 0; left: 18px; width: 32px; height: 18px; padding: 0; background: transparent; border: 0; cursor: pointer; }
29
- &__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; }
29
+ &__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; }
30
30
  &__desc { margin: 2px 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; }
31
31
  &__warning { margin: 2px 0 0; color: var(--van-red-500); font-size: var(--van-font-size-sm); line-height: 20px; }
32
32
  &__keyword { color: var(--van-primary-color); }
@@ -485,7 +485,6 @@ var stdin_default = (0, import_vue.defineComponent)({
485
485
  }, [(0, import_vue.createVNode)("div", {
486
486
  "class": bem("detail-banner")
487
487
  }, [(0, import_vue.createVNode)(import_swipe.Swipe, {
488
- "loop": false,
489
488
  "showIndicators": false,
490
489
  "class": bem("detail-swipe"),
491
490
  "onChange": (index) => {
@@ -1 +1 @@
1
- .van-material-action-bar{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:none;gap:2px;align-items:center;max-width:calc(100% - 96px);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;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-wrapper{position:relative;margin-left:auto}.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: 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-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:32px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__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-action-bar__desc{margin:2px 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-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__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;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__catalog-leaf .van-material-action-bar:after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);display:block;height:1px;content:"";background:var(--van-border-color);transform:scaleY(.5)}.van-tree-select__children>.van-tree-select__node:last-child>.van-material-add__catalog-leaf .van-material-action-bar:after{display:none}.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{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-font-size-md);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-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: 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-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:32px;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:2px 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-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__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;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__catalog-leaf .van-material-action-bar:after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);display:block;height:1px;content:"";background:var(--van-border-color);transform:scaleY(.5)}.van-tree-select__children>.van-tree-select__node:last-child>.van-material-add__catalog-leaf .van-material-action-bar:after{display:none}.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)}
@@ -49,6 +49,7 @@ var stdin_default = (0, import_vue.defineComponent)({
49
49
  const usageExpanded = (0, import_vue.ref)(true);
50
50
  const noticeExpanded = (0, import_vue.ref)(true);
51
51
  const bannerIndex = (0, import_vue.ref)(0);
52
+ const swipeRef = (0, import_vue.ref)();
52
53
  const item = (0, import_vue.computed)(() => props.item);
53
54
  const close = () => emit("update:show", false);
54
55
  const infoRows = (0, import_vue.computed)(() => {
@@ -105,14 +106,18 @@ var stdin_default = (0, import_vue.defineComponent)({
105
106
  });
106
107
  const displayImages = (0, import_vue.computed)(() => props.images.length ? props.images : defaultImages);
107
108
  return () => (0, import_vue.createVNode)(import_vue.Transition, {
108
- "name": "van-material-detail"
109
+ "name": "van-material-detail",
110
+ "onAfterEnter": () => {
111
+ var _a;
112
+ return (_a = swipeRef.value) == null ? void 0 : _a.resize();
113
+ }
109
114
  }, {
110
115
  default: () => [props.show && item.value ? (0, import_vue.createVNode)("div", {
111
116
  "class": bem()
112
117
  }, [(0, import_vue.createVNode)("div", {
113
118
  "class": bem("banner")
114
119
  }, [(0, import_vue.createVNode)(import_swipe.Swipe, {
115
- "loop": false,
120
+ "ref": swipeRef,
116
121
  "showIndicators": false,
117
122
  "class": bem("swipe"),
118
123
  "onChange": (index) => {
@@ -60,6 +60,7 @@ var stdin_default = (0, import_vue.defineComponent)({
60
60
  return;
61
61
  return (0, import_vue.createVNode)(import_label.Label, {
62
62
  "key": `${field.label}-${index}`,
63
+ "class": bem("field"),
63
64
  "size": "mini",
64
65
  "label": field.label,
65
66
  "showLabel": field.showLabel,
@@ -1 +1 @@
1
- :root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 2px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-padding-sm);min-width:0}.van-material-display-bar__title{min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:400;line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}
1
+ :root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-field-label-max-width: 120px;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 2px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-material-display-bar-gap);min-width:0}.van-material-display-bar__title{flex:1 1 0;min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;overflow:hidden;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:400;line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media){min-width:0}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__label{max-width:var(--van-material-display-bar-field-label-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__value,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{display:block}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}
@@ -1,3 +1,104 @@
1
+ export declare const MaterialPreview: import("../utils").WithInstall<import("vue").DefineComponent<{
2
+ name: {
3
+ type: import("vue").PropType<string>;
4
+ default: string;
5
+ };
6
+ quantity: (NumberConstructor | StringConstructor)[];
7
+ quantityLabel: {
8
+ type: import("vue").PropType<string>;
9
+ default: string;
10
+ };
11
+ unit: {
12
+ type: import("vue").PropType<string>;
13
+ default: string;
14
+ };
15
+ showArrow: {
16
+ type: BooleanConstructor;
17
+ default: true;
18
+ };
19
+ rounded: BooleanConstructor;
20
+ stockInsufficient: BooleanConstructor;
21
+ stockInsufficientText: {
22
+ type: import("vue").PropType<string>;
23
+ default: string;
24
+ };
25
+ swipeDelete: BooleanConstructor;
26
+ deleteText: {
27
+ type: import("vue").PropType<string>;
28
+ default: string;
29
+ };
30
+ fields: {
31
+ type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
32
+ default: () => never[];
33
+ };
34
+ divider: {
35
+ type: BooleanConstructor;
36
+ default: true;
37
+ };
38
+ } & {
39
+ to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
40
+ url: StringConstructor;
41
+ replace: BooleanConstructor;
42
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "click-title" | "click-media" | "click-field")[], "delete" | "click-title" | "click-media" | "click-field", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
43
+ name: {
44
+ type: import("vue").PropType<string>;
45
+ default: string;
46
+ };
47
+ quantity: (NumberConstructor | StringConstructor)[];
48
+ quantityLabel: {
49
+ type: import("vue").PropType<string>;
50
+ default: string;
51
+ };
52
+ unit: {
53
+ type: import("vue").PropType<string>;
54
+ default: string;
55
+ };
56
+ showArrow: {
57
+ type: BooleanConstructor;
58
+ default: true;
59
+ };
60
+ rounded: BooleanConstructor;
61
+ stockInsufficient: BooleanConstructor;
62
+ stockInsufficientText: {
63
+ type: import("vue").PropType<string>;
64
+ default: string;
65
+ };
66
+ swipeDelete: BooleanConstructor;
67
+ deleteText: {
68
+ type: import("vue").PropType<string>;
69
+ default: string;
70
+ };
71
+ fields: {
72
+ type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
73
+ default: () => never[];
74
+ };
75
+ divider: {
76
+ type: BooleanConstructor;
77
+ default: true;
78
+ };
79
+ } & {
80
+ to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
81
+ url: StringConstructor;
82
+ replace: BooleanConstructor;
83
+ }>> & {
84
+ onDelete?: ((...args: any[]) => any) | undefined;
85
+ "onClick-title"?: ((...args: any[]) => any) | undefined;
86
+ "onClick-media"?: ((...args: any[]) => any) | undefined;
87
+ "onClick-field"?: ((...args: any[]) => any) | undefined;
88
+ }, {
89
+ replace: boolean;
90
+ name: string;
91
+ fields: import("./MaterialDisplayBar").MaterialDisplayBarField[];
92
+ divider: boolean;
93
+ showArrow: boolean;
94
+ unit: string;
95
+ quantityLabel: string;
96
+ rounded: boolean;
97
+ stockInsufficient: boolean;
98
+ stockInsufficientText: string;
99
+ swipeDelete: boolean;
100
+ deleteText: string;
101
+ }>>;
1
102
  export declare const MaterialDisplayBar: import("../utils").WithInstall<import("vue").DefineComponent<{
2
103
  name: {
3
104
  type: import("vue").PropType<string>;
@@ -99,5 +200,5 @@ export declare const MaterialDisplayBar: import("../utils").WithInstall<import("
99
200
  swipeDelete: boolean;
100
201
  deleteText: string;
101
202
  }>>;
102
- export default MaterialDisplayBar;
103
- export type { MaterialDisplayBarField, MaterialDisplayBarProps } from './MaterialDisplayBar';
203
+ export default MaterialPreview;
204
+ export type { MaterialDisplayBarField, MaterialDisplayBarProps, MaterialDisplayBarField as MaterialPreviewField, MaterialDisplayBarProps as MaterialPreviewProps, } from './MaterialDisplayBar';
@@ -28,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
28
28
  var stdin_exports = {};
29
29
  __export(stdin_exports, {
30
30
  MaterialDisplayBar: () => MaterialDisplayBar,
31
+ MaterialPreview: () => MaterialPreview,
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_MaterialDisplayBar = __toESM(require("./MaterialDisplayBar"));
36
- const MaterialDisplayBar = (0, import_utils.withInstall)(import_MaterialDisplayBar.default);
37
- var stdin_default = MaterialDisplayBar;
37
+ const MaterialPreview = (0, import_utils.withInstall)(import_MaterialDisplayBar.default);
38
+ const MaterialDisplayBar = MaterialPreview;
39
+ var stdin_default = MaterialPreview;
@@ -5,6 +5,7 @@
5
5
  --van-material-display-bar-radius: @material-detail-radius;
6
6
  --van-material-display-bar-gap: @material-detail-gap;
7
7
  --van-material-display-bar-fields-gap: @material-detail-fields-gap;
8
+ --van-material-display-bar-field-label-max-width: @material-detail-field-label-max-width;
8
9
  --van-material-display-bar-title-color: @material-detail-title-color;
9
10
  --van-material-display-bar-title-font-size: @material-detail-title-font-size;
10
11
  --van-material-display-bar-title-line-height: @material-detail-title-line-height;
@@ -37,14 +38,16 @@
37
38
 
38
39
  &__header {
39
40
  justify-content: space-between;
40
- gap: var(--van-padding-sm);
41
+ gap: var(--van-material-display-bar-gap);
41
42
  min-width: 0;
42
43
  }
43
44
 
44
45
  &__title {
46
+ flex: 1 1 0;
45
47
  min-width: 0;
46
48
  gap: var(--van-material-display-bar-title-gap);
47
49
  padding: 0;
50
+ overflow: hidden;
48
51
  color: var(--van-material-display-bar-title-color);
49
52
  font: inherit;
50
53
  font-size: var(--van-material-display-bar-title-font-size);
@@ -56,6 +59,13 @@
56
59
  cursor: pointer;
57
60
 
58
61
  &:active { opacity: var(--van-active-opacity); }
62
+
63
+ > span {
64
+ min-width: 0;
65
+ overflow: hidden;
66
+ text-overflow: ellipsis;
67
+ white-space: nowrap;
68
+ }
59
69
  }
60
70
 
61
71
  &__title-arrow {
@@ -90,6 +100,29 @@
90
100
 
91
101
  &__fields { display: flex; flex-direction: column; gap: var(--van-material-display-bar-fields-gap); width: 100%; }
92
102
 
103
+ &__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) {
104
+ min-width: 0;
105
+
106
+ .van-label__label {
107
+ max-width: var(--van-material-display-bar-field-label-max-width);
108
+ overflow: hidden;
109
+ text-overflow: ellipsis;
110
+ white-space: nowrap;
111
+ }
112
+
113
+ .van-label__value,
114
+ .van-label__text,
115
+ .van-label__link {
116
+ min-width: 0;
117
+ overflow: hidden;
118
+ text-overflow: ellipsis;
119
+ white-space: nowrap;
120
+ }
121
+
122
+ .van-label__text,
123
+ .van-label__link { display: block; }
124
+ }
125
+
93
126
  &__divider.van-divider {
94
127
  margin: 0 var(--van-padding-md);
95
128
  }
@@ -2,6 +2,7 @@
2
2
  @material-detail-radius: var(--van-border-radius-lg);
3
3
  @material-detail-gap: 4px;
4
4
  @material-detail-fields-gap: 0;
5
+ @material-detail-field-label-max-width: 120px;
5
6
  @material-detail-title-color: var(--van-gray-8);
6
7
  @material-detail-title-font-size: var(--van-font-size-md);
7
8
  @material-detail-title-line-height: var(--van-line-height-lg);
@@ -179,8 +179,8 @@ declare const _default: import("vue").DefineComponent<{
179
179
  }, {
180
180
  required: boolean;
181
181
  title: string;
182
- icon: string;
183
182
  size: string | number;
183
+ icon: string;
184
184
  border: boolean;
185
185
  disabled: boolean;
186
186
  modelValue: number;
@@ -191,8 +191,8 @@ export declare const RateCell: import("../utils").WithInstall<import("vue").Defi
191
191
  }, {
192
192
  required: boolean;
193
193
  title: string;
194
- icon: string;
195
194
  size: string | number;
195
+ icon: string;
196
196
  border: boolean;
197
197
  disabled: boolean;
198
198
  modelValue: number;
@@ -1,4 +1,5 @@
1
1
  import { type ExtractPropTypes } from 'vue';
2
+ import { FieldTextAlign } from '../field';
2
3
  import type { SearchShape, SearchVariant } from './types';
3
4
  declare const searchProps: {
4
5
  id: StringConstructor;
@@ -17,10 +18,7 @@ declare const searchProps: {
17
18
  type: (NumberConstructor | StringConstructor)[];
18
19
  default: string;
19
20
  };
20
- inputAlign: {
21
- type: import("vue").PropType<import("../field").FieldTextAlign>;
22
- default: import("../field").FieldTextAlign;
23
- };
21
+ inputAlign: import("vue").PropType<FieldTextAlign>;
24
22
  placeholder: StringConstructor;
25
23
  autocomplete: StringConstructor;
26
24
  errorMessage: StringConstructor;
@@ -55,6 +53,10 @@ declare const searchProps: {
55
53
  type: import("vue").PropType<SearchVariant>;
56
54
  default: SearchVariant;
57
55
  };
56
+ inputAlign: {
57
+ type: import("vue").PropType<FieldTextAlign>;
58
+ default: FieldTextAlign;
59
+ };
58
60
  leftIcon: {
59
61
  type: import("vue").PropType<string>;
60
62
  default: string;
@@ -85,10 +87,7 @@ declare const _default: import("vue").DefineComponent<{
85
87
  type: (NumberConstructor | StringConstructor)[];
86
88
  default: string;
87
89
  };
88
- inputAlign: {
89
- type: import("vue").PropType<import("../field").FieldTextAlign>;
90
- default: import("../field").FieldTextAlign;
91
- };
90
+ inputAlign: import("vue").PropType<FieldTextAlign>;
92
91
  placeholder: StringConstructor;
93
92
  autocomplete: StringConstructor;
94
93
  errorMessage: StringConstructor;
@@ -123,6 +122,10 @@ declare const _default: import("vue").DefineComponent<{
123
122
  type: import("vue").PropType<SearchVariant>;
124
123
  default: SearchVariant;
125
124
  };
125
+ inputAlign: {
126
+ type: import("vue").PropType<FieldTextAlign>;
127
+ default: FieldTextAlign;
128
+ };
126
129
  leftIcon: {
127
130
  type: import("vue").PropType<string>;
128
131
  default: string;
@@ -151,10 +154,7 @@ declare const _default: import("vue").DefineComponent<{
151
154
  type: (NumberConstructor | StringConstructor)[];
152
155
  default: string;
153
156
  };
154
- inputAlign: {
155
- type: import("vue").PropType<import("../field").FieldTextAlign>;
156
- default: import("../field").FieldTextAlign;
157
- };
157
+ inputAlign: import("vue").PropType<FieldTextAlign>;
158
158
  placeholder: StringConstructor;
159
159
  autocomplete: StringConstructor;
160
160
  errorMessage: StringConstructor;
@@ -189,6 +189,10 @@ declare const _default: import("vue").DefineComponent<{
189
189
  type: import("vue").PropType<SearchVariant>;
190
190
  default: SearchVariant;
191
191
  };
192
+ inputAlign: {
193
+ type: import("vue").PropType<FieldTextAlign>;
194
+ default: FieldTextAlign;
195
+ };
192
196
  leftIcon: {
193
197
  type: import("vue").PropType<string>;
194
198
  default: string;
@@ -218,7 +222,7 @@ declare const _default: import("vue").DefineComponent<{
218
222
  leftIcon: string;
219
223
  clearable: boolean;
220
224
  clearIcon: string;
221
- inputAlign: import("../field").FieldTextAlign;
225
+ inputAlign: FieldTextAlign;
222
226
  clearTrigger: import("../field").FieldClearTrigger;
223
227
  formatTrigger: import("../field").FieldFormatTrigger;
224
228
  error: boolean;
@@ -31,6 +31,7 @@ const searchProps = (0, import_utils.extend)({}, import_Field.fieldSharedProps,
31
31
  label: String,
32
32
  shape: (0, import_utils.makeStringProp)("round"),
33
33
  variant: (0, import_utils.makeStringProp)("default"),
34
+ inputAlign: (0, import_utils.makeStringProp)("left"),
34
35
  leftIcon: (0, import_utils.makeStringProp)("search"),
35
36
  clearable: import_utils.truthProp,
36
37
  actionText: String,
@@ -16,10 +16,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
16
16
  type: (NumberConstructor | StringConstructor)[];
17
17
  default: string;
18
18
  };
19
- inputAlign: {
20
- type: import("vue").PropType<import("..").FieldTextAlign>;
21
- default: import("..").FieldTextAlign;
22
- };
19
+ inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
23
20
  placeholder: StringConstructor;
24
21
  autocomplete: StringConstructor;
25
22
  errorMessage: StringConstructor;
@@ -54,6 +51,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
54
51
  type: import("vue").PropType<import("./types").SearchVariant>;
55
52
  default: import("./types").SearchVariant;
56
53
  };
54
+ inputAlign: {
55
+ type: import("vue").PropType<import("..").FieldTextAlign>;
56
+ default: import("..").FieldTextAlign;
57
+ };
57
58
  leftIcon: {
58
59
  type: import("vue").PropType<string>;
59
60
  default: string;
@@ -82,10 +83,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
82
83
  type: (NumberConstructor | StringConstructor)[];
83
84
  default: string;
84
85
  };
85
- inputAlign: {
86
- type: import("vue").PropType<import("..").FieldTextAlign>;
87
- default: import("..").FieldTextAlign;
88
- };
86
+ inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
89
87
  placeholder: StringConstructor;
90
88
  autocomplete: StringConstructor;
91
89
  errorMessage: StringConstructor;
@@ -120,6 +118,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
120
118
  type: import("vue").PropType<import("./types").SearchVariant>;
121
119
  default: import("./types").SearchVariant;
122
120
  };
121
+ inputAlign: {
122
+ type: import("vue").PropType<import("..").FieldTextAlign>;
123
+ default: import("..").FieldTextAlign;
124
+ };
123
125
  leftIcon: {
124
126
  type: import("vue").PropType<string>;
125
127
  default: string;
@@ -1 +1 @@
1
- :root{--van-sidebar-width: 80px}.van-sidebar{width:var(--van-sidebar-width);overflow-y:auto;-webkit-overflow-scrolling:touch}
1
+ :root{--van-sidebar-width: 80px}.van-sidebar{width:var(--van-sidebar-width);overflow-y:auto;background:var(--van-gray-2);-webkit-overflow-scrolling:touch}
@@ -7,5 +7,6 @@
7
7
  .van-sidebar {
8
8
  width: var(--van-sidebar-width);
9
9
  overflow-y: auto;
10
+ background: var(--van-gray-2);
10
11
  -webkit-overflow-scrolling: touch;
11
12
  }
@@ -1 +1 @@
1
- :root{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-md);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-sm);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background-color: var(--van-background-color);--van-sidebar-selected-font-weight: var(--van-font-weight-bold);--van-sidebar-selected-text-color: var(--van-text-color);--van-sidebar-selected-border-width: 4px;--van-sidebar-selected-border-height: 16px;--van-sidebar-selected-border-color: var(--van-primary-color);--van-sidebar-selected-background-color: var(--van-background-color-light)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child):after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background-color)}.van-sidebar-item--select:before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:""}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}
1
+ :root{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-lg);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-xs);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background-color: var(--van-gray-2);--van-sidebar-selected-font-weight: 600;--van-sidebar-selected-text-color: var(--van-blue);--van-sidebar-selected-border-width: 3px;--van-sidebar-selected-border-height: 12px;--van-sidebar-selected-border-color: var(--van-primary-color);--van-sidebar-selected-background-color: var(--van-background-color-light)}.van-sidebar-item{position:relative;display:flex;box-sizing:border-box;min-height:60px;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);text-align:center;background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-background-color)}.van-sidebar-item__text{position:static;display:flex;flex:1;align-items:center;justify-content:center;min-width:0;overflow-wrap:anywhere;word-break:break-word}.van-sidebar-item--select{padding:4px;color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-background-color)}.van-sidebar-item--select .van-sidebar-item__text{min-height:52px;padding:0 4px;background-color:var(--van-sidebar-selected-background-color);border-radius:var(--van-border-radius-lg)}.van-sidebar-item--select:before{position:absolute;top:24px;left:8px;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);border-radius:var(--van-border-radius-md);content:""}.van-sidebar-item .van-badge--fixed{top:10px;right:10px;transform:none}.van-sidebar-item .van-badge--dot{top:20px;right:14px;width:6px;height:6px;background-color:var(--van-red)}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}