vant 4.6.0 → 4.6.2
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/README.md +7 -7
- package/es/checkbox/Checkbox.d.ts +14 -13
- package/es/checkbox/Checkbox.mjs +2 -1
- package/es/checkbox/Checker.d.ts +9 -13
- package/es/checkbox/Checker.mjs +13 -3
- package/es/checkbox/index.d.ts +8 -8
- package/es/field/Field.d.ts +25 -0
- package/es/field/Field.mjs +9 -0
- package/es/field/index.d.ts +13 -0
- package/es/floating-bubble/FloatingBubble.d.ts +16 -21
- package/es/floating-bubble/FloatingBubble.mjs +6 -8
- package/es/floating-bubble/index.css +1 -1
- package/es/floating-bubble/index.d.ts +18 -18
- package/es/floating-bubble/types.d.ts +13 -1
- package/es/floating-panel/FloatingPanel.mjs +2 -5
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/lazyload/vue-lazyload/util.d.ts +2 -2
- package/es/pagination/index.css +1 -1
- package/es/radio/Radio.d.ts +18 -15
- package/es/radio/Radio.mjs +5 -3
- package/es/radio/index.css +1 -1
- package/es/radio/index.d.ts +11 -9
- package/es/radio/types.d.ts +1 -0
- package/es/search/Search.d.ts +19 -0
- package/es/search/index.d.ts +13 -0
- package/es/style/base.css +1 -1
- package/es/submit-bar/types.d.ts +0 -1
- package/es/text-ellipsis/TextEllipsis.d.ts +13 -0
- package/es/text-ellipsis/TextEllipsis.mjs +50 -19
- package/es/text-ellipsis/index.d.ts +9 -0
- package/es/uploader/Uploader.mjs +6 -4
- package/es/uploader/UploaderPreviewItem.mjs +1 -1
- package/es/uploader/types.d.ts +1 -0
- package/lib/checkbox/Checkbox.d.ts +14 -13
- package/lib/checkbox/Checkbox.js +1 -0
- package/lib/checkbox/Checker.d.ts +9 -13
- package/lib/checkbox/Checker.js +13 -3
- package/lib/checkbox/index.d.ts +8 -8
- package/lib/field/Field.d.ts +25 -0
- package/lib/field/Field.js +9 -0
- package/lib/field/index.d.ts +13 -0
- package/lib/floating-bubble/FloatingBubble.d.ts +16 -21
- package/lib/floating-bubble/FloatingBubble.js +6 -8
- package/lib/floating-bubble/index.css +1 -1
- package/lib/floating-bubble/index.d.ts +18 -18
- package/lib/floating-bubble/types.d.ts +13 -1
- package/lib/floating-panel/FloatingPanel.js +1 -4
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/lazyload/vue-lazyload/util.d.ts +2 -2
- package/lib/pagination/index.css +1 -1
- package/lib/radio/Radio.d.ts +18 -15
- package/lib/radio/Radio.js +4 -2
- package/lib/radio/index.css +1 -1
- package/lib/radio/index.d.ts +11 -9
- package/lib/radio/types.d.ts +1 -0
- package/lib/search/Search.d.ts +19 -0
- package/lib/search/index.d.ts +13 -0
- package/lib/style/base.css +1 -1
- package/lib/submit-bar/types.d.ts +0 -1
- package/lib/text-ellipsis/TextEllipsis.d.ts +13 -0
- package/lib/text-ellipsis/TextEllipsis.js +49 -18
- package/lib/text-ellipsis/index.d.ts +9 -0
- package/lib/uploader/Uploader.js +6 -4
- package/lib/uploader/UploaderPreviewItem.js +1 -1
- package/lib/uploader/types.d.ts +1 -0
- package/lib/vant.cjs.js +99 -49
- package/lib/vant.es.js +99 -49
- package/lib/vant.js +110 -187
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +1 -1
@@ -6,8 +6,8 @@ export function on(el: any, type: any, func: any): void;
|
|
6
6
|
export function off(el: any, type: any, func: any): void;
|
7
7
|
export const hasIntersectionObserver: boolean;
|
8
8
|
export namespace modeType {
|
9
|
-
|
10
|
-
|
9
|
+
let event: string;
|
10
|
+
let observer: string;
|
11
11
|
}
|
12
12
|
export function getDPR(scale?: number): number;
|
13
13
|
export function loadImageAsync(item: any, resolve: any, reject: any): any;
|
package/es/pagination/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width)}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
|
1
|
+
:root{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:first-child:after{border-right-width:var(--van-border-width)}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
|
package/es/radio/Radio.d.ts
CHANGED
@@ -1,50 +1,53 @@
|
|
1
1
|
import { type ExtractPropTypes } from 'vue';
|
2
|
-
import { CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
|
2
|
+
import { type CheckerShape, type CheckerLabelPosition } from '../checkbox/Checker';
|
3
|
+
export type RadioShape = CheckerShape | 'dot';
|
3
4
|
export declare const radioProps: {
|
4
5
|
name: import("vue").PropType<unknown>;
|
5
|
-
shape: {
|
6
|
-
type: import("vue").PropType<CheckerShape>;
|
7
|
-
default: CheckerShape;
|
8
|
-
};
|
9
6
|
disabled: BooleanConstructor;
|
10
7
|
iconSize: (NumberConstructor | StringConstructor)[];
|
11
8
|
modelValue: import("vue").PropType<unknown>;
|
12
9
|
checkedColor: StringConstructor;
|
13
10
|
labelPosition: import("vue").PropType<CheckerLabelPosition>;
|
14
11
|
labelDisabled: BooleanConstructor;
|
12
|
+
} & {
|
13
|
+
shape: {
|
14
|
+
type: import("vue").PropType<RadioShape>;
|
15
|
+
default: RadioShape;
|
16
|
+
};
|
15
17
|
};
|
16
|
-
export type RadioShape = CheckerShape;
|
17
18
|
export type RadioLabelPosition = CheckerLabelPosition;
|
18
19
|
export type RadioProps = ExtractPropTypes<typeof radioProps>;
|
19
20
|
declare const _default: import("vue").DefineComponent<{
|
20
21
|
name: import("vue").PropType<unknown>;
|
21
|
-
shape: {
|
22
|
-
type: import("vue").PropType<CheckerShape>;
|
23
|
-
default: CheckerShape;
|
24
|
-
};
|
25
22
|
disabled: BooleanConstructor;
|
26
23
|
iconSize: (NumberConstructor | StringConstructor)[];
|
27
24
|
modelValue: import("vue").PropType<unknown>;
|
28
25
|
checkedColor: StringConstructor;
|
29
26
|
labelPosition: import("vue").PropType<CheckerLabelPosition>;
|
30
27
|
labelDisabled: BooleanConstructor;
|
31
|
-
}
|
32
|
-
name: import("vue").PropType<unknown>;
|
28
|
+
} & {
|
33
29
|
shape: {
|
34
|
-
type: import("vue").PropType<
|
35
|
-
default:
|
30
|
+
type: import("vue").PropType<RadioShape>;
|
31
|
+
default: RadioShape;
|
36
32
|
};
|
33
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
34
|
+
name: import("vue").PropType<unknown>;
|
37
35
|
disabled: BooleanConstructor;
|
38
36
|
iconSize: (NumberConstructor | StringConstructor)[];
|
39
37
|
modelValue: import("vue").PropType<unknown>;
|
40
38
|
checkedColor: StringConstructor;
|
41
39
|
labelPosition: import("vue").PropType<CheckerLabelPosition>;
|
42
40
|
labelDisabled: BooleanConstructor;
|
41
|
+
} & {
|
42
|
+
shape: {
|
43
|
+
type: import("vue").PropType<RadioShape>;
|
44
|
+
default: RadioShape;
|
45
|
+
};
|
43
46
|
}>> & {
|
44
47
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
45
48
|
}, {
|
46
49
|
disabled: boolean;
|
47
|
-
shape:
|
50
|
+
shape: RadioShape;
|
48
51
|
labelDisabled: boolean;
|
49
52
|
}, {}>;
|
50
53
|
export default _default;
|
package/es/radio/Radio.mjs
CHANGED
@@ -1,14 +1,16 @@
|
|
1
1
|
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
2
2
|
import { defineComponent } from "vue";
|
3
|
-
import { pick, createNamespace } from "../utils/index.mjs";
|
3
|
+
import { pick, extend, createNamespace, makeStringProp } from "../utils/index.mjs";
|
4
4
|
import { RADIO_KEY } from "../radio-group/RadioGroup.mjs";
|
5
5
|
import { useParent } from "@vant/use";
|
6
6
|
import Checker, { checkerProps } from "../checkbox/Checker.mjs";
|
7
|
-
const radioProps = checkerProps
|
7
|
+
const radioProps = extend({}, checkerProps, {
|
8
|
+
shape: makeStringProp("round")
|
9
|
+
});
|
8
10
|
const [name, bem] = createNamespace("radio");
|
9
11
|
var stdin_default = defineComponent({
|
10
12
|
name,
|
11
|
-
props:
|
13
|
+
props: radioProps,
|
12
14
|
emits: ["update:modelValue"],
|
13
15
|
setup(props, {
|
14
16
|
emit,
|
package/es/radio/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-radio-size: 20px;--van-radio-border-color: var(--van-gray-5);--van-radio-duration: var(--van-duration-fast);--van-radio-label-margin: var(--van-padding-xs);--van-radio-label-color: var(--van-text-color);--van-radio-checked-icon-color: var(--van-primary-color);--van-radio-disabled-icon-color: var(--van-gray-5);--van-radio-disabled-label-color: var(--van-text-color-3);--van-radio-disabled-background: var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}
|
1
|
+
:root{--van-radio-size: 20px;--van-radio-dot-size: 8px;--van-radio-border-color: var(--van-gray-5);--van-radio-duration: var(--van-duration-fast);--van-radio-label-margin: var(--van-padding-xs);--van-radio-label-color: var(--van-text-color);--van-radio-checked-icon-color: var(--van-primary-color);--van-radio-disabled-icon-color: var(--van-gray-5);--van-radio-disabled-label-color: var(--van-text-color-3);--van-radio-disabled-background: var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--dot{position:relative;border-radius:100%;box-sizing:border-box;width:var(--van-radio-size);height:var(--van-radio-size);border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:border-color}.van-radio__icon--dot__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;height:calc(100% - var(--van-radio-dot-size));width:calc(100% - var(--van-radio-dot-size));transition-duration:var(--van-radio-duration);transition-property:border-color,background-color}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot{border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon{background:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}
|
package/es/radio/index.d.ts
CHANGED
@@ -1,32 +1,34 @@
|
|
1
1
|
export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
|
2
2
|
name: import("vue").PropType<unknown>;
|
3
|
-
shape: {
|
4
|
-
type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
|
5
|
-
default: import("../checkbox/Checker").CheckerShape;
|
6
|
-
};
|
7
3
|
disabled: BooleanConstructor;
|
8
4
|
iconSize: (NumberConstructor | StringConstructor)[];
|
9
5
|
modelValue: import("vue").PropType<unknown>;
|
10
6
|
checkedColor: StringConstructor;
|
11
7
|
labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
|
12
8
|
labelDisabled: BooleanConstructor;
|
13
|
-
}
|
14
|
-
name: import("vue").PropType<unknown>;
|
9
|
+
} & {
|
15
10
|
shape: {
|
16
|
-
type: import("vue").PropType<import("
|
17
|
-
default: import("
|
11
|
+
type: import("vue").PropType<import("./Radio").RadioShape>;
|
12
|
+
default: import("./Radio").RadioShape;
|
18
13
|
};
|
14
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
15
|
+
name: import("vue").PropType<unknown>;
|
19
16
|
disabled: BooleanConstructor;
|
20
17
|
iconSize: (NumberConstructor | StringConstructor)[];
|
21
18
|
modelValue: import("vue").PropType<unknown>;
|
22
19
|
checkedColor: StringConstructor;
|
23
20
|
labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
|
24
21
|
labelDisabled: BooleanConstructor;
|
22
|
+
} & {
|
23
|
+
shape: {
|
24
|
+
type: import("vue").PropType<import("./Radio").RadioShape>;
|
25
|
+
default: import("./Radio").RadioShape;
|
26
|
+
};
|
25
27
|
}>> & {
|
26
28
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
27
29
|
}, {
|
28
30
|
disabled: boolean;
|
29
|
-
shape: import("
|
31
|
+
shape: import("./Radio").RadioShape;
|
30
32
|
labelDisabled: boolean;
|
31
33
|
}, {}>>;
|
32
34
|
export default Radio;
|
package/es/radio/types.d.ts
CHANGED
package/es/search/Search.d.ts
CHANGED
@@ -20,8 +20,14 @@ export declare const searchProps: {
|
|
20
20
|
inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
|
21
21
|
placeholder: StringConstructor;
|
22
22
|
autocomplete: StringConstructor;
|
23
|
+
autocapitalize: StringConstructor;
|
24
|
+
autocorrect: StringConstructor;
|
23
25
|
errorMessage: StringConstructor;
|
24
26
|
enterkeyhint: StringConstructor;
|
27
|
+
spellcheck: {
|
28
|
+
type: BooleanConstructor;
|
29
|
+
default: null;
|
30
|
+
};
|
25
31
|
clearTrigger: {
|
26
32
|
type: import("vue").PropType<import("../field").FieldClearTrigger>;
|
27
33
|
default: import("../field").FieldClearTrigger;
|
@@ -81,8 +87,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
81
87
|
inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
|
82
88
|
placeholder: StringConstructor;
|
83
89
|
autocomplete: StringConstructor;
|
90
|
+
autocapitalize: StringConstructor;
|
91
|
+
autocorrect: StringConstructor;
|
84
92
|
errorMessage: StringConstructor;
|
85
93
|
enterkeyhint: StringConstructor;
|
94
|
+
spellcheck: {
|
95
|
+
type: BooleanConstructor;
|
96
|
+
default: null;
|
97
|
+
};
|
86
98
|
clearTrigger: {
|
87
99
|
type: import("vue").PropType<import("../field").FieldClearTrigger>;
|
88
100
|
default: import("../field").FieldClearTrigger;
|
@@ -140,8 +152,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
140
152
|
inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
|
141
153
|
placeholder: StringConstructor;
|
142
154
|
autocomplete: StringConstructor;
|
155
|
+
autocapitalize: StringConstructor;
|
156
|
+
autocorrect: StringConstructor;
|
143
157
|
errorMessage: StringConstructor;
|
144
158
|
enterkeyhint: StringConstructor;
|
159
|
+
spellcheck: {
|
160
|
+
type: BooleanConstructor;
|
161
|
+
default: null;
|
162
|
+
};
|
145
163
|
clearTrigger: {
|
146
164
|
type: import("vue").PropType<import("../field").FieldClearTrigger>;
|
147
165
|
default: import("../field").FieldClearTrigger;
|
@@ -197,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
197
215
|
clearable: boolean;
|
198
216
|
clearIcon: string;
|
199
217
|
modelValue: string | number;
|
218
|
+
spellcheck: boolean;
|
200
219
|
clearTrigger: import("../field").FieldClearTrigger;
|
201
220
|
formatTrigger: import("../field").FieldFormatTrigger;
|
202
221
|
error: boolean;
|
package/es/search/index.d.ts
CHANGED
@@ -19,8 +19,14 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
|
|
19
19
|
inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
20
20
|
placeholder: StringConstructor;
|
21
21
|
autocomplete: StringConstructor;
|
22
|
+
autocapitalize: StringConstructor;
|
23
|
+
autocorrect: StringConstructor;
|
22
24
|
errorMessage: StringConstructor;
|
23
25
|
enterkeyhint: StringConstructor;
|
26
|
+
spellcheck: {
|
27
|
+
type: BooleanConstructor;
|
28
|
+
default: null;
|
29
|
+
};
|
24
30
|
clearTrigger: {
|
25
31
|
type: import("vue").PropType<import("..").FieldClearTrigger>;
|
26
32
|
default: import("..").FieldClearTrigger;
|
@@ -78,8 +84,14 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
|
|
78
84
|
inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
|
79
85
|
placeholder: StringConstructor;
|
80
86
|
autocomplete: StringConstructor;
|
87
|
+
autocapitalize: StringConstructor;
|
88
|
+
autocorrect: StringConstructor;
|
81
89
|
errorMessage: StringConstructor;
|
82
90
|
enterkeyhint: StringConstructor;
|
91
|
+
spellcheck: {
|
92
|
+
type: BooleanConstructor;
|
93
|
+
default: null;
|
94
|
+
};
|
83
95
|
clearTrigger: {
|
84
96
|
type: import("vue").PropType<import("..").FieldClearTrigger>;
|
85
97
|
default: import("..").FieldClearTrigger;
|
@@ -135,6 +147,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
|
|
135
147
|
clearable: boolean;
|
136
148
|
clearIcon: string;
|
137
149
|
modelValue: string | number;
|
150
|
+
spellcheck: boolean;
|
138
151
|
clearTrigger: import("..").FieldClearTrigger;
|
139
152
|
formatTrigger: import("..").FieldFormatTrigger;
|
140
153
|
error: boolean;
|
package/es/style/base.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
|
1
|
+
:root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-break:anywhere;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-break:anywhere;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
|
package/es/submit-bar/types.d.ts
CHANGED
@@ -7,7 +7,6 @@ export type SubmitBarThemeVars = {
|
|
7
7
|
submitBarPriceFontSize?: string;
|
8
8
|
submitBarPriceIntegerFontSize?: string;
|
9
9
|
submitBarPriceFont?: string;
|
10
|
-
submitBarCurrencyFontSize?: string;
|
11
10
|
submitBarTextColor?: string;
|
12
11
|
submitBarTextFontSize?: string;
|
13
12
|
submitBarTipPadding?: string;
|
@@ -20,6 +20,10 @@ export declare const textEllipsisProps: {
|
|
20
20
|
type: import("vue").PropType<string>;
|
21
21
|
default: string;
|
22
22
|
};
|
23
|
+
position: {
|
24
|
+
type: import("vue").PropType<string>;
|
25
|
+
default: string;
|
26
|
+
};
|
23
27
|
};
|
24
28
|
export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
|
25
29
|
declare const _default: import("vue").DefineComponent<{
|
@@ -43,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
43
47
|
type: import("vue").PropType<string>;
|
44
48
|
default: string;
|
45
49
|
};
|
50
|
+
position: {
|
51
|
+
type: import("vue").PropType<string>;
|
52
|
+
default: string;
|
53
|
+
};
|
46
54
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
47
55
|
rows: {
|
48
56
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -64,10 +72,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
64
72
|
type: import("vue").PropType<string>;
|
65
73
|
default: string;
|
66
74
|
};
|
75
|
+
position: {
|
76
|
+
type: import("vue").PropType<string>;
|
77
|
+
default: string;
|
78
|
+
};
|
67
79
|
}>> & {
|
68
80
|
onClickAction?: ((...args: any[]) => any) | undefined;
|
69
81
|
}, {
|
70
82
|
content: string;
|
83
|
+
position: string;
|
71
84
|
rows: string | number;
|
72
85
|
dots: string;
|
73
86
|
expandText: string;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createVNode as _createVNode } from "vue";
|
2
|
-
import { ref, watch, onMounted, defineComponent } from "vue";
|
2
|
+
import { ref, watch, computed, onMounted, defineComponent } from "vue";
|
3
3
|
import { useEventListener } from "@vant/use";
|
4
4
|
import { makeNumericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
|
5
5
|
const [name, bem] = createNamespace("text-ellipsis");
|
@@ -8,7 +8,8 @@ const textEllipsisProps = {
|
|
8
8
|
dots: makeStringProp("..."),
|
9
9
|
content: makeStringProp(""),
|
10
10
|
expandText: makeStringProp(""),
|
11
|
-
collapseText: makeStringProp("")
|
11
|
+
collapseText: makeStringProp(""),
|
12
|
+
position: makeStringProp("end")
|
12
13
|
};
|
13
14
|
var stdin_default = defineComponent({
|
14
15
|
name,
|
@@ -21,6 +22,7 @@ var stdin_default = defineComponent({
|
|
21
22
|
const expanded = ref(false);
|
22
23
|
const hasAction = ref(false);
|
23
24
|
const root = ref();
|
25
|
+
const actionText = computed(() => expanded.value ? props.expandText : props.collapseText);
|
24
26
|
const pxToNum = (value) => {
|
25
27
|
if (!value)
|
26
28
|
return 0;
|
@@ -49,24 +51,53 @@ var stdin_default = defineComponent({
|
|
49
51
|
};
|
50
52
|
const calcEllipsisText = (container2, maxHeight2) => {
|
51
53
|
const {
|
52
|
-
dots,
|
53
54
|
content,
|
54
|
-
|
55
|
+
position,
|
56
|
+
dots
|
55
57
|
} = props;
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
58
|
+
const end = content.length;
|
59
|
+
const calcEllipse = () => {
|
60
|
+
const tail = (left, right) => {
|
61
|
+
if (right - left <= 1) {
|
62
|
+
if (position === "end") {
|
63
|
+
return content.slice(0, left) + dots;
|
64
|
+
}
|
65
|
+
return dots + content.slice(right, end);
|
66
|
+
}
|
67
|
+
const middle2 = Math.round(left + right >> 1);
|
68
|
+
if (position === "end") {
|
69
|
+
container2.innerText = content.slice(0, middle2) + dots + actionText.value;
|
70
|
+
} else {
|
71
|
+
container2.innerText = dots + content.slice(middle2, end) + actionText.value;
|
72
|
+
}
|
73
|
+
if (container2.offsetHeight > maxHeight2) {
|
74
|
+
if (position === "end") {
|
75
|
+
return tail(left, middle2);
|
76
|
+
}
|
77
|
+
return tail(middle2, right);
|
78
|
+
}
|
79
|
+
if (position === "end") {
|
80
|
+
return tail(middle2, right);
|
81
|
+
}
|
82
|
+
return tail(left, middle2);
|
83
|
+
};
|
84
|
+
container2.innerText = tail(0, end);
|
85
|
+
};
|
86
|
+
const middleTail = (leftPart, rightPart) => {
|
87
|
+
if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
|
88
|
+
return content.slice(0, leftPart[1]) + dots + dots + content.slice(rightPart[1], end);
|
67
89
|
}
|
68
|
-
|
69
|
-
|
90
|
+
const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
|
91
|
+
const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
|
92
|
+
container2.innerText = props.content.slice(0, leftMiddle) + props.dots + actionText.value + props.dots + props.content.slice(rightMiddle, end);
|
93
|
+
if (container2.offsetHeight >= maxHeight2) {
|
94
|
+
return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
|
95
|
+
}
|
96
|
+
return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
|
97
|
+
};
|
98
|
+
const middle = 0 + end >> 1;
|
99
|
+
props.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
|
100
|
+
return container2.innerText;
|
70
101
|
};
|
71
102
|
const container = cloneContainer();
|
72
103
|
if (!container)
|
@@ -76,7 +107,7 @@ var stdin_default = defineComponent({
|
|
76
107
|
paddingTop,
|
77
108
|
lineHeight
|
78
109
|
} = container.style;
|
79
|
-
const maxHeight = (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
|
110
|
+
const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
|
80
111
|
if (maxHeight < container.offsetHeight) {
|
81
112
|
hasAction.value = true;
|
82
113
|
text.value = calcEllipsisText(container, maxHeight);
|
@@ -95,7 +126,7 @@ var stdin_default = defineComponent({
|
|
95
126
|
"onClick": onClickAction
|
96
127
|
}, [expanded.value ? props.collapseText : props.expandText]);
|
97
128
|
onMounted(calcEllipsised);
|
98
|
-
watch(() => [props.content, props.rows], calcEllipsised);
|
129
|
+
watch(() => [props.content, props.rows, props.position], calcEllipsised);
|
99
130
|
useEventListener("resize", calcEllipsised);
|
100
131
|
return () => _createVNode("div", {
|
101
132
|
"ref": root,
|
@@ -19,6 +19,10 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
|
|
19
19
|
type: import("vue").PropType<string>;
|
20
20
|
default: string;
|
21
21
|
};
|
22
|
+
position: {
|
23
|
+
type: import("vue").PropType<string>;
|
24
|
+
default: string;
|
25
|
+
};
|
22
26
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
23
27
|
rows: {
|
24
28
|
type: (NumberConstructor | StringConstructor)[];
|
@@ -40,10 +44,15 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
|
|
40
44
|
type: import("vue").PropType<string>;
|
41
45
|
default: string;
|
42
46
|
};
|
47
|
+
position: {
|
48
|
+
type: import("vue").PropType<string>;
|
49
|
+
default: string;
|
50
|
+
};
|
43
51
|
}>> & {
|
44
52
|
onClickAction?: ((...args: any[]) => any) | undefined;
|
45
53
|
}, {
|
46
54
|
content: string;
|
55
|
+
position: string;
|
47
56
|
rows: string | number;
|
48
57
|
dots: string;
|
49
58
|
expandText: string;
|
package/es/uploader/Uploader.mjs
CHANGED
@@ -100,7 +100,8 @@ var stdin_default = defineComponent({
|
|
100
100
|
const result = {
|
101
101
|
file,
|
102
102
|
status: "",
|
103
|
-
message: ""
|
103
|
+
message: "",
|
104
|
+
objectUrl: URL.createObjectURL(file)
|
104
105
|
};
|
105
106
|
if (contents[index]) {
|
106
107
|
result.content = contents[index];
|
@@ -114,7 +115,8 @@ var stdin_default = defineComponent({
|
|
114
115
|
const result = {
|
115
116
|
file: files,
|
116
117
|
status: "",
|
117
|
-
message: ""
|
118
|
+
message: "",
|
119
|
+
objectUrl: URL.createObjectURL(files)
|
118
120
|
};
|
119
121
|
if (content) {
|
120
122
|
result.content = content;
|
@@ -156,8 +158,8 @@ var stdin_default = defineComponent({
|
|
156
158
|
if (props.previewFullImage) {
|
157
159
|
const imageFiles = props.modelValue.filter(isImageFile);
|
158
160
|
const images = imageFiles.map((item2) => {
|
159
|
-
if (item2.
|
160
|
-
item2.url =
|
161
|
+
if (item2.objectUrl && !item2.url && item2.status !== "failed") {
|
162
|
+
item2.url = item2.objectUrl;
|
161
163
|
urls.push(item2.url);
|
162
164
|
}
|
163
165
|
return item2.url;
|
@@ -101,7 +101,7 @@ var stdin_default = defineComponent({
|
|
101
101
|
if (isImageFile(item)) {
|
102
102
|
return _createVNode(Image, {
|
103
103
|
"fit": imageFit,
|
104
|
-
"src": item.content || item.url,
|
104
|
+
"src": item.objectUrl || item.content || item.url,
|
105
105
|
"class": bem("preview-image"),
|
106
106
|
"width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
|
107
107
|
"height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
|
package/es/uploader/types.d.ts
CHANGED
@@ -1,10 +1,7 @@
|
|
1
1
|
import { type ExtractPropTypes } from 'vue';
|
2
|
+
import { type CheckerShape } from './Checker';
|
2
3
|
export declare const checkboxProps: {
|
3
4
|
name: import("vue").PropType<unknown>;
|
4
|
-
shape: {
|
5
|
-
type: import("vue").PropType<import("./Checker").CheckerShape>;
|
6
|
-
default: import("./Checker").CheckerShape;
|
7
|
-
};
|
8
5
|
disabled: BooleanConstructor;
|
9
6
|
iconSize: (NumberConstructor | StringConstructor)[];
|
10
7
|
modelValue: import("vue").PropType<unknown>;
|
@@ -12,6 +9,10 @@ export declare const checkboxProps: {
|
|
12
9
|
labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
|
13
10
|
labelDisabled: BooleanConstructor;
|
14
11
|
} & {
|
12
|
+
shape: {
|
13
|
+
type: import("vue").PropType<CheckerShape>;
|
14
|
+
default: CheckerShape;
|
15
|
+
};
|
15
16
|
bindGroup: {
|
16
17
|
type: BooleanConstructor;
|
17
18
|
default: true;
|
@@ -20,10 +21,6 @@ export declare const checkboxProps: {
|
|
20
21
|
export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
|
21
22
|
declare const _default: import("vue").DefineComponent<{
|
22
23
|
name: import("vue").PropType<unknown>;
|
23
|
-
shape: {
|
24
|
-
type: import("vue").PropType<import("./Checker").CheckerShape>;
|
25
|
-
default: import("./Checker").CheckerShape;
|
26
|
-
};
|
27
24
|
disabled: BooleanConstructor;
|
28
25
|
iconSize: (NumberConstructor | StringConstructor)[];
|
29
26
|
modelValue: import("vue").PropType<unknown>;
|
@@ -31,16 +28,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
31
28
|
labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
|
32
29
|
labelDisabled: BooleanConstructor;
|
33
30
|
} & {
|
31
|
+
shape: {
|
32
|
+
type: import("vue").PropType<CheckerShape>;
|
33
|
+
default: CheckerShape;
|
34
|
+
};
|
34
35
|
bindGroup: {
|
35
36
|
type: BooleanConstructor;
|
36
37
|
default: true;
|
37
38
|
};
|
38
39
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
39
40
|
name: import("vue").PropType<unknown>;
|
40
|
-
shape: {
|
41
|
-
type: import("vue").PropType<import("./Checker").CheckerShape>;
|
42
|
-
default: import("./Checker").CheckerShape;
|
43
|
-
};
|
44
41
|
disabled: BooleanConstructor;
|
45
42
|
iconSize: (NumberConstructor | StringConstructor)[];
|
46
43
|
modelValue: import("vue").PropType<unknown>;
|
@@ -48,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
48
45
|
labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
|
49
46
|
labelDisabled: BooleanConstructor;
|
50
47
|
} & {
|
48
|
+
shape: {
|
49
|
+
type: import("vue").PropType<CheckerShape>;
|
50
|
+
default: CheckerShape;
|
51
|
+
};
|
51
52
|
bindGroup: {
|
52
53
|
type: BooleanConstructor;
|
53
54
|
default: true;
|
@@ -57,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
57
58
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
58
59
|
}, {
|
59
60
|
disabled: boolean;
|
60
|
-
shape:
|
61
|
+
shape: CheckerShape;
|
61
62
|
labelDisabled: boolean;
|
62
63
|
bindGroup: boolean;
|
63
64
|
}, {}>;
|
package/lib/checkbox/Checkbox.js
CHANGED
@@ -40,6 +40,7 @@ var import_use_expose = require("../composables/use-expose");
|
|
40
40
|
var import_Checker = __toESM(require("./Checker"));
|
41
41
|
const [name, bem] = (0, import_utils.createNamespace)("checkbox");
|
42
42
|
const checkboxProps = (0, import_utils.extend)({}, import_Checker.checkerProps, {
|
43
|
+
shape: (0, import_utils.makeStringProp)("round"),
|
43
44
|
bindGroup: import_utils.truthProp
|
44
45
|
});
|
45
46
|
var stdin_default = (0, import_vue2.defineComponent)({
|