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.
- package/es/badge/Badge.d.ts +14 -0
- package/es/badge/Badge.mjs +2 -0
- package/es/badge/index.css +1 -1
- package/es/badge/index.d.ts +10 -1
- package/es/badge/index.less +6 -0
- package/es/badge/var.less +1 -0
- package/es/button/Button.d.ts +1 -1
- package/es/button/index.d.ts +1 -1
- package/es/field/Field.d.ts +5 -18
- package/es/field/Field.mjs +3 -2
- package/es/field/index.d.ts +3 -10
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/loading/Loading.mjs +16 -19
- package/es/material-action-bar/index.css +1 -1
- package/es/material-action-bar/index.less +3 -3
- package/es/material-add/MaterialAdd.mjs +0 -1
- package/es/material-add/index.css +1 -1
- package/es/material-detail/MaterialDetail.mjs +7 -2
- package/es/material-display-bar/MaterialDisplayBar.mjs +1 -0
- package/es/material-display-bar/index.css +1 -1
- package/es/material-display-bar/index.d.ts +103 -2
- package/es/material-display-bar/index.less +34 -1
- package/es/material-display-bar/index.mjs +4 -2
- package/es/material-display-bar/var.less +1 -0
- package/es/rate/RateCell.d.ts +1 -1
- package/es/rate/index.d.ts +1 -1
- package/es/search/Search.d.ts +17 -13
- package/es/search/Search.mjs +1 -0
- package/es/search/index.d.ts +10 -8
- package/es/sidebar/index.css +1 -1
- package/es/sidebar/index.less +1 -0
- package/es/sidebar-item/index.css +1 -1
- package/es/sidebar-item/index.less +37 -11
- package/es/sidebar-item/var.less +7 -7
- package/es/space/Space.d.ts +1 -1
- package/es/space/index.d.ts +1 -1
- package/es/tag/Tag.d.ts +1 -1
- package/es/tag/index.d.ts +1 -1
- package/lib/badge/Badge.d.ts +14 -0
- package/lib/badge/Badge.js +2 -0
- package/lib/badge/index.css +1 -1
- package/lib/badge/index.d.ts +10 -1
- package/lib/badge/index.less +6 -0
- package/lib/badge/var.less +1 -0
- package/lib/button/Button.d.ts +1 -1
- package/lib/button/index.d.ts +1 -1
- package/lib/field/Field.d.ts +5 -18
- package/lib/field/Field.js +3 -2
- package/lib/field/index.d.ts +3 -10
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/loading/Loading.js +16 -19
- package/lib/material-action-bar/index.css +1 -1
- package/lib/material-action-bar/index.less +3 -3
- package/lib/material-add/MaterialAdd.js +0 -1
- package/lib/material-add/index.css +1 -1
- package/lib/material-detail/MaterialDetail.js +7 -2
- package/lib/material-display-bar/MaterialDisplayBar.js +1 -0
- package/lib/material-display-bar/index.css +1 -1
- package/lib/material-display-bar/index.d.ts +103 -2
- package/lib/material-display-bar/index.js +4 -2
- package/lib/material-display-bar/index.less +34 -1
- package/lib/material-display-bar/var.less +1 -0
- package/lib/rate/RateCell.d.ts +1 -1
- package/lib/rate/index.d.ts +1 -1
- package/lib/search/Search.d.ts +17 -13
- package/lib/search/Search.js +1 -0
- package/lib/search/index.d.ts +10 -8
- package/lib/sidebar/index.css +1 -1
- package/lib/sidebar/index.less +1 -0
- package/lib/sidebar-item/index.css +1 -1
- package/lib/sidebar-item/index.less +37 -11
- package/lib/sidebar-item/var.less +7 -7
- package/lib/space/Space.d.ts +1 -1
- package/lib/space/index.d.ts +1 -1
- package/lib/tag/Tag.d.ts +1 -1
- package/lib/tag/index.d.ts +1 -1
- package/lib/vant.cjs.js +34 -25
- package/lib/vant.es.js +34 -25
- package/lib/vant.js +34 -25
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +1 -1
- package/skills/use-persagy-vant/SKILL.md +3 -3
- package/skills/use-persagy-vant/references/business-component-catalog.md +1 -1
- package/skills/use-persagy-vant/references/component-catalog.md +16 -9
- package/skills/use-persagy-vant/references/component-documentation.md +20 -1
- package/skills/use-persagy-vant/references/component-gap-template.md +3 -0
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +10 -4
- package/skills/use-persagy-vant/references/page-recipes.md +17 -14
- package/skills/use-persagy-vant/references/reuse-policy.md +47 -3
- package/skills/use-persagy-vant/references/usage-patterns.md +5 -3
package/lib/index.d.ts
CHANGED
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.
|
|
249
|
+
const version = "0.0.35";
|
|
250
250
|
function install(app) {
|
|
251
251
|
const components = [
|
|
252
252
|
import_action_bar.ActionBar,
|
package/lib/loading/Loading.js
CHANGED
|
@@ -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
|
|
41
|
-
"
|
|
42
|
-
"aria-
|
|
40
|
+
"viewBox": "0 0 100 100",
|
|
41
|
+
"fill": "none",
|
|
42
|
+
"aria-hidden": "true"
|
|
43
43
|
}, [(0, import_vue.createVNode)("rect", {
|
|
44
|
-
"x": "
|
|
45
|
-
"y": "
|
|
46
|
-
"width": "
|
|
47
|
-
"height": "
|
|
48
|
-
"rx": "
|
|
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.
|
|
50
|
+
"opacity": "0.14"
|
|
55
51
|
}, null), (0, import_vue.createVNode)("path", {
|
|
56
|
-
"d": "
|
|
57
|
-
"
|
|
58
|
-
"
|
|
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": "
|
|
61
|
-
"fill": "none",
|
|
58
|
+
"d": "M50 18v12m-16-4 8 8m24-8-8 8",
|
|
62
59
|
"stroke": "currentColor",
|
|
63
|
-
"stroke-width": "
|
|
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:
|
|
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:
|
|
25
|
-
&__stepper-wrapper { position: relative; margin-left:
|
|
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
|
-
"
|
|
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-
|
|
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
|
|
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
|
|
37
|
-
|
|
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-
|
|
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);
|
package/lib/rate/RateCell.d.ts
CHANGED
package/lib/rate/index.d.ts
CHANGED
|
@@ -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;
|
package/lib/search/Search.d.ts
CHANGED
|
@@ -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:
|
|
225
|
+
inputAlign: FieldTextAlign;
|
|
222
226
|
clearTrigger: import("../field").FieldClearTrigger;
|
|
223
227
|
formatTrigger: import("../field").FieldFormatTrigger;
|
|
224
228
|
error: boolean;
|
package/lib/search/Search.js
CHANGED
|
@@ -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,
|
package/lib/search/index.d.ts
CHANGED
|
@@ -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;
|
package/lib/sidebar/index.css
CHANGED
|
@@ -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}
|
package/lib/sidebar/index.less
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-
|
|
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)}
|