persagy-vant 0.0.45 → 0.0.47
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/BlueMarkHeader.d.ts +3 -12
- package/es/blue-mark/BlueMarkHeader.mjs +2 -2
- package/es/blue-mark/index.d.ts +2 -8
- package/es/cell/Cell.d.ts +12 -1
- package/es/cell/Cell.mjs +41 -9
- package/es/cell/index.css +1 -1
- package/es/cell/index.d.ts +5 -1
- package/es/cell/index.less +34 -0
- package/es/collapse-item/CollapseItem.d.ts +4 -0
- package/es/collapse-item/index.d.ts +3 -0
- package/es/field/Field.d.ts +4 -0
- package/es/field/index.d.ts +3 -0
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/label/Label.d.ts +2 -2
- package/es/label/index.d.ts +2 -2
- package/es/object-select/ObjectSelect.mjs +2 -1
- package/es/tree-select-panel/TreeSelectPanel.d.ts +13 -0
- package/es/tree-select-panel/TreeSelectPanel.mjs +25 -7
- package/es/tree-select-panel/index.css +1 -1
- package/es/tree-select-panel/index.d.ts +9 -0
- package/es/tree-select-panel/index.less +2 -0
- package/es/video-preview/VideoPreview.mjs +30 -15
- package/es/video-preview/index.css +1 -1
- package/es/video-preview/index.less +21 -0
- package/lib/blue-mark/BlueMarkHeader.d.ts +3 -12
- package/lib/blue-mark/BlueMarkHeader.js +1 -1
- package/lib/blue-mark/index.d.ts +2 -8
- package/lib/cell/Cell.d.ts +12 -1
- package/lib/cell/Cell.js +40 -8
- package/lib/cell/index.css +1 -1
- package/lib/cell/index.d.ts +5 -1
- package/lib/cell/index.less +34 -0
- package/lib/collapse-item/CollapseItem.d.ts +4 -0
- package/lib/collapse-item/index.d.ts +3 -0
- package/lib/field/Field.d.ts +4 -0
- package/lib/field/index.d.ts +3 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/label/Label.d.ts +2 -2
- package/lib/label/index.d.ts +2 -2
- package/lib/object-select/ObjectSelect.js +2 -1
- package/lib/tree-select-panel/TreeSelectPanel.d.ts +13 -0
- package/lib/tree-select-panel/TreeSelectPanel.js +24 -6
- package/lib/tree-select-panel/index.css +1 -1
- package/lib/tree-select-panel/index.d.ts +9 -0
- package/lib/tree-select-panel/index.less +2 -0
- package/lib/vant.cjs.js +98 -32
- package/lib/vant.es.js +98 -32
- package/lib/vant.js +98 -32
- package/lib/vant.min.js +1 -1
- package/lib/video-preview/VideoPreview.js +30 -15
- package/lib/video-preview/index.css +1 -1
- package/lib/video-preview/index.less +21 -0
- package/lib/web-types.json +1 -1
- package/package.json +1 -1
- package/skills/use-persagy-vant/SKILL.md +6 -0
- package/skills/use-persagy-vant/references/business-component-catalog.md +3 -0
- package/skills/use-persagy-vant/references/component-catalog.md +4 -3
- package/skills/use-persagy-vant/references/component-variant-selection.md +9 -4
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +1 -1
- package/skills/use-persagy-vant/references/dynamic-panel-policy.md +46 -0
- package/skills/use-persagy-vant/references/element-component-matching.md +3 -1
- package/skills/use-persagy-vant/references/page-recipes.md +3 -3
- package/skills/use-persagy-vant/references/reuse-policy.md +5 -1
- package/skills/use-persagy-vant/references/usage-patterns.md +2 -2
|
@@ -9,10 +9,7 @@ declare const blueMarkHeaderProps: {
|
|
|
9
9
|
required: BooleanConstructor;
|
|
10
10
|
actionText: StringConstructor;
|
|
11
11
|
expandable: BooleanConstructor;
|
|
12
|
-
showExpandIcon:
|
|
13
|
-
type: BooleanConstructor;
|
|
14
|
-
default: true;
|
|
15
|
-
};
|
|
12
|
+
showExpandIcon: BooleanConstructor;
|
|
16
13
|
modelValue: BooleanConstructor;
|
|
17
14
|
expandText: StringConstructor;
|
|
18
15
|
collapseText: StringConstructor;
|
|
@@ -27,10 +24,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
24
|
required: BooleanConstructor;
|
|
28
25
|
actionText: StringConstructor;
|
|
29
26
|
expandable: BooleanConstructor;
|
|
30
|
-
showExpandIcon:
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: true;
|
|
33
|
-
};
|
|
27
|
+
showExpandIcon: BooleanConstructor;
|
|
34
28
|
modelValue: BooleanConstructor;
|
|
35
29
|
expandText: StringConstructor;
|
|
36
30
|
collapseText: StringConstructor;
|
|
@@ -43,10 +37,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
37
|
required: BooleanConstructor;
|
|
44
38
|
actionText: StringConstructor;
|
|
45
39
|
expandable: BooleanConstructor;
|
|
46
|
-
showExpandIcon:
|
|
47
|
-
type: BooleanConstructor;
|
|
48
|
-
default: true;
|
|
49
|
-
};
|
|
40
|
+
showExpandIcon: BooleanConstructor;
|
|
50
41
|
modelValue: BooleanConstructor;
|
|
51
42
|
expandText: StringConstructor;
|
|
52
43
|
collapseText: StringConstructor;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
|
|
2
|
-
import { createNamespace, numericProp
|
|
2
|
+
import { createNamespace, numericProp } from "../utils/index.mjs";
|
|
3
3
|
import BlueMark from "./BlueMark.mjs";
|
|
4
4
|
import CollapseToggle from "./CollapseToggle.mjs";
|
|
5
5
|
const [name, bem] = createNamespace("blue-mark-header");
|
|
@@ -12,7 +12,7 @@ const blueMarkHeaderProps = {
|
|
|
12
12
|
required: Boolean,
|
|
13
13
|
actionText: String,
|
|
14
14
|
expandable: Boolean,
|
|
15
|
-
showExpandIcon:
|
|
15
|
+
showExpandIcon: Boolean,
|
|
16
16
|
modelValue: Boolean,
|
|
17
17
|
expandText: String,
|
|
18
18
|
collapseText: String
|
package/es/blue-mark/index.d.ts
CHANGED
|
@@ -37,10 +37,7 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
|
|
|
37
37
|
required: BooleanConstructor;
|
|
38
38
|
actionText: StringConstructor;
|
|
39
39
|
expandable: BooleanConstructor;
|
|
40
|
-
showExpandIcon:
|
|
41
|
-
type: BooleanConstructor;
|
|
42
|
-
default: true;
|
|
43
|
-
};
|
|
40
|
+
showExpandIcon: BooleanConstructor;
|
|
44
41
|
modelValue: BooleanConstructor;
|
|
45
42
|
expandText: StringConstructor;
|
|
46
43
|
collapseText: StringConstructor;
|
|
@@ -53,10 +50,7 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
|
|
|
53
50
|
required: BooleanConstructor;
|
|
54
51
|
actionText: StringConstructor;
|
|
55
52
|
expandable: BooleanConstructor;
|
|
56
|
-
showExpandIcon:
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: true;
|
|
59
|
-
};
|
|
53
|
+
showExpandIcon: BooleanConstructor;
|
|
60
54
|
modelValue: BooleanConstructor;
|
|
61
55
|
expandText: StringConstructor;
|
|
62
56
|
collapseText: StringConstructor;
|
package/es/cell/Cell.d.ts
CHANGED
|
@@ -3,6 +3,11 @@ import { type Numeric } from '../utils';
|
|
|
3
3
|
export declare type CellSize = 'normal' | 'large';
|
|
4
4
|
export declare type CellSelectType = 'checkbox' | 'radio';
|
|
5
5
|
export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
|
|
6
|
+
export declare type CellThreeLineLongPressTarget = 'title' | 'label' | 'description' | 'value';
|
|
7
|
+
export declare type CellThreeLineLongPressEvent = {
|
|
8
|
+
target: CellThreeLineLongPressTarget;
|
|
9
|
+
text: string;
|
|
10
|
+
};
|
|
6
11
|
export declare const cellSharedProps: {
|
|
7
12
|
icon: StringConstructor;
|
|
8
13
|
size: PropType<CellSize>;
|
|
@@ -26,6 +31,7 @@ export declare const cellSharedProps: {
|
|
|
26
31
|
showTitleCollapseIcon: BooleanConstructor;
|
|
27
32
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
28
33
|
threeLine: BooleanConstructor;
|
|
34
|
+
threeLineEllipsis: BooleanConstructor;
|
|
29
35
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
30
36
|
avatar: StringConstructor;
|
|
31
37
|
showAvatar: {
|
|
@@ -150,6 +156,7 @@ declare const cellProps: {
|
|
|
150
156
|
showTitleCollapseIcon: BooleanConstructor;
|
|
151
157
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
152
158
|
threeLine: BooleanConstructor;
|
|
159
|
+
threeLineEllipsis: BooleanConstructor;
|
|
153
160
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
154
161
|
avatar: StringConstructor;
|
|
155
162
|
showAvatar: {
|
|
@@ -279,6 +286,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
279
286
|
showTitleCollapseIcon: BooleanConstructor;
|
|
280
287
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
281
288
|
threeLine: BooleanConstructor;
|
|
289
|
+
threeLineEllipsis: BooleanConstructor;
|
|
282
290
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
283
291
|
avatar: StringConstructor;
|
|
284
292
|
showAvatar: {
|
|
@@ -383,7 +391,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
383
391
|
to: PropType<import("vue-router").RouteLocationRaw>;
|
|
384
392
|
url: StringConstructor;
|
|
385
393
|
replace: BooleanConstructor;
|
|
386
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed")[], "click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
394
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "long-press" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed")[], "click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "long-press" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
387
395
|
icon: StringConstructor;
|
|
388
396
|
size: PropType<CellSize>;
|
|
389
397
|
background: StringConstructor;
|
|
@@ -406,6 +414,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
406
414
|
showTitleCollapseIcon: BooleanConstructor;
|
|
407
415
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
408
416
|
threeLine: BooleanConstructor;
|
|
417
|
+
threeLineEllipsis: BooleanConstructor;
|
|
409
418
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
410
419
|
avatar: StringConstructor;
|
|
411
420
|
showAvatar: {
|
|
@@ -516,6 +525,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
516
525
|
"onClick-description"?: ((...args: any[]) => any) | undefined;
|
|
517
526
|
"onClick-note"?: ((...args: any[]) => any) | undefined;
|
|
518
527
|
"onClick-title-icon"?: ((...args: any[]) => any) | undefined;
|
|
528
|
+
"onLong-press"?: ((...args: any[]) => any) | undefined;
|
|
519
529
|
"onUpdate:leftSelect"?: ((...args: any[]) => any) | undefined;
|
|
520
530
|
"onUpdate:rightSelect"?: ((...args: any[]) => any) | undefined;
|
|
521
531
|
"onUpdate:multiLineNotesCollapsed"?: ((...args: any[]) => any) | undefined;
|
|
@@ -530,6 +540,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
530
540
|
showTitleCollapseIcon: boolean;
|
|
531
541
|
defaultMultiLineNotesCollapsed: boolean;
|
|
532
542
|
threeLine: boolean;
|
|
543
|
+
threeLineEllipsis: boolean;
|
|
533
544
|
showAvatar: boolean | undefined;
|
|
534
545
|
showRightAvatar: boolean | undefined;
|
|
535
546
|
showTags: boolean | undefined;
|
package/es/cell/Cell.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, getCurrentInstance, inject, ref, watch, createVNode as _createVNode } from "vue";
|
|
1
|
+
import { defineComponent, getCurrentInstance, inject, ref, watch, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
|
2
2
|
import { isDef, extend, truthProp, unknownProp, numericProp, addUnit, createNamespace } from "../utils/index.mjs";
|
|
3
3
|
import { useRoute, routeProps } from "../composables/use-route.mjs";
|
|
4
4
|
import { Icon } from "../icon/index.mjs";
|
|
@@ -31,6 +31,7 @@ const cellSharedProps = {
|
|
|
31
31
|
showTitleCollapseIcon: Boolean,
|
|
32
32
|
defaultMultiLineNotesCollapsed: Boolean,
|
|
33
33
|
threeLine: Boolean,
|
|
34
|
+
threeLineEllipsis: Boolean,
|
|
34
35
|
labelSize: numericProp,
|
|
35
36
|
avatar: String,
|
|
36
37
|
showAvatar: {
|
|
@@ -133,13 +134,39 @@ const cellProps = extend({}, cellSharedProps, routeProps);
|
|
|
133
134
|
var stdin_default = defineComponent({
|
|
134
135
|
name,
|
|
135
136
|
props: cellProps,
|
|
136
|
-
emits: ["click", "click-label", "click-description", "click-note", "click-title-icon", "update:leftSelect", "update:rightSelect", "update:multiLineNotesCollapsed"],
|
|
137
|
+
emits: ["click", "click-label", "click-description", "click-note", "click-title-icon", "long-press", "update:leftSelect", "update:rightSelect", "update:multiLineNotesCollapsed"],
|
|
137
138
|
setup(props, {
|
|
138
139
|
slots,
|
|
139
140
|
emit
|
|
140
141
|
}) {
|
|
141
142
|
var _a, _b;
|
|
143
|
+
let longPressTimer;
|
|
142
144
|
const config = inject(CONFIG_PROVIDER_KEY, null);
|
|
145
|
+
const clearLongPress = () => {
|
|
146
|
+
if (longPressTimer !== void 0) {
|
|
147
|
+
clearTimeout(longPressTimer);
|
|
148
|
+
longPressTimer = void 0;
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
const startLongPress = (target, text) => {
|
|
152
|
+
if (!props.threeLine || !props.threeLineEllipsis || !isDef(text))
|
|
153
|
+
return;
|
|
154
|
+
clearLongPress();
|
|
155
|
+
longPressTimer = setTimeout(() => {
|
|
156
|
+
longPressTimer = void 0;
|
|
157
|
+
const payload = {
|
|
158
|
+
target,
|
|
159
|
+
text: String(text)
|
|
160
|
+
};
|
|
161
|
+
emit("long-press", payload);
|
|
162
|
+
}, 500);
|
|
163
|
+
};
|
|
164
|
+
const longPressEvents = (target, text) => ({
|
|
165
|
+
onPointerdown: () => startLongPress(target, text),
|
|
166
|
+
onPointerup: clearLongPress,
|
|
167
|
+
onPointercancel: clearLongPress,
|
|
168
|
+
onPointerleave: clearLongPress
|
|
169
|
+
});
|
|
143
170
|
const route = useRoute();
|
|
144
171
|
const vm = getCurrentInstance().proxy;
|
|
145
172
|
const leftSelectState = ref((_a = props.leftSelect) != null ? _a : false);
|
|
@@ -186,7 +213,7 @@ var stdin_default = defineComponent({
|
|
|
186
213
|
const showLabel = slots.label || isDef(props.label);
|
|
187
214
|
const showLabelIcon = (_a2 = props.showLabelIcon) != null ? _a2 : !!(slots["label-icon"] || props.labelIcon);
|
|
188
215
|
if (showLabel) {
|
|
189
|
-
return _createVNode("div", {
|
|
216
|
+
return _createVNode("div", _mergeProps({
|
|
190
217
|
"class": [bem("label", {
|
|
191
218
|
clickable: props.labelClickable
|
|
192
219
|
}), props.labelClass],
|
|
@@ -201,19 +228,21 @@ var stdin_default = defineComponent({
|
|
|
201
228
|
event.stopPropagation();
|
|
202
229
|
emit("click-label", event);
|
|
203
230
|
}
|
|
204
|
-
}, [showLabelIcon && slots["label-icon"] ? _createVNode("span", {
|
|
231
|
+
}, longPressEvents("label", props.label)), [showLabelIcon && slots["label-icon"] ? _createVNode("span", {
|
|
205
232
|
"class": bem("label-icon")
|
|
206
233
|
}, [slots["label-icon"]()]) : showLabelIcon ? _createVNode(Icon, {
|
|
207
234
|
"name": props.labelIcon || "location-o",
|
|
208
235
|
"class": bem("label-icon"),
|
|
209
236
|
"classPrefix": props.iconPrefix
|
|
210
|
-
}, null) : null, _createVNode("span",
|
|
237
|
+
}, null) : null, _createVNode("span", {
|
|
238
|
+
"class": bem("label-content")
|
|
239
|
+
}, [slots.label ? slots.label() : props.label])]);
|
|
211
240
|
}
|
|
212
241
|
};
|
|
213
242
|
const renderDescription = () => {
|
|
214
243
|
const showDescription = slots.description || isDef(props.description);
|
|
215
244
|
if (showDescription) {
|
|
216
|
-
return _createVNode("div", {
|
|
245
|
+
return _createVNode("div", _mergeProps({
|
|
217
246
|
"class": bem("description", {
|
|
218
247
|
clickable: props.descriptionClickable
|
|
219
248
|
}),
|
|
@@ -225,7 +254,7 @@ var stdin_default = defineComponent({
|
|
|
225
254
|
event.stopPropagation();
|
|
226
255
|
emit("click-description", event);
|
|
227
256
|
}
|
|
228
|
-
}, [slots.description ? slots.description() : props.description]);
|
|
257
|
+
}, longPressEvents("description", props.description)), [slots.description ? slots.description() : props.description]);
|
|
229
258
|
}
|
|
230
259
|
};
|
|
231
260
|
const renderMultiLineNotes = () => {
|
|
@@ -270,7 +299,9 @@ var stdin_default = defineComponent({
|
|
|
270
299
|
"class": bem("title-collapse-icon", {
|
|
271
300
|
collapsed: multiLineNotesCollapsed.value
|
|
272
301
|
})
|
|
273
|
-
}, null)]),
|
|
302
|
+
}, null)]), _createVNode("span", _mergeProps({
|
|
303
|
+
"class": bem("title-content")
|
|
304
|
+
}, longPressEvents("title", props.title)), [slots.title ? slots.title() : props.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
|
|
274
305
|
}
|
|
275
306
|
};
|
|
276
307
|
const renderValue = () => {
|
|
@@ -282,7 +313,7 @@ var stdin_default = defineComponent({
|
|
|
282
313
|
"class": [bem("value", {
|
|
283
314
|
alone: !hasTitle
|
|
284
315
|
}), props.valueClass]
|
|
285
|
-
}, [slot ? slot() : _createVNode("span",
|
|
316
|
+
}, [slot ? slot() : _createVNode("span", longPressEvents("value", props.value), [props.value])]);
|
|
286
317
|
}
|
|
287
318
|
};
|
|
288
319
|
const renderLeftIcon = () => {
|
|
@@ -555,6 +586,7 @@ var stdin_default = defineComponent({
|
|
|
555
586
|
clickable,
|
|
556
587
|
borderless: !border,
|
|
557
588
|
"three-line": threeLine,
|
|
589
|
+
"three-line-ellipsis": threeLine && props.threeLineEllipsis,
|
|
558
590
|
"multi-line-notes": hasMultiLineNotes
|
|
559
591
|
};
|
|
560
592
|
if (cellSize) {
|
package/es/cell/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-action,.van-cell__right-icon-action{align-self:flex-start;display:flex;flex:none;height:var(--van-cell-line-height);align-items:center}.van-cell__title-collapse-action{width:var(--van-cell-icon-size);margin-right:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-collapse-icon{width:var(--van-cell-icon-size);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{color:var(--van-cell-right-icon-color)}.van-cell__right-icon-action{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--multi-line-notes{align-items:flex-start}.van-cell--multi-line-notes .van-cell__left-select,.van-cell--multi-line-notes .van-cell__right-select{align-self:flex-start}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}
|
|
1
|
+
:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__title,.van-cell__label,.van-cell__description,.van-cell__value,.van-cell__multi-line-note{white-space:pre-line}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell--three-line-ellipsis .van-cell__title-content,.van-cell--three-line-ellipsis .van-cell__label-content,.van-cell--three-line-ellipsis .van-cell__description,.van-cell--three-line-ellipsis .van-cell__value>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-cell--three-line-ellipsis .van-cell__title-content,.van-cell--three-line-ellipsis .van-cell__label-content,.van-cell--three-line-ellipsis .van-cell__description{min-width:0}.van-cell--three-line-ellipsis .van-cell__label-content{flex:1}.van-cell--three-line-ellipsis .van-cell__value{flex:0 1 50%}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-action,.van-cell__right-icon-action{align-self:flex-start;display:flex;flex:none;height:var(--van-cell-line-height);align-items:center}.van-cell__title-collapse-action{width:var(--van-cell-icon-size);margin-right:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-collapse-icon{width:var(--van-cell-icon-size);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{color:var(--van-cell-right-icon-color)}.van-cell__right-icon-action{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--multi-line-notes{align-items:flex-start}.van-cell--multi-line-notes .van-cell__left-select,.van-cell--multi-line-notes .van-cell__right-select{align-self:flex-start}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}
|
package/es/cell/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
21
21
|
showTitleCollapseIcon: BooleanConstructor;
|
|
22
22
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
23
23
|
threeLine: BooleanConstructor;
|
|
24
|
+
threeLineEllipsis: BooleanConstructor;
|
|
24
25
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
25
26
|
avatar: StringConstructor;
|
|
26
27
|
showAvatar: {
|
|
@@ -125,7 +126,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
125
126
|
to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
|
|
126
127
|
url: StringConstructor;
|
|
127
128
|
replace: BooleanConstructor;
|
|
128
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed")[], "click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
129
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "long-press" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed")[], "click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "long-press" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
129
130
|
icon: StringConstructor;
|
|
130
131
|
size: import("vue").PropType<import("./Cell").CellSize>;
|
|
131
132
|
background: StringConstructor;
|
|
@@ -148,6 +149,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
148
149
|
showTitleCollapseIcon: BooleanConstructor;
|
|
149
150
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
150
151
|
threeLine: BooleanConstructor;
|
|
152
|
+
threeLineEllipsis: BooleanConstructor;
|
|
151
153
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
152
154
|
avatar: StringConstructor;
|
|
153
155
|
showAvatar: {
|
|
@@ -258,6 +260,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
258
260
|
"onClick-description"?: ((...args: any[]) => any) | undefined;
|
|
259
261
|
"onClick-note"?: ((...args: any[]) => any) | undefined;
|
|
260
262
|
"onClick-title-icon"?: ((...args: any[]) => any) | undefined;
|
|
263
|
+
"onLong-press"?: ((...args: any[]) => any) | undefined;
|
|
261
264
|
"onUpdate:leftSelect"?: ((...args: any[]) => any) | undefined;
|
|
262
265
|
"onUpdate:rightSelect"?: ((...args: any[]) => any) | undefined;
|
|
263
266
|
"onUpdate:multiLineNotesCollapsed"?: ((...args: any[]) => any) | undefined;
|
|
@@ -272,6 +275,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
|
|
|
272
275
|
showTitleCollapseIcon: boolean;
|
|
273
276
|
defaultMultiLineNotesCollapsed: boolean;
|
|
274
277
|
threeLine: boolean;
|
|
278
|
+
threeLineEllipsis: boolean;
|
|
275
279
|
showAvatar: boolean | undefined;
|
|
276
280
|
showRightAvatar: boolean | undefined;
|
|
277
281
|
showTags: boolean | undefined;
|
package/es/cell/index.less
CHANGED
|
@@ -58,6 +58,14 @@
|
|
|
58
58
|
display: inline-block;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
+
&__title,
|
|
62
|
+
&__label,
|
|
63
|
+
&__description,
|
|
64
|
+
&__value,
|
|
65
|
+
&__multi-line-note {
|
|
66
|
+
white-space: pre-line;
|
|
67
|
+
}
|
|
68
|
+
|
|
61
69
|
&__label {
|
|
62
70
|
display: flex;
|
|
63
71
|
align-items: center;
|
|
@@ -111,6 +119,32 @@
|
|
|
111
119
|
min-width: 0;
|
|
112
120
|
}
|
|
113
121
|
|
|
122
|
+
&--three-line-ellipsis {
|
|
123
|
+
.van-cell__title-content,
|
|
124
|
+
.van-cell__label-content,
|
|
125
|
+
.van-cell__description,
|
|
126
|
+
.van-cell__value > span {
|
|
127
|
+
display: block;
|
|
128
|
+
overflow: hidden;
|
|
129
|
+
text-overflow: ellipsis;
|
|
130
|
+
white-space: nowrap;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.van-cell__title-content,
|
|
134
|
+
.van-cell__label-content,
|
|
135
|
+
.van-cell__description {
|
|
136
|
+
min-width: 0;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.van-cell__label-content {
|
|
140
|
+
flex: 1;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.van-cell__value {
|
|
144
|
+
flex: 0 1 50%;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
114
148
|
&__title-row {
|
|
115
149
|
display: flex;
|
|
116
150
|
align-items: center;
|
|
@@ -22,6 +22,7 @@ declare const collapseItemProps: {
|
|
|
22
22
|
showTitleCollapseIcon: BooleanConstructor;
|
|
23
23
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
24
24
|
threeLine: BooleanConstructor;
|
|
25
|
+
threeLineEllipsis: BooleanConstructor;
|
|
25
26
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
26
27
|
avatar: StringConstructor;
|
|
27
28
|
showAvatar: {
|
|
@@ -159,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
159
160
|
showTitleCollapseIcon: BooleanConstructor;
|
|
160
161
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
161
162
|
threeLine: BooleanConstructor;
|
|
163
|
+
threeLineEllipsis: BooleanConstructor;
|
|
162
164
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
163
165
|
avatar: StringConstructor;
|
|
164
166
|
showAvatar: {
|
|
@@ -294,6 +296,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
294
296
|
showTitleCollapseIcon: BooleanConstructor;
|
|
295
297
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
296
298
|
threeLine: BooleanConstructor;
|
|
299
|
+
threeLineEllipsis: BooleanConstructor;
|
|
297
300
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
298
301
|
avatar: StringConstructor;
|
|
299
302
|
showAvatar: {
|
|
@@ -416,6 +419,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
416
419
|
showTitleCollapseIcon: boolean;
|
|
417
420
|
defaultMultiLineNotesCollapsed: boolean;
|
|
418
421
|
threeLine: boolean;
|
|
422
|
+
threeLineEllipsis: boolean;
|
|
419
423
|
showAvatar: boolean | undefined;
|
|
420
424
|
showRightAvatar: boolean | undefined;
|
|
421
425
|
showTags: boolean | undefined;
|
|
@@ -21,6 +21,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
21
21
|
showTitleCollapseIcon: BooleanConstructor;
|
|
22
22
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
23
23
|
threeLine: BooleanConstructor;
|
|
24
|
+
threeLineEllipsis: BooleanConstructor;
|
|
24
25
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
25
26
|
avatar: StringConstructor;
|
|
26
27
|
showAvatar: {
|
|
@@ -156,6 +157,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
156
157
|
showTitleCollapseIcon: BooleanConstructor;
|
|
157
158
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
158
159
|
threeLine: BooleanConstructor;
|
|
160
|
+
threeLineEllipsis: BooleanConstructor;
|
|
159
161
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
160
162
|
avatar: StringConstructor;
|
|
161
163
|
showAvatar: {
|
|
@@ -278,6 +280,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
|
|
|
278
280
|
showTitleCollapseIcon: boolean;
|
|
279
281
|
defaultMultiLineNotesCollapsed: boolean;
|
|
280
282
|
threeLine: boolean;
|
|
283
|
+
threeLineEllipsis: boolean;
|
|
281
284
|
showAvatar: boolean | undefined;
|
|
282
285
|
showRightAvatar: boolean | undefined;
|
|
283
286
|
showTags: boolean | undefined;
|
package/es/field/Field.d.ts
CHANGED
|
@@ -67,6 +67,7 @@ declare const fieldProps: {
|
|
|
67
67
|
showTitleCollapseIcon: BooleanConstructor;
|
|
68
68
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
69
69
|
threeLine: BooleanConstructor;
|
|
70
|
+
threeLineEllipsis: BooleanConstructor;
|
|
70
71
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
71
72
|
avatar: StringConstructor;
|
|
72
73
|
showAvatar: {
|
|
@@ -265,6 +266,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
265
266
|
showTitleCollapseIcon: BooleanConstructor;
|
|
266
267
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
267
268
|
threeLine: BooleanConstructor;
|
|
269
|
+
threeLineEllipsis: BooleanConstructor;
|
|
268
270
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
269
271
|
avatar: StringConstructor;
|
|
270
272
|
showAvatar: {
|
|
@@ -461,6 +463,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
461
463
|
showTitleCollapseIcon: BooleanConstructor;
|
|
462
464
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
463
465
|
threeLine: BooleanConstructor;
|
|
466
|
+
threeLineEllipsis: BooleanConstructor;
|
|
464
467
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
465
468
|
avatar: StringConstructor;
|
|
466
469
|
showAvatar: {
|
|
@@ -658,6 +661,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
658
661
|
showTitleCollapseIcon: boolean;
|
|
659
662
|
defaultMultiLineNotesCollapsed: boolean;
|
|
660
663
|
threeLine: boolean;
|
|
664
|
+
threeLineEllipsis: boolean;
|
|
661
665
|
showAvatar: boolean | undefined;
|
|
662
666
|
showRightAvatar: boolean | undefined;
|
|
663
667
|
showTags: boolean | undefined;
|
package/es/field/index.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
22
22
|
showTitleCollapseIcon: BooleanConstructor;
|
|
23
23
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
24
24
|
threeLine: BooleanConstructor;
|
|
25
|
+
threeLineEllipsis: BooleanConstructor;
|
|
25
26
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
26
27
|
avatar: StringConstructor;
|
|
27
28
|
showAvatar: {
|
|
@@ -218,6 +219,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
218
219
|
showTitleCollapseIcon: BooleanConstructor;
|
|
219
220
|
defaultMultiLineNotesCollapsed: BooleanConstructor;
|
|
220
221
|
threeLine: BooleanConstructor;
|
|
222
|
+
threeLineEllipsis: BooleanConstructor;
|
|
221
223
|
labelSize: (NumberConstructor | StringConstructor)[];
|
|
222
224
|
avatar: StringConstructor;
|
|
223
225
|
showAvatar: {
|
|
@@ -415,6 +417,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
|
|
|
415
417
|
showTitleCollapseIcon: boolean;
|
|
416
418
|
defaultMultiLineNotesCollapsed: boolean;
|
|
417
419
|
threeLine: boolean;
|
|
420
|
+
threeLineEllipsis: boolean;
|
|
418
421
|
showAvatar: boolean | undefined;
|
|
419
422
|
showRightAvatar: boolean | undefined;
|
|
420
423
|
showTags: boolean | undefined;
|
package/es/index.d.ts
CHANGED
package/es/index.mjs
CHANGED
|
@@ -110,7 +110,7 @@ import { Uploader } from "./uploader/index.mjs";
|
|
|
110
110
|
import { VideoPreview } from "./video-preview/index.mjs";
|
|
111
111
|
import { WorkOrderCard } from "./work-order-card/index.mjs";
|
|
112
112
|
import { WorkOrderFilter } from "./work-order-filter/index.mjs";
|
|
113
|
-
const version = "0.0.
|
|
113
|
+
const version = "0.0.47";
|
|
114
114
|
function install(app) {
|
|
115
115
|
const components = [
|
|
116
116
|
ActionBar,
|
package/es/label/Label.d.ts
CHANGED
|
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
126
126
|
type: PropType<LabelMedia[]>;
|
|
127
127
|
default: () => never[];
|
|
128
128
|
};
|
|
129
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "
|
|
129
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "long-press" | "click-media")[], "click" | "long-press" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
130
130
|
label: {
|
|
131
131
|
type: PropType<string>;
|
|
132
132
|
default: string;
|
|
@@ -183,8 +183,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
183
183
|
};
|
|
184
184
|
}>> & {
|
|
185
185
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
186
|
-
"onClick-media"?: ((...args: any[]) => any) | undefined;
|
|
187
186
|
"onLong-press"?: ((...args: any[]) => any) | undefined;
|
|
187
|
+
"onClick-media"?: ((...args: any[]) => any) | undefined;
|
|
188
188
|
}, {
|
|
189
189
|
type: LabelType;
|
|
190
190
|
label: string;
|
package/es/label/index.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
|
|
|
53
53
|
type: import("vue").PropType<import("./Label").LabelMedia[]>;
|
|
54
54
|
default: () => never[];
|
|
55
55
|
};
|
|
56
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "
|
|
56
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "long-press" | "click-media")[], "click" | "long-press" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
57
57
|
label: {
|
|
58
58
|
type: import("vue").PropType<string>;
|
|
59
59
|
default: string;
|
|
@@ -110,8 +110,8 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
|
|
|
110
110
|
};
|
|
111
111
|
}>> & {
|
|
112
112
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
113
|
-
"onClick-media"?: ((...args: any[]) => any) | undefined;
|
|
114
113
|
"onLong-press"?: ((...args: any[]) => any) | undefined;
|
|
114
|
+
"onClick-media"?: ((...args: any[]) => any) | undefined;
|
|
115
115
|
}, {
|
|
116
116
|
type: import("./Label").LabelType;
|
|
117
117
|
label: string;
|
|
@@ -661,7 +661,8 @@ var stdin_default = defineComponent({
|
|
|
661
661
|
"showAction": true
|
|
662
662
|
}, null) : _createVNode(_Fragment, null, [_createVNode(NavBar, {
|
|
663
663
|
"title": props.title,
|
|
664
|
-
"class": bem("nav")
|
|
664
|
+
"class": bem("nav"),
|
|
665
|
+
"border": false
|
|
665
666
|
}, {
|
|
666
667
|
left: () => _createVNode(Icon, {
|
|
667
668
|
"name": "cross",
|
|
@@ -26,6 +26,10 @@ declare const treeSelectPanelProps: {
|
|
|
26
26
|
default: true;
|
|
27
27
|
};
|
|
28
28
|
searchPlaceholder: StringConstructor;
|
|
29
|
+
showSearchParentPath: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
default: true;
|
|
32
|
+
};
|
|
29
33
|
lazy: BooleanConstructor;
|
|
30
34
|
loading: BooleanConstructor;
|
|
31
35
|
finished: BooleanConstructor;
|
|
@@ -76,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
76
80
|
default: true;
|
|
77
81
|
};
|
|
78
82
|
searchPlaceholder: StringConstructor;
|
|
83
|
+
showSearchParentPath: {
|
|
84
|
+
type: BooleanConstructor;
|
|
85
|
+
default: true;
|
|
86
|
+
};
|
|
79
87
|
lazy: BooleanConstructor;
|
|
80
88
|
loading: BooleanConstructor;
|
|
81
89
|
finished: BooleanConstructor;
|
|
@@ -124,6 +132,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
124
132
|
default: true;
|
|
125
133
|
};
|
|
126
134
|
searchPlaceholder: StringConstructor;
|
|
135
|
+
showSearchParentPath: {
|
|
136
|
+
type: BooleanConstructor;
|
|
137
|
+
default: true;
|
|
138
|
+
};
|
|
127
139
|
lazy: BooleanConstructor;
|
|
128
140
|
loading: BooleanConstructor;
|
|
129
141
|
finished: BooleanConstructor;
|
|
@@ -177,5 +189,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
177
189
|
expandedKeys: Numeric[];
|
|
178
190
|
selectableParent: boolean;
|
|
179
191
|
showParentSelect: boolean;
|
|
192
|
+
showSearchParentPath: boolean;
|
|
180
193
|
}>;
|
|
181
194
|
export default _default;
|