persagy-vant 0.0.28 → 0.0.30
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/blue-mark/CollapseToggle.d.ts +4 -0
- package/es/blue-mark/CollapseToggle.mjs +11 -1
- package/es/blue-mark/index.css +1 -1
- package/es/blue-mark/index.d.ts +3 -0
- package/es/blue-mark/index.less +25 -0
- package/es/blue-mark/style/index.mjs +1 -0
- package/es/blue-mark/style/less.mjs +1 -0
- package/es/collapse-toggle/index.css +1 -0
- package/es/collapse-toggle/index.d.ts +2 -0
- package/es/collapse-toggle/index.less +1 -0
- package/es/collapse-toggle/index.mjs +4 -0
- package/es/index.d.ts +2 -1
- package/es/index.mjs +4 -1
- package/es/info-card/InfoCard.d.ts +128 -0
- package/es/info-card/InfoCard.mjs +84 -0
- package/es/info-card/index.css +1 -0
- package/es/info-card/index.d.ts +88 -0
- package/es/info-card/index.less +60 -0
- package/es/info-card/index.mjs +8 -0
- package/es/info-card/style/index.mjs +8 -0
- package/es/info-card/style/less.mjs +8 -0
- package/es/info-card/var.css +0 -0
- package/es/info-card/var.less +7 -0
- package/es/label/Label.d.ts +3 -0
- package/es/label/Label.mjs +9 -2
- package/es/label/index.css +1 -1
- package/es/label/index.d.ts +2 -0
- package/es/label/index.less +35 -0
- package/es/label/var.less +5 -0
- package/es/loading/Loading.d.ts +1 -1
- package/es/loading/Loading.mjs +40 -4
- package/es/loading/assets/building.gif +0 -0
- package/es/loading/index.css +1 -1
- package/es/loading/index.less +14 -0
- package/es/material-add/style/index.mjs +2 -1
- package/es/material-add/style/less.mjs +2 -1
- package/es/multi-person-select/style/index.mjs +2 -1
- package/es/multi-person-select/style/less.mjs +2 -1
- package/es/object-select/style/index.mjs +2 -1
- package/es/object-select/style/less.mjs +2 -1
- package/es/single-person-select/style/index.mjs +2 -1
- package/es/single-person-select/style/less.mjs +2 -1
- package/es/tag/Tag.mjs +1 -1
- package/es/vue-sfc-shim.d.ts +5 -0
- package/es/work-order-filter/style/index.mjs +2 -1
- package/es/work-order-filter/style/less.mjs +2 -1
- package/lib/blue-mark/CollapseToggle.d.ts +4 -0
- package/lib/blue-mark/CollapseToggle.js +11 -1
- package/lib/blue-mark/index.css +1 -1
- package/lib/blue-mark/index.d.ts +3 -0
- package/lib/blue-mark/index.less +25 -0
- package/lib/blue-mark/style/index.js +1 -0
- package/lib/blue-mark/style/less.js +1 -0
- package/lib/collapse-toggle/index.css +1 -0
- package/lib/collapse-toggle/index.d.ts +2 -0
- package/lib/collapse-toggle/index.js +23 -0
- package/lib/collapse-toggle/index.less +1 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +4 -1
- package/lib/index.less +7 -6
- package/lib/info-card/InfoCard.d.ts +128 -0
- package/lib/info-card/InfoCard.js +113 -0
- package/lib/info-card/index.css +1 -0
- package/lib/info-card/index.d.ts +88 -0
- package/lib/info-card/index.js +37 -0
- package/lib/info-card/index.less +60 -0
- package/lib/info-card/style/index.js +8 -0
- package/lib/info-card/style/less.js +8 -0
- package/lib/info-card/var.css +0 -0
- package/lib/info-card/var.less +7 -0
- package/lib/label/Label.d.ts +3 -0
- package/lib/label/Label.js +9 -2
- package/lib/label/index.css +1 -1
- package/lib/label/index.d.ts +2 -0
- package/lib/label/index.less +35 -0
- package/lib/label/var.less +5 -0
- package/lib/loading/Loading.d.ts +1 -1
- package/lib/loading/Loading.js +40 -4
- package/lib/loading/assets/building.gif +0 -0
- package/lib/loading/index.css +1 -1
- package/lib/loading/index.less +14 -0
- package/lib/material-add/style/index.js +2 -1
- package/lib/material-add/style/less.js +2 -1
- package/lib/multi-person-select/style/index.js +2 -1
- package/lib/multi-person-select/style/less.js +2 -1
- package/lib/object-select/style/index.js +2 -1
- package/lib/object-select/style/less.js +2 -1
- package/lib/single-person-select/style/index.js +2 -1
- package/lib/single-person-select/style/less.js +2 -1
- package/lib/tag/Tag.js +1 -1
- package/lib/vant.cjs.js +541 -410
- package/lib/vant.es.js +541 -410
- package/lib/vant.js +541 -410
- package/lib/vant.min.js +1 -1
- package/lib/vue-sfc-shim.d.ts +5 -0
- package/lib/web-types.json +1 -1
- package/lib/work-order-filter/style/index.js +2 -1
- package/lib/work-order-filter/style/less.js +2 -1
- package/package.json +2 -1
- package/skills/use-persagy-vant/SKILL.md +2 -2
- package/skills/use-persagy-vant/agents/openai.yaml +1 -1
- package/skills/use-persagy-vant/references/business-component-catalog.md +3 -1
- package/skills/use-persagy-vant/references/component-catalog.md +7 -2
- package/skills/use-persagy-vant/references/component-documentation.md +45 -0
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +4 -3
- package/skills/use-persagy-vant/references/page-recipes.md +10 -7
package/es/label/Label.mjs
CHANGED
|
@@ -10,6 +10,7 @@ const labelProps = {
|
|
|
10
10
|
type: makeStringProp("default"),
|
|
11
11
|
vertical: Boolean,
|
|
12
12
|
href: String,
|
|
13
|
+
location: String,
|
|
13
14
|
tags: {
|
|
14
15
|
type: Array,
|
|
15
16
|
default: () => []
|
|
@@ -28,6 +29,7 @@ var stdin_default = defineComponent({
|
|
|
28
29
|
emit
|
|
29
30
|
}) {
|
|
30
31
|
const vertical = computed(() => props.vertical || props.type === "media");
|
|
32
|
+
const showLocation = computed(() => props.vertical && (props.type === "bold" || props.type === "link") && !!props.location);
|
|
31
33
|
const renderText = () => {
|
|
32
34
|
var _a;
|
|
33
35
|
const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || props.content;
|
|
@@ -81,13 +83,18 @@ var stdin_default = defineComponent({
|
|
|
81
83
|
};
|
|
82
84
|
return () => _createVNode("div", {
|
|
83
85
|
"class": bem([props.type, {
|
|
84
|
-
vertical: vertical.value
|
|
86
|
+
vertical: vertical.value,
|
|
87
|
+
location: showLocation.value
|
|
85
88
|
}])
|
|
86
89
|
}, [_createVNode("span", {
|
|
87
90
|
"class": bem("label")
|
|
88
91
|
}, [props.label]), _createVNode("div", {
|
|
89
92
|
"class": bem("value")
|
|
90
|
-
}, [renderContent()
|
|
93
|
+
}, [renderContent(), showLocation.value && _createVNode("div", {
|
|
94
|
+
"class": bem("location")
|
|
95
|
+
}, [_createVNode(Icon, {
|
|
96
|
+
"name": "location-o"
|
|
97
|
+
}, null), _createVNode("span", null, [props.location])])])]);
|
|
91
98
|
}
|
|
92
99
|
});
|
|
93
100
|
export {
|
package/es/label/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-label-color: var(--van-gray-7);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-gap: 2px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-media-radius: 4px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
|
|
1
|
+
:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-label-color: var(--van-gray-7);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-gap: 2px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
|
package/es/label/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
|
|
|
13
13
|
};
|
|
14
14
|
vertical: BooleanConstructor;
|
|
15
15
|
href: StringConstructor;
|
|
16
|
+
location: StringConstructor;
|
|
16
17
|
tags: {
|
|
17
18
|
type: import("vue").PropType<string[]>;
|
|
18
19
|
default: () => never[];
|
|
@@ -36,6 +37,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
|
|
|
36
37
|
};
|
|
37
38
|
vertical: BooleanConstructor;
|
|
38
39
|
href: StringConstructor;
|
|
40
|
+
location: StringConstructor;
|
|
39
41
|
tags: {
|
|
40
42
|
type: import("vue").PropType<string[]>;
|
|
41
43
|
default: () => never[];
|
package/es/label/index.less
CHANGED
|
@@ -12,6 +12,11 @@
|
|
|
12
12
|
--van-label-media-gap: @label-media-gap;
|
|
13
13
|
--van-label-media-size: @label-media-size;
|
|
14
14
|
--van-label-media-radius: @label-media-radius;
|
|
15
|
+
--van-label-location-color: @label-location-color;
|
|
16
|
+
--van-label-location-font-size: @label-location-font-size;
|
|
17
|
+
--van-label-location-line-height: @label-location-line-height;
|
|
18
|
+
--van-label-location-icon-size: @label-location-icon-size;
|
|
19
|
+
--van-label-location-gap: @label-location-gap;
|
|
15
20
|
}
|
|
16
21
|
|
|
17
22
|
.van-label {
|
|
@@ -43,6 +48,36 @@
|
|
|
43
48
|
display: block;
|
|
44
49
|
}
|
|
45
50
|
|
|
51
|
+
&--location .van-label__value {
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: column;
|
|
54
|
+
gap: var(--van-label-location-gap);
|
|
55
|
+
width: 100%;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&--location .van-label__link {
|
|
59
|
+
align-self: flex-start;
|
|
60
|
+
text-align: left;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&__location {
|
|
64
|
+
display: inline-flex;
|
|
65
|
+
gap: var(--van-label-location-gap);
|
|
66
|
+
align-items: center;
|
|
67
|
+
width: fit-content;
|
|
68
|
+
max-width: 100%;
|
|
69
|
+
color: var(--van-label-location-color);
|
|
70
|
+
font-size: var(--van-label-location-font-size);
|
|
71
|
+
font-weight: normal;
|
|
72
|
+
line-height: var(--van-label-location-line-height);
|
|
73
|
+
overflow-wrap: anywhere;
|
|
74
|
+
|
|
75
|
+
.van-icon {
|
|
76
|
+
flex: none;
|
|
77
|
+
font-size: var(--van-label-location-icon-size);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
46
81
|
&--bold .van-label__value {
|
|
47
82
|
color: var(--van-label-bold-color);
|
|
48
83
|
font-weight: var(--van-font-weight-bold);
|
package/es/label/var.less
CHANGED
|
@@ -9,3 +9,8 @@
|
|
|
9
9
|
@label-media-gap: 6px;
|
|
10
10
|
@label-media-size: 64px;
|
|
11
11
|
@label-media-radius: 4px;
|
|
12
|
+
@label-location-color: var(--van-gray-7);
|
|
13
|
+
@label-location-font-size: var(--van-font-size-sm);
|
|
14
|
+
@label-location-line-height: var(--van-line-height-md);
|
|
15
|
+
@label-location-icon-size: 12px;
|
|
16
|
+
@label-location-gap: 2px;
|
package/es/loading/Loading.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ExtractPropTypes } from 'vue';
|
|
2
|
-
export declare type LoadingType = 'circular' | 'spinner';
|
|
2
|
+
export declare type LoadingType = 'circular' | 'spinner' | 'illustration';
|
|
3
3
|
declare const loadingProps: {
|
|
4
4
|
size: (NumberConstructor | StringConstructor)[];
|
|
5
5
|
type: {
|
package/es/loading/Loading.mjs
CHANGED
|
@@ -13,6 +13,37 @@ const CircularIcon = _createVNode("svg", {
|
|
|
13
13
|
"r": "20",
|
|
14
14
|
"fill": "none"
|
|
15
15
|
}, null)]);
|
|
16
|
+
const IllustrationIcon = _createVNode("svg", {
|
|
17
|
+
"class": bem("illustration"),
|
|
18
|
+
"viewBox": "0 0 120 120",
|
|
19
|
+
"fill": "none",
|
|
20
|
+
"aria-hidden": "true"
|
|
21
|
+
}, [_createVNode("rect", {
|
|
22
|
+
"x": "18",
|
|
23
|
+
"y": "24",
|
|
24
|
+
"width": "84",
|
|
25
|
+
"height": "78",
|
|
26
|
+
"rx": "12",
|
|
27
|
+
"fill": "currentColor",
|
|
28
|
+
"opacity": "0.16"
|
|
29
|
+
}, null), _createVNode("path", {
|
|
30
|
+
"d": "M35 98V48c0-5.5 4.5-10 10-10h30c5.5 0 10 4.5 10 10v50",
|
|
31
|
+
"fill": "currentColor",
|
|
32
|
+
"opacity": "0.72"
|
|
33
|
+
}, null), _createVNode("path", {
|
|
34
|
+
"d": "M48 54h8v11h-8zm16 0h8v11h-8zm-16 22h8v11h-8zm16 0h8v11h-8z",
|
|
35
|
+
"fill": "white"
|
|
36
|
+
}, null), _createVNode("path", {
|
|
37
|
+
"d": "M56 98V78h8v20",
|
|
38
|
+
"fill": "white",
|
|
39
|
+
"opacity": "0.92"
|
|
40
|
+
}, null), _createVNode("circle", {
|
|
41
|
+
"cx": "94",
|
|
42
|
+
"cy": "31",
|
|
43
|
+
"r": "9",
|
|
44
|
+
"fill": "currentColor",
|
|
45
|
+
"opacity": "0.9"
|
|
46
|
+
}, null)]);
|
|
16
47
|
const loadingProps = {
|
|
17
48
|
size: numericProp,
|
|
18
49
|
type: makeStringProp("circular"),
|
|
@@ -27,9 +58,13 @@ var stdin_default = defineComponent({
|
|
|
27
58
|
setup(props, {
|
|
28
59
|
slots
|
|
29
60
|
}) {
|
|
30
|
-
const spinnerStyle = computed(() =>
|
|
31
|
-
|
|
32
|
-
|
|
61
|
+
const spinnerStyle = computed(() => {
|
|
62
|
+
var _a;
|
|
63
|
+
const size = (_a = props.size) != null ? _a : props.type === "illustration" ? 100 : void 0;
|
|
64
|
+
return extend({
|
|
65
|
+
color: props.color
|
|
66
|
+
}, getSizeStyle(size));
|
|
67
|
+
});
|
|
33
68
|
const renderText = () => {
|
|
34
69
|
var _a;
|
|
35
70
|
if (slots.default) {
|
|
@@ -47,6 +82,7 @@ var stdin_default = defineComponent({
|
|
|
47
82
|
type,
|
|
48
83
|
vertical
|
|
49
84
|
} = props;
|
|
85
|
+
const isIllustration = type === "illustration";
|
|
50
86
|
return _createVNode("div", {
|
|
51
87
|
"class": bem([type, {
|
|
52
88
|
vertical
|
|
@@ -56,7 +92,7 @@ var stdin_default = defineComponent({
|
|
|
56
92
|
}, [_createVNode("span", {
|
|
57
93
|
"class": bem("spinner", type),
|
|
58
94
|
"style": spinnerStyle.value
|
|
59
|
-
}, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
|
|
95
|
+
}, [isIllustration ? IllustrationIcon : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
|
|
60
96
|
};
|
|
61
97
|
}
|
|
62
98
|
});
|
|
Binary file
|
package/es/loading/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
|
|
1
|
+
:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__spinner--illustration{animation:none}.van-loading__illustration{display:block;width:100%;height:100%}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}.van-loading--vertical.van-loading--illustration .van-loading__text{margin-top:var(--van-padding-xs)}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
|
package/es/loading/index.less
CHANGED
|
@@ -33,6 +33,14 @@
|
|
|
33
33
|
&--circular {
|
|
34
34
|
animation-duration: 2s;
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
&--illustration { animation: none; }
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&__illustration {
|
|
41
|
+
display: block;
|
|
42
|
+
width: 100%;
|
|
43
|
+
height: 100%;
|
|
36
44
|
}
|
|
37
45
|
|
|
38
46
|
&__line {
|
|
@@ -83,6 +91,12 @@
|
|
|
83
91
|
margin: var(--van-padding-xs) 0 0;
|
|
84
92
|
}
|
|
85
93
|
}
|
|
94
|
+
|
|
95
|
+
&--vertical&--illustration {
|
|
96
|
+
.van-loading__text {
|
|
97
|
+
margin-top: var(--van-padding-xs);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
86
100
|
}
|
|
87
101
|
|
|
88
102
|
@keyframes van-circular {
|
|
@@ -2,7 +2,6 @@ import "../../style/base.css";
|
|
|
2
2
|
import "../../badge/index.css";
|
|
3
3
|
import "../../icon/index.css";
|
|
4
4
|
import "../../filter-tag/index.css";
|
|
5
|
-
import "../../blue-mark/index.css";
|
|
6
5
|
import "../../tag/index.css";
|
|
7
6
|
import "../../loading/index.css";
|
|
8
7
|
import "../../button/index.css";
|
|
@@ -20,6 +19,8 @@ import "../../cell/index.css";
|
|
|
20
19
|
import "../../tree-select/index.css";
|
|
21
20
|
import "../../field/index.css";
|
|
22
21
|
import "../../search/index.css";
|
|
22
|
+
import "../../divider/index.css";
|
|
23
|
+
import "../../blue-mark/index.css";
|
|
23
24
|
import "../../sticky/index.css";
|
|
24
25
|
import "../../swipe/index.css";
|
|
25
26
|
import "../../swipe-item/index.css";
|
|
@@ -2,7 +2,6 @@ import "../../style/base.less";
|
|
|
2
2
|
import "../../badge/index.less";
|
|
3
3
|
import "../../icon/index.less";
|
|
4
4
|
import "../../filter-tag/index.less";
|
|
5
|
-
import "../../blue-mark/index.less";
|
|
6
5
|
import "../../tag/index.less";
|
|
7
6
|
import "../../loading/index.less";
|
|
8
7
|
import "../../button/index.less";
|
|
@@ -20,6 +19,8 @@ import "../../cell/index.less";
|
|
|
20
19
|
import "../../tree-select/index.less";
|
|
21
20
|
import "../../field/index.less";
|
|
22
21
|
import "../../search/index.less";
|
|
22
|
+
import "../../divider/index.less";
|
|
23
|
+
import "../../blue-mark/index.less";
|
|
23
24
|
import "../../sticky/index.less";
|
|
24
25
|
import "../../swipe/index.less";
|
|
25
26
|
import "../../swipe-item/index.less";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import "../../style/base.css";
|
|
2
2
|
import "../../badge/index.css";
|
|
3
3
|
import "../../icon/index.css";
|
|
4
|
-
import "../../blue-mark/index.css";
|
|
5
4
|
import "../../loading/index.css";
|
|
6
5
|
import "../../button/index.css";
|
|
7
6
|
import "../../overlay/index.css";
|
|
@@ -17,4 +16,6 @@ import "../../radio/index.css";
|
|
|
17
16
|
import "../../cell/index.css";
|
|
18
17
|
import "../../field/index.css";
|
|
19
18
|
import "../../search/index.css";
|
|
19
|
+
import "../../divider/index.css";
|
|
20
|
+
import "../../blue-mark/index.css";
|
|
20
21
|
import "../index.css";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import "../../style/base.less";
|
|
2
2
|
import "../../badge/index.less";
|
|
3
3
|
import "../../icon/index.less";
|
|
4
|
-
import "../../blue-mark/index.less";
|
|
5
4
|
import "../../loading/index.less";
|
|
6
5
|
import "../../button/index.less";
|
|
7
6
|
import "../../overlay/index.less";
|
|
@@ -17,4 +16,6 @@ import "../../radio/index.less";
|
|
|
17
16
|
import "../../cell/index.less";
|
|
18
17
|
import "../../field/index.less";
|
|
19
18
|
import "../../search/index.less";
|
|
19
|
+
import "../../divider/index.less";
|
|
20
|
+
import "../../blue-mark/index.less";
|
|
20
21
|
import "../index.less";
|
|
@@ -2,7 +2,6 @@ import "../../style/base.css";
|
|
|
2
2
|
import "../../badge/index.css";
|
|
3
3
|
import "../../icon/index.css";
|
|
4
4
|
import "../../filter-tag/index.css";
|
|
5
|
-
import "../../blue-mark/index.css";
|
|
6
5
|
import "../../loading/index.css";
|
|
7
6
|
import "../../button/index.css";
|
|
8
7
|
import "../../overlay/index.css";
|
|
@@ -19,6 +18,8 @@ import "../../cell/index.css";
|
|
|
19
18
|
import "../../tree-select/index.css";
|
|
20
19
|
import "../../field/index.css";
|
|
21
20
|
import "../../search/index.css";
|
|
21
|
+
import "../../divider/index.css";
|
|
22
|
+
import "../../blue-mark/index.css";
|
|
22
23
|
import "../../sticky/index.css";
|
|
23
24
|
import "../../swipe/index.css";
|
|
24
25
|
import "../../swipe-item/index.css";
|
|
@@ -2,7 +2,6 @@ import "../../style/base.less";
|
|
|
2
2
|
import "../../badge/index.less";
|
|
3
3
|
import "../../icon/index.less";
|
|
4
4
|
import "../../filter-tag/index.less";
|
|
5
|
-
import "../../blue-mark/index.less";
|
|
6
5
|
import "../../loading/index.less";
|
|
7
6
|
import "../../button/index.less";
|
|
8
7
|
import "../../overlay/index.less";
|
|
@@ -19,6 +18,8 @@ import "../../cell/index.less";
|
|
|
19
18
|
import "../../tree-select/index.less";
|
|
20
19
|
import "../../field/index.less";
|
|
21
20
|
import "../../search/index.less";
|
|
21
|
+
import "../../divider/index.less";
|
|
22
|
+
import "../../blue-mark/index.less";
|
|
22
23
|
import "../../sticky/index.less";
|
|
23
24
|
import "../../swipe/index.less";
|
|
24
25
|
import "../../swipe-item/index.less";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import "../../style/base.css";
|
|
2
2
|
import "../../badge/index.css";
|
|
3
3
|
import "../../icon/index.css";
|
|
4
|
-
import "../../blue-mark/index.css";
|
|
5
4
|
import "../../loading/index.css";
|
|
6
5
|
import "../../overlay/index.css";
|
|
7
6
|
import "../../popup/index.css";
|
|
@@ -15,4 +14,6 @@ import "../../radio/index.css";
|
|
|
15
14
|
import "../../cell/index.css";
|
|
16
15
|
import "../../field/index.css";
|
|
17
16
|
import "../../search/index.css";
|
|
17
|
+
import "../../divider/index.css";
|
|
18
|
+
import "../../blue-mark/index.css";
|
|
18
19
|
import "../index.css";
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import "../../style/base.less";
|
|
2
2
|
import "../../badge/index.less";
|
|
3
3
|
import "../../icon/index.less";
|
|
4
|
-
import "../../blue-mark/index.less";
|
|
5
4
|
import "../../loading/index.less";
|
|
6
5
|
import "../../overlay/index.less";
|
|
7
6
|
import "../../popup/index.less";
|
|
@@ -15,4 +14,6 @@ import "../../radio/index.less";
|
|
|
15
14
|
import "../../cell/index.less";
|
|
16
15
|
import "../../field/index.less";
|
|
17
16
|
import "../../search/index.less";
|
|
17
|
+
import "../../divider/index.less";
|
|
18
|
+
import "../../blue-mark/index.less";
|
|
18
19
|
import "../index.less";
|
package/es/tag/Tag.mjs
CHANGED
package/es/vue-sfc-shim.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ import "../../style/base.css";
|
|
|
2
2
|
import "../../badge/index.css";
|
|
3
3
|
import "../../icon/index.css";
|
|
4
4
|
import "../../filter-tag/index.css";
|
|
5
|
-
import "../../blue-mark/index.css";
|
|
6
5
|
import "../../loading/index.css";
|
|
7
6
|
import "../../picker/index.css";
|
|
8
7
|
import "../../datetime-picker/index.css";
|
|
@@ -18,4 +17,6 @@ import "../../bottom-action-bar/index.css";
|
|
|
18
17
|
import "../../radio-group/index.css";
|
|
19
18
|
import "../../radio/index.css";
|
|
20
19
|
import "../../cell/index.css";
|
|
20
|
+
import "../../divider/index.css";
|
|
21
|
+
import "../../blue-mark/index.css";
|
|
21
22
|
import "../index.css";
|
|
@@ -2,7 +2,6 @@ import "../../style/base.less";
|
|
|
2
2
|
import "../../badge/index.less";
|
|
3
3
|
import "../../icon/index.less";
|
|
4
4
|
import "../../filter-tag/index.less";
|
|
5
|
-
import "../../blue-mark/index.less";
|
|
6
5
|
import "../../loading/index.less";
|
|
7
6
|
import "../../picker/index.less";
|
|
8
7
|
import "../../datetime-picker/index.less";
|
|
@@ -18,4 +17,6 @@ import "../../bottom-action-bar/index.less";
|
|
|
18
17
|
import "../../radio-group/index.less";
|
|
19
18
|
import "../../radio/index.less";
|
|
20
19
|
import "../../cell/index.less";
|
|
20
|
+
import "../../divider/index.less";
|
|
21
|
+
import "../../blue-mark/index.less";
|
|
21
22
|
import "../index.less";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type ExtractPropTypes } from 'vue';
|
|
2
2
|
declare const collapseToggleProps: {
|
|
3
3
|
modelValue: BooleanConstructor;
|
|
4
|
+
divider: BooleanConstructor;
|
|
4
5
|
expandText: {
|
|
5
6
|
type: import("vue").PropType<string>;
|
|
6
7
|
default: string;
|
|
@@ -13,6 +14,7 @@ declare const collapseToggleProps: {
|
|
|
13
14
|
export declare type CollapseToggleProps = ExtractPropTypes<typeof collapseToggleProps>;
|
|
14
15
|
declare const _default: import("vue").DefineComponent<{
|
|
15
16
|
modelValue: BooleanConstructor;
|
|
17
|
+
divider: BooleanConstructor;
|
|
16
18
|
expandText: {
|
|
17
19
|
type: import("vue").PropType<string>;
|
|
18
20
|
default: string;
|
|
@@ -23,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
25
|
};
|
|
24
26
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
25
27
|
modelValue: BooleanConstructor;
|
|
28
|
+
divider: BooleanConstructor;
|
|
26
29
|
expandText: {
|
|
27
30
|
type: import("vue").PropType<string>;
|
|
28
31
|
default: string;
|
|
@@ -36,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
36
39
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
37
40
|
}, {
|
|
38
41
|
modelValue: boolean;
|
|
42
|
+
divider: boolean;
|
|
39
43
|
expandText: string;
|
|
40
44
|
collapseText: string;
|
|
41
45
|
}>;
|
|
@@ -22,10 +22,12 @@ __export(stdin_exports, {
|
|
|
22
22
|
module.exports = __toCommonJS(stdin_exports);
|
|
23
23
|
var import_vue = require("vue");
|
|
24
24
|
var import_utils = require("../utils");
|
|
25
|
+
var import_divider = require("../divider");
|
|
25
26
|
var import_icon = require("../icon");
|
|
26
27
|
const [name, bem] = (0, import_utils.createNamespace)("collapse-toggle");
|
|
27
28
|
const collapseToggleProps = {
|
|
28
29
|
modelValue: Boolean,
|
|
30
|
+
divider: Boolean,
|
|
29
31
|
expandText: (0, import_utils.makeStringProp)("\u5C55\u5F00"),
|
|
30
32
|
collapseText: (0, import_utils.makeStringProp)("\u6536\u8D77")
|
|
31
33
|
};
|
|
@@ -43,7 +45,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
43
45
|
emit("update:modelValue", value);
|
|
44
46
|
emit("change", value);
|
|
45
47
|
};
|
|
46
|
-
|
|
48
|
+
const renderToggle = () => {
|
|
47
49
|
var _a;
|
|
48
50
|
const expanded = props.modelValue;
|
|
49
51
|
const text = expanded ? props.collapseText : props.expandText;
|
|
@@ -62,5 +64,13 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
62
64
|
"class": bem("icon")
|
|
63
65
|
}, null)]);
|
|
64
66
|
};
|
|
67
|
+
return () => {
|
|
68
|
+
if (props.divider) {
|
|
69
|
+
return (0, import_vue.createVNode)("div", {
|
|
70
|
+
"class": bem("divider")
|
|
71
|
+
}, [(0, import_vue.createVNode)(import_divider.Divider, null, null), renderToggle(), (0, import_vue.createVNode)(import_divider.Divider, null, null)]);
|
|
72
|
+
}
|
|
73
|
+
return renderToggle();
|
|
74
|
+
};
|
|
65
75
|
}
|
|
66
76
|
});
|
package/lib/blue-mark/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-blue-mark-color: var(--van-primary-color);--van-blue-mark-text-color: var(--van-text-color);--van-blue-mark-width: 2px;--van-blue-mark-gap: 6px;--van-blue-mark-small-font-size: var(--van-font-size-sm);--van-blue-mark-small-line-height: var(--van-line-height-md);--van-blue-mark-small-height: 10px;--van-blue-mark-font-size: var(--van-font-size-md);--van-blue-mark-line-height: var(--van-line-height-lg);--van-blue-mark-height: 14px;--van-blue-mark-large-font-size: var(--van-font-size-lg);--van-blue-mark-large-line-height: 24px;--van-blue-mark-large-height: 14px;--van-blue-mark-header-padding: var(--van-padding-md) var(--van-padding-lg) 6px;--van-blue-mark-header-gap: var(--van-padding-xs);--van-collapse-toggle-color: var(--van-text-color-2);--van-collapse-toggle-expanded-color: var(--van-gray-7);--van-collapse-toggle-font-size: var(--van-font-size-md);--van-collapse-toggle-line-height: var(--van-line-height-lg);--van-collapse-toggle-gap: 2px;--van-collapse-toggle-icon-size: var(--van-font-size-md)}.van-blue-mark{display:inline-flex;align-items:center;gap:2px;color:var(--van-blue-mark-text-color);font-size:var(--van-blue-mark-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-line-height)}.van-blue-mark__main{display:inline-flex;align-items:center;gap:var(--van-blue-mark-current-gap, var(--van-blue-mark-gap))}.van-blue-mark__mark{display:block;flex:none;width:var(--van-blue-mark-current-width, var(--van-blue-mark-width));height:var(--van-blue-mark-current-height, var(--van-blue-mark-height));background:var(--van-blue-mark-current-color, var(--van-blue-mark-color));content:""}.van-blue-mark--small{font-size:var(--van-blue-mark-small-font-size);line-height:var(--van-blue-mark-small-line-height)}.van-blue-mark--small .van-blue-mark__mark{height:var(--van-blue-mark-small-height)}.van-blue-mark--large{font-size:var(--van-blue-mark-large-font-size);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark--large .van-blue-mark__main{gap:var(--van-blue-mark-current-gap, var(--van-padding-xs))}.van-blue-mark--large .van-blue-mark__mark{height:var(--van-blue-mark-large-height)}.van-blue-mark__arrow{flex:none;color:var(--van-text-color-2);font-size:var(--van-font-size-lg)}.van-blue-mark--small .van-blue-mark__arrow{font-size:var(--van-font-size-md)}.van-blue-mark--link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark--link:active{opacity:var(--van-active-opacity)}.van-collapse-toggle{display:inline-flex;align-items:center;gap:var(--van-collapse-toggle-gap);padding:0;color:var(--van-collapse-toggle-color);font:inherit;font-size:var(--van-collapse-toggle-font-size);line-height:var(--van-collapse-toggle-line-height);background:transparent;border:0;cursor:pointer}.van-collapse-toggle__icon{flex:none;font-size:var(--van-collapse-toggle-icon-size);transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter)}.van-collapse-toggle--expanded{color:var(--van-collapse-toggle-expanded-color)}.van-collapse-toggle--expanded .van-collapse-toggle__icon{transform:rotate(180deg)}.van-blue-mark-header{display:flex;align-items:center;min-width:0;padding:var(--van-blue-mark-header-padding)}.van-blue-mark-header__main{display:flex;flex:1;align-items:center;min-width:0;gap:0}.van-blue-mark-header__title{min-width:0}.van-blue-mark-header__required{flex:none;margin-left:var(--van-padding-base);color:var(--van-danger-color);font-size:var(--van-blue-mark-large-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark-header__action{flex:none;margin-left:var(--van-blue-mark-header-gap);padding:0;color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);background:transparent;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header__action:active{opacity:var(--van-active-opacity)}.van-blue-mark-header>.van-collapse-toggle{flex:none;margin-left:var(--van-padding-xs)}.van-blue-mark-header--expandable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header--expandable:active{opacity:var(--van-active-opacity)}
|
|
1
|
+
:root{--van-blue-mark-color: var(--van-primary-color);--van-blue-mark-text-color: var(--van-text-color);--van-blue-mark-width: 2px;--van-blue-mark-gap: 6px;--van-blue-mark-small-font-size: var(--van-font-size-sm);--van-blue-mark-small-line-height: var(--van-line-height-md);--van-blue-mark-small-height: 10px;--van-blue-mark-font-size: var(--van-font-size-md);--van-blue-mark-line-height: var(--van-line-height-lg);--van-blue-mark-height: 14px;--van-blue-mark-large-font-size: var(--van-font-size-lg);--van-blue-mark-large-line-height: 24px;--van-blue-mark-large-height: 14px;--van-blue-mark-header-padding: var(--van-padding-md) var(--van-padding-lg) 6px;--van-blue-mark-header-gap: var(--van-padding-xs);--van-collapse-toggle-color: var(--van-text-color-2);--van-collapse-toggle-expanded-color: var(--van-gray-7);--van-collapse-toggle-font-size: var(--van-font-size-md);--van-collapse-toggle-line-height: var(--van-line-height-lg);--van-collapse-toggle-gap: 2px;--van-collapse-toggle-icon-size: var(--van-font-size-md)}.van-blue-mark{display:inline-flex;align-items:center;gap:2px;color:var(--van-blue-mark-text-color);font-size:var(--van-blue-mark-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-line-height)}.van-blue-mark__main{display:inline-flex;align-items:center;gap:var(--van-blue-mark-current-gap, var(--van-blue-mark-gap))}.van-blue-mark__mark{display:block;flex:none;width:var(--van-blue-mark-current-width, var(--van-blue-mark-width));height:var(--van-blue-mark-current-height, var(--van-blue-mark-height));background:var(--van-blue-mark-current-color, var(--van-blue-mark-color));content:""}.van-blue-mark--small{font-size:var(--van-blue-mark-small-font-size);line-height:var(--van-blue-mark-small-line-height)}.van-blue-mark--small .van-blue-mark__mark{height:var(--van-blue-mark-small-height)}.van-blue-mark--large{font-size:var(--van-blue-mark-large-font-size);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark--large .van-blue-mark__main{gap:var(--van-blue-mark-current-gap, var(--van-padding-xs))}.van-blue-mark--large .van-blue-mark__mark{height:var(--van-blue-mark-large-height)}.van-blue-mark__arrow{flex:none;color:var(--van-text-color-2);font-size:var(--van-font-size-lg)}.van-blue-mark--small .van-blue-mark__arrow{font-size:var(--van-font-size-md)}.van-blue-mark--link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark--link:active{opacity:var(--van-active-opacity)}.van-collapse-toggle{display:inline-flex;align-items:center;gap:var(--van-collapse-toggle-gap);padding:0;color:var(--van-collapse-toggle-color);font:inherit;font-size:var(--van-collapse-toggle-font-size);line-height:var(--van-collapse-toggle-line-height);background:transparent;border:0;cursor:pointer}.van-collapse-toggle__icon{flex:none;font-size:var(--van-collapse-toggle-icon-size);transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter)}.van-collapse-toggle--expanded{color:var(--van-collapse-toggle-expanded-color)}.van-collapse-toggle--expanded .van-collapse-toggle__icon{transform:rotate(180deg)}.van-collapse-toggle__divider{display:flex;gap:12px;align-items:center;padding:2px 0}.van-collapse-toggle__divider .van-divider{flex:1;min-width:0;margin:0}.van-collapse-toggle__divider .van-collapse-toggle{flex:none;min-height:20px;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-collapse-toggle__divider .van-collapse-toggle:active{opacity:var(--van-active-opacity)}.van-collapse-toggle__divider .van-collapse-toggle .van-collapse-toggle__icon{font-size:12px}.van-blue-mark-header{display:flex;align-items:center;min-width:0;padding:var(--van-blue-mark-header-padding)}.van-blue-mark-header__main{display:flex;flex:1;align-items:center;min-width:0;gap:0}.van-blue-mark-header__title{min-width:0}.van-blue-mark-header__required{flex:none;margin-left:var(--van-padding-base);color:var(--van-danger-color);font-size:var(--van-blue-mark-large-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark-header__action{flex:none;margin-left:var(--van-blue-mark-header-gap);padding:0;color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);background:transparent;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header__action:active{opacity:var(--van-active-opacity)}.van-blue-mark-header>.van-collapse-toggle{flex:none;margin-left:var(--van-padding-xs)}.van-blue-mark-header--expandable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header--expandable:active{opacity:var(--van-active-opacity)}
|
package/lib/blue-mark/index.d.ts
CHANGED
|
@@ -64,6 +64,7 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
|
|
|
64
64
|
}>>;
|
|
65
65
|
export declare const CollapseToggle: import("../utils").WithInstall<import("vue").DefineComponent<{
|
|
66
66
|
modelValue: BooleanConstructor;
|
|
67
|
+
divider: BooleanConstructor;
|
|
67
68
|
expandText: {
|
|
68
69
|
type: import("vue").PropType<string>;
|
|
69
70
|
default: string;
|
|
@@ -74,6 +75,7 @@ export declare const CollapseToggle: import("../utils").WithInstall<import("vue"
|
|
|
74
75
|
};
|
|
75
76
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
76
77
|
modelValue: BooleanConstructor;
|
|
78
|
+
divider: BooleanConstructor;
|
|
77
79
|
expandText: {
|
|
78
80
|
type: import("vue").PropType<string>;
|
|
79
81
|
default: string;
|
|
@@ -87,6 +89,7 @@ export declare const CollapseToggle: import("../utils").WithInstall<import("vue"
|
|
|
87
89
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
88
90
|
}, {
|
|
89
91
|
modelValue: boolean;
|
|
92
|
+
divider: boolean;
|
|
90
93
|
expandText: string;
|
|
91
94
|
collapseText: string;
|
|
92
95
|
}>>;
|
package/lib/blue-mark/index.less
CHANGED
|
@@ -122,6 +122,31 @@
|
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
+
.van-collapse-toggle__divider {
|
|
126
|
+
display: flex;
|
|
127
|
+
gap: 12px;
|
|
128
|
+
align-items: center;
|
|
129
|
+
padding: 2px 0;
|
|
130
|
+
|
|
131
|
+
.van-divider {
|
|
132
|
+
flex: 1;
|
|
133
|
+
min-width: 0;
|
|
134
|
+
margin: 0;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.van-collapse-toggle {
|
|
138
|
+
flex: none;
|
|
139
|
+
min-height: 20px;
|
|
140
|
+
color: var(--van-gray-6);
|
|
141
|
+
font-size: var(--van-font-size-sm);
|
|
142
|
+
line-height: var(--van-line-height-md);
|
|
143
|
+
|
|
144
|
+
&:active { opacity: var(--van-active-opacity); }
|
|
145
|
+
|
|
146
|
+
.van-collapse-toggle__icon { font-size: 12px; }
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
125
150
|
.van-blue-mark-header {
|
|
126
151
|
display: flex;
|
|
127
152
|
align-items: center;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--van-blue-mark-color: var(--van-primary-color);--van-blue-mark-text-color: var(--van-text-color);--van-blue-mark-width: 2px;--van-blue-mark-gap: 6px;--van-blue-mark-small-font-size: var(--van-font-size-sm);--van-blue-mark-small-line-height: var(--van-line-height-md);--van-blue-mark-small-height: 10px;--van-blue-mark-font-size: var(--van-font-size-md);--van-blue-mark-line-height: var(--van-line-height-lg);--van-blue-mark-height: 14px;--van-blue-mark-large-font-size: var(--van-font-size-lg);--van-blue-mark-large-line-height: 24px;--van-blue-mark-large-height: 14px;--van-blue-mark-header-padding: var(--van-padding-md) var(--van-padding-lg) 6px;--van-blue-mark-header-gap: var(--van-padding-xs);--van-collapse-toggle-color: var(--van-text-color-2);--van-collapse-toggle-expanded-color: var(--van-gray-7);--van-collapse-toggle-font-size: var(--van-font-size-md);--van-collapse-toggle-line-height: var(--van-line-height-lg);--van-collapse-toggle-gap: 2px;--van-collapse-toggle-icon-size: var(--van-font-size-md)}.van-blue-mark{display:inline-flex;align-items:center;gap:2px;color:var(--van-blue-mark-text-color);font-size:var(--van-blue-mark-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-line-height)}.van-blue-mark__main{display:inline-flex;align-items:center;gap:var(--van-blue-mark-current-gap, var(--van-blue-mark-gap))}.van-blue-mark__mark{display:block;flex:none;width:var(--van-blue-mark-current-width, var(--van-blue-mark-width));height:var(--van-blue-mark-current-height, var(--van-blue-mark-height));background:var(--van-blue-mark-current-color, var(--van-blue-mark-color));content:""}.van-blue-mark--small{font-size:var(--van-blue-mark-small-font-size);line-height:var(--van-blue-mark-small-line-height)}.van-blue-mark--small .van-blue-mark__mark{height:var(--van-blue-mark-small-height)}.van-blue-mark--large{font-size:var(--van-blue-mark-large-font-size);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark--large .van-blue-mark__main{gap:var(--van-blue-mark-current-gap, var(--van-padding-xs))}.van-blue-mark--large .van-blue-mark__mark{height:var(--van-blue-mark-large-height)}.van-blue-mark__arrow{flex:none;color:var(--van-text-color-2);font-size:var(--van-font-size-lg)}.van-blue-mark--small .van-blue-mark__arrow{font-size:var(--van-font-size-md)}.van-blue-mark--link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark--link:active{opacity:var(--van-active-opacity)}.van-collapse-toggle{display:inline-flex;align-items:center;gap:var(--van-collapse-toggle-gap);padding:0;color:var(--van-collapse-toggle-color);font:inherit;font-size:var(--van-collapse-toggle-font-size);line-height:var(--van-collapse-toggle-line-height);background:transparent;border:0;cursor:pointer}.van-collapse-toggle__icon{flex:none;font-size:var(--van-collapse-toggle-icon-size);transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter)}.van-collapse-toggle--expanded{color:var(--van-collapse-toggle-expanded-color)}.van-collapse-toggle--expanded .van-collapse-toggle__icon{transform:rotate(180deg)}.van-collapse-toggle__divider{display:flex;gap:12px;align-items:center;padding:2px 0}.van-collapse-toggle__divider .van-divider{flex:1;min-width:0;margin:0}.van-collapse-toggle__divider .van-collapse-toggle{flex:none;min-height:20px;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-collapse-toggle__divider .van-collapse-toggle:active{opacity:var(--van-active-opacity)}.van-collapse-toggle__divider .van-collapse-toggle .van-collapse-toggle__icon{font-size:12px}.van-blue-mark-header{display:flex;align-items:center;min-width:0;padding:var(--van-blue-mark-header-padding)}.van-blue-mark-header__main{display:flex;flex:1;align-items:center;min-width:0;gap:0}.van-blue-mark-header__title{min-width:0}.van-blue-mark-header__required{flex:none;margin-left:var(--van-padding-base);color:var(--van-danger-color);font-size:var(--van-blue-mark-large-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark-header__action{flex:none;margin-left:var(--van-blue-mark-header-gap);padding:0;color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);background:transparent;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header__action:active{opacity:var(--van-active-opacity)}.van-blue-mark-header>.van-collapse-toggle{flex:none;margin-left:var(--van-padding-xs)}.van-blue-mark-header--expandable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header--expandable:active{opacity:var(--van-active-opacity)}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var stdin_exports = {};
|
|
19
|
+
__export(stdin_exports, {
|
|
20
|
+
default: () => import_blue_mark.CollapseToggle
|
|
21
|
+
});
|
|
22
|
+
module.exports = __toCommonJS(stdin_exports);
|
|
23
|
+
var import_blue_mark = require("../blue-mark");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../blue-mark/index.less';
|