persagy-vant 0.0.30 → 0.0.31
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/cell/Cell.d.ts +34 -1
- package/es/cell/Cell.mjs +48 -12
- package/es/cell/index.css +1 -1
- package/es/cell/index.d.ts +20 -1
- package/es/cell/index.less +19 -0
- package/es/cell/var.less +1 -1
- package/es/collapse-item/CollapseItem.d.ts +25 -0
- package/es/collapse-item/index.d.ts +18 -0
- package/es/content-panel/ContentPanel.d.ts +46 -0
- package/es/content-panel/ContentPanel.mjs +72 -0
- package/es/content-panel/index.css +1 -0
- package/es/content-panel/index.d.ts +33 -0
- package/es/content-panel/index.less +54 -0
- package/es/content-panel/index.mjs +8 -0
- package/es/content-panel/style/index.mjs +11 -0
- package/es/content-panel/style/less.mjs +11 -0
- package/es/content-panel/var.css +0 -0
- package/es/content-panel/var.less +3 -0
- package/es/dialog/Dialog.d.ts +4 -0
- package/es/dialog/Dialog.mjs +14 -1
- package/es/dialog/function-call.d.ts +2 -0
- package/es/dialog/types.d.ts +2 -0
- package/es/field/Field.d.ts +25 -0
- package/es/field/Field.mjs +1 -1
- package/es/field/index.d.ts +18 -0
- package/es/index.d.ts +6 -1
- package/es/index.mjs +16 -1
- package/es/info-card/InfoCard.d.ts +1 -0
- package/es/info-card/InfoCard.mjs +1 -0
- package/es/label/Label.d.ts +67 -0
- package/es/label/Label.mjs +22 -7
- package/es/label/index.css +1 -1
- package/es/label/index.d.ts +45 -0
- package/es/label/index.less +19 -0
- package/es/label/var.less +4 -1
- package/es/loading/Loading.mjs +18 -21
- package/es/material-action-bar/MaterialActionBar.d.ts +66 -0
- package/es/material-action-bar/MaterialActionBar.mjs +132 -0
- package/es/material-action-bar/index.css +1 -0
- package/es/material-action-bar/index.d.ts +58 -0
- package/es/material-action-bar/index.less +33 -0
- package/es/material-action-bar/index.mjs +8 -0
- package/es/material-action-bar/style/index.mjs +19 -0
- package/es/material-action-bar/style/less.mjs +19 -0
- package/es/material-add/MaterialAdd.mjs +12 -7
- package/es/material-add/index.css +1 -1
- package/es/material-add/index.less +7 -5
- package/es/material-add/style/index.mjs +7 -0
- package/es/material-add/style/less.mjs +7 -0
- package/es/material-detail/MaterialDetail.d.ts +64 -0
- package/es/material-detail/MaterialDetail.mjs +192 -0
- package/es/material-detail/index.css +1 -0
- package/es/material-detail/index.d.ts +40 -0
- package/es/material-detail/index.less +20 -0
- package/es/material-detail/index.mjs +8 -0
- package/es/material-detail/style/index.mjs +11 -0
- package/es/material-detail/style/less.mjs +11 -0
- package/es/material-display-bar/MaterialDisplayBar.d.ts +159 -0
- package/es/material-display-bar/MaterialDisplayBar.mjs +109 -0
- package/es/material-display-bar/index.css +1 -0
- package/es/material-display-bar/index.d.ts +103 -0
- package/es/material-display-bar/index.less +113 -0
- package/es/material-display-bar/index.mjs +8 -0
- package/es/material-display-bar/style/index.mjs +11 -0
- package/es/material-display-bar/style/less.mjs +11 -0
- package/es/material-display-bar/var.css +0 -0
- package/es/material-display-bar/var.less +12 -0
- package/es/rate/RateCell.mjs +4 -1
- package/es/rate/index.css +1 -1
- package/es/rate/index.less +16 -3
- package/es/search/Search.d.ts +14 -1
- package/es/search/Search.mjs +5 -3
- package/es/search/index.css +1 -1
- package/es/search/index.d.ts +9 -0
- package/es/search/index.less +10 -0
- package/es/search/types.d.ts +1 -0
- package/es/step/index.css +1 -1
- package/es/step/var.less +2 -2
- package/es/style/base.css +1 -1
- package/es/style/css-variables.css +1 -1
- package/es/style/var.less +1 -1
- package/es/title-bar/TitleBar.d.ts +85 -0
- package/es/title-bar/TitleBar.mjs +62 -0
- package/es/title-bar/index.css +1 -0
- package/es/title-bar/index.d.ts +60 -0
- package/es/title-bar/index.less +25 -0
- package/es/title-bar/index.mjs +8 -0
- package/es/title-bar/style/index.mjs +4 -0
- package/es/title-bar/style/less.mjs +4 -0
- package/es/title-bar/var.css +0 -0
- package/es/title-bar/var.less +6 -0
- package/es/tree-select/TreeSelect.d.ts +13 -0
- package/es/tree-select/TreeSelect.mjs +4 -2
- package/es/tree-select/index.css +1 -1
- package/es/tree-select/index.d.ts +9 -0
- package/es/tree-select/index.less +6 -0
- package/lib/cell/Cell.d.ts +34 -1
- package/lib/cell/Cell.js +46 -10
- package/lib/cell/index.css +1 -1
- package/lib/cell/index.d.ts +20 -1
- package/lib/cell/index.less +19 -0
- package/lib/cell/var.less +1 -1
- package/lib/collapse-item/CollapseItem.d.ts +25 -0
- package/lib/collapse-item/index.d.ts +18 -0
- package/lib/content-panel/ContentPanel.d.ts +46 -0
- package/lib/content-panel/ContentPanel.js +91 -0
- package/lib/content-panel/index.css +1 -0
- package/lib/content-panel/index.d.ts +33 -0
- package/lib/content-panel/index.js +37 -0
- package/lib/content-panel/index.less +54 -0
- package/lib/content-panel/style/index.js +11 -0
- package/lib/content-panel/style/less.js +11 -0
- package/lib/content-panel/var.css +0 -0
- package/lib/content-panel/var.less +3 -0
- package/lib/dialog/Dialog.d.ts +4 -0
- package/lib/dialog/Dialog.js +13 -0
- package/lib/dialog/function-call.d.ts +2 -0
- package/lib/dialog/types.d.ts +2 -0
- package/lib/dog1.jpg +0 -0
- package/lib/dog2.jpg +0 -0
- package/lib/dog3.jpg +0 -0
- package/lib/field/Field.d.ts +25 -0
- package/lib/field/Field.js +1 -1
- package/lib/field/index.d.ts +18 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +6 -1
- package/lib/index.js +16 -1
- package/lib/index.less +6 -1
- package/lib/info-card/InfoCard.d.ts +1 -0
- package/lib/info-card/InfoCard.js +1 -0
- package/lib/label/Label.d.ts +67 -0
- package/lib/label/Label.js +21 -6
- package/lib/label/index.css +1 -1
- package/lib/label/index.d.ts +45 -0
- package/lib/label/index.less +19 -0
- package/lib/label/var.less +4 -1
- package/lib/loading/Loading.js +18 -21
- package/lib/material-action-bar/MaterialActionBar.d.ts +66 -0
- package/lib/material-action-bar/MaterialActionBar.js +151 -0
- package/lib/material-action-bar/index.css +1 -0
- package/lib/material-action-bar/index.d.ts +58 -0
- package/lib/material-action-bar/index.js +37 -0
- package/lib/material-action-bar/index.less +33 -0
- package/lib/material-action-bar/style/index.js +19 -0
- package/lib/material-action-bar/style/less.js +19 -0
- package/lib/material-add/MaterialAdd.js +12 -7
- package/lib/material-add/index.css +1 -1
- package/lib/material-add/index.less +7 -5
- package/lib/material-add/style/index.js +7 -0
- package/lib/material-add/style/less.js +7 -0
- package/lib/material-detail/MaterialDetail.d.ts +64 -0
- package/lib/material-detail/MaterialDetail.js +211 -0
- package/lib/material-detail/index.css +1 -0
- package/lib/material-detail/index.d.ts +40 -0
- package/lib/material-detail/index.js +37 -0
- package/lib/material-detail/index.less +20 -0
- package/lib/material-detail/style/index.js +11 -0
- package/lib/material-detail/style/less.js +11 -0
- package/lib/material-display-bar/MaterialDisplayBar.d.ts +159 -0
- package/lib/material-display-bar/MaterialDisplayBar.js +128 -0
- package/lib/material-display-bar/index.css +1 -0
- package/lib/material-display-bar/index.d.ts +103 -0
- package/lib/material-display-bar/index.js +37 -0
- package/lib/material-display-bar/index.less +113 -0
- package/lib/material-display-bar/style/index.js +11 -0
- package/lib/material-display-bar/style/less.js +11 -0
- package/lib/material-display-bar/var.css +0 -0
- package/lib/material-display-bar/var.less +12 -0
- package/lib/rate/RateCell.js +4 -1
- package/lib/rate/index.css +1 -1
- package/lib/rate/index.less +16 -3
- package/lib/search/Search.d.ts +14 -1
- package/lib/search/Search.js +5 -3
- package/lib/search/index.css +1 -1
- package/lib/search/index.d.ts +9 -0
- package/lib/search/index.less +10 -0
- package/lib/search/types.d.ts +1 -0
- package/lib/step/index.css +1 -1
- package/lib/step/var.less +2 -2
- package/lib/style/base.css +1 -1
- package/lib/style/css-variables.css +1 -1
- package/lib/style/var.less +1 -1
- package/lib/title-bar/TitleBar.d.ts +85 -0
- package/lib/title-bar/TitleBar.js +81 -0
- package/lib/title-bar/index.css +1 -0
- package/lib/title-bar/index.d.ts +60 -0
- package/lib/title-bar/index.js +37 -0
- package/lib/title-bar/index.less +25 -0
- package/lib/title-bar/style/index.js +4 -0
- package/lib/title-bar/style/less.js +4 -0
- package/lib/title-bar/var.css +0 -0
- package/lib/title-bar/var.less +6 -0
- package/lib/tree-select/TreeSelect.d.ts +13 -0
- package/lib/tree-select/TreeSelect.js +3 -1
- package/lib/tree-select/index.css +1 -1
- package/lib/tree-select/index.d.ts +9 -0
- package/lib/tree-select/index.less +6 -0
- package/lib/vant.cjs.js +1641 -1218
- package/lib/vant.es.js +1641 -1218
- package/lib/vant.js +1641 -1218
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +1 -1
- package/skills/use-persagy-vant/references/business-component-catalog.md +8 -3
- package/skills/use-persagy-vant/references/component-catalog.md +7 -4
- package/skills/use-persagy-vant/references/component-documentation.md +1 -1
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +3 -3
- package/skills/use-persagy-vant/references/page-recipes.md +18 -5
- package/skills/use-persagy-vant/references/reuse-policy.md +1 -1
- package/skills/use-persagy-vant/references/usage-patterns.md +9 -1
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { type ExtractPropTypes, type PropType } from 'vue';
|
|
2
|
+
export declare type TitleBarSize = 'default' | 'mini';
|
|
3
|
+
declare const titleBarProps: {
|
|
4
|
+
title: {
|
|
5
|
+
type: PropType<string>;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
description: {
|
|
9
|
+
type: PropType<string>;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
icon: StringConstructor;
|
|
13
|
+
showIcon: BooleanConstructor;
|
|
14
|
+
showDescription: BooleanConstructor;
|
|
15
|
+
showArrow: BooleanConstructor;
|
|
16
|
+
size: {
|
|
17
|
+
type: PropType<TitleBarSize>;
|
|
18
|
+
default: TitleBarSize;
|
|
19
|
+
};
|
|
20
|
+
expandable: BooleanConstructor;
|
|
21
|
+
modelValue: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: true;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare type TitleBarProps = ExtractPropTypes<typeof titleBarProps>;
|
|
27
|
+
declare const _default: import("vue").DefineComponent<{
|
|
28
|
+
title: {
|
|
29
|
+
type: PropType<string>;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
description: {
|
|
33
|
+
type: PropType<string>;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
icon: StringConstructor;
|
|
37
|
+
showIcon: BooleanConstructor;
|
|
38
|
+
showDescription: BooleanConstructor;
|
|
39
|
+
showArrow: BooleanConstructor;
|
|
40
|
+
size: {
|
|
41
|
+
type: PropType<TitleBarSize>;
|
|
42
|
+
default: TitleBarSize;
|
|
43
|
+
};
|
|
44
|
+
expandable: BooleanConstructor;
|
|
45
|
+
modelValue: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: true;
|
|
48
|
+
};
|
|
49
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue")[], "click" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
50
|
+
title: {
|
|
51
|
+
type: PropType<string>;
|
|
52
|
+
default: string;
|
|
53
|
+
};
|
|
54
|
+
description: {
|
|
55
|
+
type: PropType<string>;
|
|
56
|
+
default: string;
|
|
57
|
+
};
|
|
58
|
+
icon: StringConstructor;
|
|
59
|
+
showIcon: BooleanConstructor;
|
|
60
|
+
showDescription: BooleanConstructor;
|
|
61
|
+
showArrow: BooleanConstructor;
|
|
62
|
+
size: {
|
|
63
|
+
type: PropType<TitleBarSize>;
|
|
64
|
+
default: TitleBarSize;
|
|
65
|
+
};
|
|
66
|
+
expandable: BooleanConstructor;
|
|
67
|
+
modelValue: {
|
|
68
|
+
type: BooleanConstructor;
|
|
69
|
+
default: true;
|
|
70
|
+
};
|
|
71
|
+
}>> & {
|
|
72
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
73
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
74
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
}, {
|
|
76
|
+
title: string;
|
|
77
|
+
size: TitleBarSize;
|
|
78
|
+
modelValue: boolean;
|
|
79
|
+
description: string;
|
|
80
|
+
expandable: boolean;
|
|
81
|
+
showArrow: boolean;
|
|
82
|
+
showDescription: boolean;
|
|
83
|
+
showIcon: boolean;
|
|
84
|
+
}>;
|
|
85
|
+
export default _default;
|
|
@@ -0,0 +1,81 @@
|
|
|
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 name2 in all)
|
|
7
|
+
__defProp(target, name2, { get: all[name2], 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: () => stdin_default
|
|
21
|
+
});
|
|
22
|
+
module.exports = __toCommonJS(stdin_exports);
|
|
23
|
+
var import_vue = require("vue");
|
|
24
|
+
var import_icon = require("../icon");
|
|
25
|
+
var import_utils = require("../utils");
|
|
26
|
+
const [name, bem] = (0, import_utils.createNamespace)("title-bar");
|
|
27
|
+
const titleBarProps = {
|
|
28
|
+
title: (0, import_utils.makeStringProp)(""),
|
|
29
|
+
description: (0, import_utils.makeStringProp)(""),
|
|
30
|
+
icon: String,
|
|
31
|
+
showIcon: Boolean,
|
|
32
|
+
showDescription: Boolean,
|
|
33
|
+
showArrow: Boolean,
|
|
34
|
+
size: (0, import_utils.makeStringProp)("default"),
|
|
35
|
+
expandable: Boolean,
|
|
36
|
+
modelValue: import_utils.truthProp
|
|
37
|
+
};
|
|
38
|
+
var stdin_default = (0, import_vue.defineComponent)({
|
|
39
|
+
name,
|
|
40
|
+
props: titleBarProps,
|
|
41
|
+
emits: ["update:modelValue", "change", "click"],
|
|
42
|
+
setup(props, {
|
|
43
|
+
slots,
|
|
44
|
+
emit
|
|
45
|
+
}) {
|
|
46
|
+
const toggle = () => {
|
|
47
|
+
if (!props.expandable)
|
|
48
|
+
return;
|
|
49
|
+
const value = !props.modelValue;
|
|
50
|
+
emit("update:modelValue", value);
|
|
51
|
+
emit("change", value);
|
|
52
|
+
};
|
|
53
|
+
return () => {
|
|
54
|
+
var _a, _b, _c;
|
|
55
|
+
return (0, import_vue.createVNode)("section", {
|
|
56
|
+
"class": bem({
|
|
57
|
+
mini: props.size === "mini",
|
|
58
|
+
expandable: props.expandable
|
|
59
|
+
})
|
|
60
|
+
}, [(0, import_vue.createVNode)("button", {
|
|
61
|
+
"type": "button",
|
|
62
|
+
"class": bem("header"),
|
|
63
|
+
"aria-expanded": props.expandable ? props.modelValue : void 0,
|
|
64
|
+
"onClick": (event) => {
|
|
65
|
+
emit("click", event);
|
|
66
|
+
toggle();
|
|
67
|
+
}
|
|
68
|
+
}, [props.showIcon && props.icon && (0, import_vue.createVNode)(import_icon.Icon, {
|
|
69
|
+
"name": props.icon,
|
|
70
|
+
"class": bem("icon")
|
|
71
|
+
}, null), (0, import_vue.createVNode)("span", {
|
|
72
|
+
"class": bem("text")
|
|
73
|
+
}, [(0, import_vue.createVNode)("strong", null, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props.title]), props.size !== "mini" && props.showDescription && props.description && (0, import_vue.createVNode)("span", null, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props.description])]), (props.showArrow || props.expandable) && (0, import_vue.createVNode)(import_icon.Icon, {
|
|
74
|
+
"name": "arrow-up",
|
|
75
|
+
"class": bem("arrow", {
|
|
76
|
+
expanded: props.expandable && props.modelValue
|
|
77
|
+
})
|
|
78
|
+
}, null)]), (!props.expandable || props.modelValue) && ((_c = slots.default) == null ? void 0 : _c.call(slots))]);
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--van-title-bar-padding: 12px var(--van-padding-md) 4px;--van-title-bar-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6)}.van-title-bar{color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__text strong{overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__text>span{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__arrow{flex:none;margin:4px 0 0 8px;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:4px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
export declare const TitleBar: import("../utils").WithInstall<import("vue").DefineComponent<{
|
|
2
|
+
title: {
|
|
3
|
+
type: import("vue").PropType<string>;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
description: {
|
|
7
|
+
type: import("vue").PropType<string>;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
icon: StringConstructor;
|
|
11
|
+
showIcon: BooleanConstructor;
|
|
12
|
+
showDescription: BooleanConstructor;
|
|
13
|
+
showArrow: BooleanConstructor;
|
|
14
|
+
size: {
|
|
15
|
+
type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
|
|
16
|
+
default: import("./TitleBar").TitleBarSize;
|
|
17
|
+
};
|
|
18
|
+
expandable: BooleanConstructor;
|
|
19
|
+
modelValue: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: true;
|
|
22
|
+
};
|
|
23
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue")[], "click" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
title: {
|
|
25
|
+
type: import("vue").PropType<string>;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
description: {
|
|
29
|
+
type: import("vue").PropType<string>;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
icon: StringConstructor;
|
|
33
|
+
showIcon: BooleanConstructor;
|
|
34
|
+
showDescription: BooleanConstructor;
|
|
35
|
+
showArrow: BooleanConstructor;
|
|
36
|
+
size: {
|
|
37
|
+
type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
|
|
38
|
+
default: import("./TitleBar").TitleBarSize;
|
|
39
|
+
};
|
|
40
|
+
expandable: BooleanConstructor;
|
|
41
|
+
modelValue: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
default: true;
|
|
44
|
+
};
|
|
45
|
+
}>> & {
|
|
46
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
47
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
48
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
49
|
+
}, {
|
|
50
|
+
title: string;
|
|
51
|
+
size: import("./TitleBar").TitleBarSize;
|
|
52
|
+
modelValue: boolean;
|
|
53
|
+
description: string;
|
|
54
|
+
expandable: boolean;
|
|
55
|
+
showArrow: boolean;
|
|
56
|
+
showDescription: boolean;
|
|
57
|
+
showIcon: boolean;
|
|
58
|
+
}>>;
|
|
59
|
+
export default TitleBar;
|
|
60
|
+
export type { TitleBarProps, TitleBarSize } from './TitleBar';
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
var stdin_exports = {};
|
|
29
|
+
__export(stdin_exports, {
|
|
30
|
+
TitleBar: () => TitleBar,
|
|
31
|
+
default: () => stdin_default
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(stdin_exports);
|
|
34
|
+
var import_utils = require("../utils");
|
|
35
|
+
var import_TitleBar = __toESM(require("./TitleBar"));
|
|
36
|
+
const TitleBar = (0, import_utils.withInstall)(import_TitleBar.default);
|
|
37
|
+
var stdin_default = TitleBar;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import './var.less';
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--van-title-bar-padding: @title-bar-padding;
|
|
5
|
+
--van-title-bar-gap: @title-bar-gap;
|
|
6
|
+
--van-title-bar-title-color: @title-bar-title-color;
|
|
7
|
+
--van-title-bar-description-color: @title-bar-description-color;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.van-title-bar {
|
|
11
|
+
color: var(--van-title-bar-title-color);
|
|
12
|
+
|
|
13
|
+
&__header { display: flex; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
|
|
14
|
+
&--expandable &__header { cursor: pointer; &:active { background: var(--van-active-color); } }
|
|
15
|
+
&__icon { flex: none; margin: 3px 4px 0 0; font-size: 16px; }
|
|
16
|
+
&__text { display: flex; flex: 1; flex-direction: column; min-width: 0; }
|
|
17
|
+
&__text strong { overflow: hidden; font-size: var(--van-font-size-md); font-weight: var(--van-font-weight-bold); line-height: var(--van-line-height-lg); text-overflow: ellipsis; white-space: nowrap; }
|
|
18
|
+
&__text > span { overflow: hidden; color: var(--van-title-bar-description-color); font-size: var(--van-font-size-sm); font-weight: 400; line-height: var(--van-line-height-md); text-overflow: ellipsis; white-space: nowrap; }
|
|
19
|
+
&__arrow { flex: none; margin: 4px 0 0 8px; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
|
|
20
|
+
&__arrow--expanded { transform: rotate(0); }
|
|
21
|
+
&--mini &__header { padding-top: 12px; padding-bottom: 4px; }
|
|
22
|
+
&--mini &__text strong { font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
|
|
23
|
+
&--mini &__icon { margin-top: 3px; font-size: 14px; }
|
|
24
|
+
&--mini &__arrow { margin-top: 3px; }
|
|
25
|
+
}
|
|
File without changes
|
|
@@ -25,6 +25,10 @@ declare const treeSelectProps: {
|
|
|
25
25
|
cascade: BooleanConstructor;
|
|
26
26
|
selectableParent: BooleanConstructor;
|
|
27
27
|
showParentSelect: BooleanConstructor;
|
|
28
|
+
showDivider: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: true;
|
|
31
|
+
};
|
|
28
32
|
};
|
|
29
33
|
export declare type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
|
|
30
34
|
declare const _default: import("vue").DefineComponent<{
|
|
@@ -44,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
48
|
cascade: BooleanConstructor;
|
|
45
49
|
selectableParent: BooleanConstructor;
|
|
46
50
|
showParentSelect: BooleanConstructor;
|
|
51
|
+
showDivider: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: true;
|
|
54
|
+
};
|
|
47
55
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:expandedKeys" | "expand")[], "select" | "update:modelValue" | "update:expandedKeys" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
48
56
|
items: {
|
|
49
57
|
type: PropType<TreeSelectItem[]>;
|
|
@@ -61,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
69
|
cascade: BooleanConstructor;
|
|
62
70
|
selectableParent: BooleanConstructor;
|
|
63
71
|
showParentSelect: BooleanConstructor;
|
|
72
|
+
showDivider: {
|
|
73
|
+
type: BooleanConstructor;
|
|
74
|
+
default: true;
|
|
75
|
+
};
|
|
64
76
|
}>> & {
|
|
65
77
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
66
78
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
@@ -74,5 +86,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
74
86
|
expandedKeys: Numeric[];
|
|
75
87
|
selectableParent: boolean;
|
|
76
88
|
showParentSelect: boolean;
|
|
89
|
+
showDivider: boolean;
|
|
77
90
|
}>;
|
|
78
91
|
export default _default;
|
|
@@ -46,7 +46,8 @@ const treeSelectProps = {
|
|
|
46
46
|
multiple: Boolean,
|
|
47
47
|
cascade: Boolean,
|
|
48
48
|
selectableParent: Boolean,
|
|
49
|
-
showParentSelect: Boolean
|
|
49
|
+
showParentSelect: Boolean,
|
|
50
|
+
showDivider: import_utils.truthProp
|
|
50
51
|
};
|
|
51
52
|
var stdin_default = (0, import_vue.defineComponent)({
|
|
52
53
|
name,
|
|
@@ -138,6 +139,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
138
139
|
branch: hasChildren
|
|
139
140
|
}),
|
|
140
141
|
"title": item.text,
|
|
142
|
+
"border": props.showDivider,
|
|
141
143
|
"style": {
|
|
142
144
|
paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`
|
|
143
145
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}
|
|
1
|
+
:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__node:not(:last-child)>.van-tree-select__cell:not(.van-cell--borderless):after{display:block}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}
|
|
@@ -15,6 +15,10 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
|
|
|
15
15
|
cascade: BooleanConstructor;
|
|
16
16
|
selectableParent: BooleanConstructor;
|
|
17
17
|
showParentSelect: BooleanConstructor;
|
|
18
|
+
showDivider: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: true;
|
|
21
|
+
};
|
|
18
22
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:expandedKeys" | "expand")[], "select" | "update:modelValue" | "update:expandedKeys" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
23
|
items: {
|
|
20
24
|
type: import("vue").PropType<import("./TreeSelect").TreeSelectItem[]>;
|
|
@@ -32,6 +36,10 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
|
|
|
32
36
|
cascade: BooleanConstructor;
|
|
33
37
|
selectableParent: BooleanConstructor;
|
|
34
38
|
showParentSelect: BooleanConstructor;
|
|
39
|
+
showDivider: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: true;
|
|
42
|
+
};
|
|
35
43
|
}>> & {
|
|
36
44
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
37
45
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
@@ -45,6 +53,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
|
|
|
45
53
|
expandedKeys: import("../utils").Numeric[];
|
|
46
54
|
selectableParent: boolean;
|
|
47
55
|
showParentSelect: boolean;
|
|
56
|
+
showDivider: boolean;
|
|
48
57
|
}>>;
|
|
49
58
|
export default TreeSelect;
|
|
50
59
|
export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';
|
|
@@ -21,6 +21,12 @@
|
|
|
21
21
|
.van-cell__title { font-size: var(--van-font-size-md); line-height: 22px; }
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
// Each Cell is wrapped by a tree node, so Cell's :last-child rule would
|
|
25
|
+
// otherwise hide every divider. Restore it between sibling tree nodes.
|
|
26
|
+
&__node:not(:last-child) > &__cell:not(.van-cell--borderless)::after {
|
|
27
|
+
display: block;
|
|
28
|
+
}
|
|
29
|
+
|
|
24
30
|
&__arrow {
|
|
25
31
|
flex: none;
|
|
26
32
|
margin-right: var(--van-padding-base);
|