@touchvue/ui 1.0.0-beta.43 → 1.0.0-beta.44
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/components/center-scroll/index.d.ts +9 -0
- package/es/components/center-scroll/src/CenterScroll.vue.d.ts +9 -0
- package/es/components/center-scroll/src/center-scroll.d.ts +7 -0
- package/es/components/daterange/src/date-range.vue.d.ts +3 -0
- package/es/components/guider/src/guider.vue.d.ts +4 -1
- package/es/components/scroll/index.d.ts +9 -9
- package/es/components/scroll/src/Scroll.vue.d.ts +5 -5
- package/es/components/scroll/src/scroll.d.ts +2 -2
- package/es/packages/components/breadcrumb/src/breadcrumb-item.vue.mjs +3 -3
- package/es/packages/components/breadcrumb/src/breadcrumb-item.vue.mjs.map +1 -1
- package/es/packages/components/breadcrumb/src/breadcrumb-item.vue2.mjs.map +1 -1
- package/es/packages/components/breadcrumb/src/breadcrumb.vue.mjs +1 -1
- package/es/packages/components/breadcrumb/src/breadcrumb.vue.mjs.map +1 -1
- package/es/packages/components/breadcrumb/src/breadcrumb.vue2.mjs.map +1 -1
- package/es/packages/components/center-scroll/src/CenterScroll.vue2.mjs +24 -17
- package/es/packages/components/center-scroll/src/CenterScroll.vue2.mjs.map +1 -1
- package/es/packages/components/center-scroll/src/center-scroll.mjs +8 -1
- package/es/packages/components/center-scroll/src/center-scroll.mjs.map +1 -1
- package/es/packages/components/daterange/src/date-range.vue2.mjs +74 -38
- package/es/packages/components/daterange/src/date-range.vue2.mjs.map +1 -1
- package/es/packages/components/form/src/form.vue2.mjs +3 -1
- package/es/packages/components/form/src/form.vue2.mjs.map +1 -1
- package/es/packages/components/guider/src/guider.vue2.mjs +108 -122
- package/es/packages/components/guider/src/guider.vue2.mjs.map +1 -1
- package/es/packages/components/page/src/page.vue2.mjs +5 -1
- package/es/packages/components/page/src/page.vue2.mjs.map +1 -1
- package/es/packages/components/scroll/src/Scroll.vue2.mjs +3 -4
- package/es/packages/components/scroll/src/Scroll.vue2.mjs.map +1 -1
- package/es/packages/components/scroll/src/scroll.mjs +2 -2
- package/es/packages/components/scroll/src/scroll.mjs.map +1 -1
- package/es/packages/locale/lang/en-US.mjs +1 -0
- package/es/packages/locale/lang/en-US.mjs.map +1 -1
- package/es/packages/locale/lang/zh-CN.mjs +1 -0
- package/es/packages/locale/lang/zh-CN.mjs.map +1 -1
- package/lib/components/center-scroll/index.d.ts +9 -0
- package/lib/components/center-scroll/src/CenterScroll.vue.d.ts +9 -0
- package/lib/components/center-scroll/src/center-scroll.d.ts +7 -0
- package/lib/components/daterange/src/date-range.vue.d.ts +3 -0
- package/lib/components/guider/src/guider.vue.d.ts +4 -1
- package/lib/components/scroll/index.d.ts +9 -9
- package/lib/components/scroll/src/Scroll.vue.d.ts +5 -5
- package/lib/components/scroll/src/scroll.d.ts +2 -2
- package/lib/packages/components/breadcrumb/src/breadcrumb-item.vue.js +3 -3
- package/lib/packages/components/breadcrumb/src/breadcrumb-item.vue.js.map +1 -1
- package/lib/packages/components/breadcrumb/src/breadcrumb-item.vue2.js.map +1 -1
- package/lib/packages/components/breadcrumb/src/breadcrumb.vue.js +1 -1
- package/lib/packages/components/breadcrumb/src/breadcrumb.vue.js.map +1 -1
- package/lib/packages/components/breadcrumb/src/breadcrumb.vue2.js.map +1 -1
- package/lib/packages/components/center-scroll/src/CenterScroll.vue2.js +23 -16
- package/lib/packages/components/center-scroll/src/CenterScroll.vue2.js.map +1 -1
- package/lib/packages/components/center-scroll/src/center-scroll.js +8 -1
- package/lib/packages/components/center-scroll/src/center-scroll.js.map +1 -1
- package/lib/packages/components/daterange/src/date-range.vue2.js +73 -37
- package/lib/packages/components/daterange/src/date-range.vue2.js.map +1 -1
- package/lib/packages/components/form/src/form.vue2.js +3 -1
- package/lib/packages/components/form/src/form.vue2.js.map +1 -1
- package/lib/packages/components/guider/src/guider.vue2.js +107 -121
- package/lib/packages/components/guider/src/guider.vue2.js.map +1 -1
- package/lib/packages/components/page/src/page.vue2.js +5 -1
- package/lib/packages/components/page/src/page.vue2.js.map +1 -1
- package/lib/packages/components/scroll/src/Scroll.vue2.js +3 -4
- package/lib/packages/components/scroll/src/Scroll.vue2.js.map +1 -1
- package/lib/packages/components/scroll/src/scroll.js +2 -2
- package/lib/packages/components/scroll/src/scroll.js.map +1 -1
- package/lib/packages/locale/lang/en-US.js +1 -0
- package/lib/packages/locale/lang/en-US.js.map +1 -1
- package/lib/packages/locale/lang/zh-CN.js +1 -0
- package/lib/packages/locale/lang/zh-CN.js.map +1 -1
- package/package.json +1 -1
- package/theme/components/index.css +364 -313
- package/theme/index.css +364 -313
- package/theme/skin/default.css +364 -313
|
@@ -4,6 +4,10 @@ export declare const ToCenterScroll: import("@touchvue/ui/es/utils").SFCWithInst
|
|
|
4
4
|
required: boolean;
|
|
5
5
|
default: () => any[];
|
|
6
6
|
};
|
|
7
|
+
mode: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
7
11
|
modelValue: {
|
|
8
12
|
type: (NumberConstructor | StringConstructor)[];
|
|
9
13
|
default: string;
|
|
@@ -24,6 +28,10 @@ export declare const ToCenterScroll: import("@touchvue/ui/es/utils").SFCWithInst
|
|
|
24
28
|
required: boolean;
|
|
25
29
|
default: () => any[];
|
|
26
30
|
};
|
|
31
|
+
mode: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
27
35
|
modelValue: {
|
|
28
36
|
type: (NumberConstructor | StringConstructor)[];
|
|
29
37
|
default: string;
|
|
@@ -36,6 +44,7 @@ export declare const ToCenterScroll: import("@touchvue/ui/es/utils").SFCWithInst
|
|
|
36
44
|
onChange?: (value: string | number) => any;
|
|
37
45
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
38
46
|
}>, {
|
|
47
|
+
mode: string;
|
|
39
48
|
data: string | unknown[];
|
|
40
49
|
height: string | number;
|
|
41
50
|
modelValue: string | number;
|
|
@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
4
4
|
required: boolean;
|
|
5
5
|
default: () => any[];
|
|
6
6
|
};
|
|
7
|
+
mode: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
7
11
|
modelValue: {
|
|
8
12
|
type: (NumberConstructor | StringConstructor)[];
|
|
9
13
|
default: string;
|
|
@@ -24,6 +28,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
28
|
required: boolean;
|
|
25
29
|
default: () => any[];
|
|
26
30
|
};
|
|
31
|
+
mode: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
27
35
|
modelValue: {
|
|
28
36
|
type: (NumberConstructor | StringConstructor)[];
|
|
29
37
|
default: string;
|
|
@@ -36,6 +44,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
44
|
onChange?: (value: string | number) => any;
|
|
37
45
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
38
46
|
}>, {
|
|
47
|
+
mode: string;
|
|
39
48
|
data: string | unknown[];
|
|
40
49
|
height: string | number;
|
|
41
50
|
modelValue: string | number;
|
|
@@ -12,10 +12,12 @@ export interface DateRangeProps {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
clearable?: boolean;
|
|
14
14
|
prefix?: string;
|
|
15
|
+
suffix?: string;
|
|
15
16
|
flex?: boolean;
|
|
16
17
|
}
|
|
17
18
|
declare function __VLS_template(): {
|
|
18
19
|
prefix?(_: {}): any;
|
|
20
|
+
suffix?(_: {}): any;
|
|
19
21
|
};
|
|
20
22
|
declare const __VLS_component: import("vue").DefineComponent<DateRangeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
23
|
change: (...args: any[]) => void;
|
|
@@ -35,6 +37,7 @@ declare const __VLS_component: import("vue").DefineComponent<DateRangeProps, {},
|
|
|
35
37
|
inputable: boolean;
|
|
36
38
|
clearable: boolean;
|
|
37
39
|
prefix: string;
|
|
40
|
+
suffix: string;
|
|
38
41
|
min: string | Date | number;
|
|
39
42
|
max: string | Date | number;
|
|
40
43
|
seperatorText: string;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
interface GuideStep {
|
|
2
2
|
id: string;
|
|
3
|
-
desc
|
|
3
|
+
desc?: string;
|
|
4
4
|
title?: string;
|
|
5
|
+
pic?: string;
|
|
5
6
|
}
|
|
6
7
|
interface Props {
|
|
7
8
|
data?: GuideStep[];
|
|
8
9
|
auto?: boolean;
|
|
9
10
|
mode?: string;
|
|
11
|
+
pic?: string;
|
|
10
12
|
}
|
|
11
13
|
declare const _default: import("vue").DefineComponent<Props, {
|
|
12
14
|
open: () => void;
|
|
@@ -23,5 +25,6 @@ declare const _default: import("vue").DefineComponent<Props, {
|
|
|
23
25
|
mode: string;
|
|
24
26
|
auto: boolean;
|
|
25
27
|
data: GuideStep[];
|
|
28
|
+
pic: string;
|
|
26
29
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
27
30
|
export default _default;
|
|
@@ -45,11 +45,11 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
|
|
|
45
45
|
type: StringConstructor;
|
|
46
46
|
default: string;
|
|
47
47
|
};
|
|
48
|
-
|
|
48
|
+
mode: {
|
|
49
49
|
type: StringConstructor;
|
|
50
50
|
default: string;
|
|
51
51
|
};
|
|
52
|
-
|
|
52
|
+
type: {
|
|
53
53
|
type: StringConstructor;
|
|
54
54
|
default: string;
|
|
55
55
|
};
|
|
@@ -80,8 +80,8 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
|
|
|
80
80
|
}, import("vue").PublicProps, {
|
|
81
81
|
value: string | number;
|
|
82
82
|
mode: string;
|
|
83
|
-
color: string;
|
|
84
83
|
flex: boolean;
|
|
84
|
+
type: string;
|
|
85
85
|
height: string | number;
|
|
86
86
|
padding: string | number;
|
|
87
87
|
paddingPosition: string;
|
|
@@ -145,11 +145,11 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
|
|
|
145
145
|
type: StringConstructor;
|
|
146
146
|
default: string;
|
|
147
147
|
};
|
|
148
|
-
|
|
148
|
+
mode: {
|
|
149
149
|
type: StringConstructor;
|
|
150
150
|
default: string;
|
|
151
151
|
};
|
|
152
|
-
|
|
152
|
+
type: {
|
|
153
153
|
type: StringConstructor;
|
|
154
154
|
default: string;
|
|
155
155
|
};
|
|
@@ -172,8 +172,8 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
|
|
|
172
172
|
}, {}, {}, {}, {
|
|
173
173
|
value: string | number;
|
|
174
174
|
mode: string;
|
|
175
|
-
color: string;
|
|
176
175
|
flex: boolean;
|
|
176
|
+
type: string;
|
|
177
177
|
height: string | number;
|
|
178
178
|
padding: string | number;
|
|
179
179
|
paddingPosition: string;
|
|
@@ -234,11 +234,11 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
|
|
|
234
234
|
type: StringConstructor;
|
|
235
235
|
default: string;
|
|
236
236
|
};
|
|
237
|
-
|
|
237
|
+
mode: {
|
|
238
238
|
type: StringConstructor;
|
|
239
239
|
default: string;
|
|
240
240
|
};
|
|
241
|
-
|
|
241
|
+
type: {
|
|
242
242
|
type: StringConstructor;
|
|
243
243
|
default: string;
|
|
244
244
|
};
|
|
@@ -269,8 +269,8 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
|
|
|
269
269
|
}, string, {
|
|
270
270
|
value: string | number;
|
|
271
271
|
mode: string;
|
|
272
|
-
color: string;
|
|
273
272
|
flex: boolean;
|
|
273
|
+
type: string;
|
|
274
274
|
height: string | number;
|
|
275
275
|
padding: string | number;
|
|
276
276
|
paddingPosition: string;
|
|
@@ -48,11 +48,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
48
48
|
type: StringConstructor;
|
|
49
49
|
default: string;
|
|
50
50
|
};
|
|
51
|
-
|
|
51
|
+
mode: {
|
|
52
52
|
type: StringConstructor;
|
|
53
53
|
default: string;
|
|
54
54
|
};
|
|
55
|
-
|
|
55
|
+
type: {
|
|
56
56
|
type: StringConstructor;
|
|
57
57
|
default: string;
|
|
58
58
|
};
|
|
@@ -118,11 +118,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
118
118
|
type: StringConstructor;
|
|
119
119
|
default: string;
|
|
120
120
|
};
|
|
121
|
-
|
|
121
|
+
mode: {
|
|
122
122
|
type: StringConstructor;
|
|
123
123
|
default: string;
|
|
124
124
|
};
|
|
125
|
-
|
|
125
|
+
type: {
|
|
126
126
|
type: StringConstructor;
|
|
127
127
|
default: string;
|
|
128
128
|
};
|
|
@@ -137,8 +137,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
137
137
|
}>, {
|
|
138
138
|
value: string | number;
|
|
139
139
|
mode: string;
|
|
140
|
-
color: string;
|
|
141
140
|
flex: boolean;
|
|
141
|
+
type: string;
|
|
142
142
|
height: string | number;
|
|
143
143
|
padding: string | number;
|
|
144
144
|
paddingPosition: string;
|
|
@@ -7,7 +7,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7
7
|
const _component_to_icon = resolveComponent("to-icon");
|
|
8
8
|
return openBlock(), createElementBlock("span", { class: "to-breadcrumb-item" }, [
|
|
9
9
|
createElementVNode("span", {
|
|
10
|
-
class: normalizeClass(["to-breadcrumb-
|
|
10
|
+
class: normalizeClass(["to-breadcrumb-item-label", _ctx.to ? "is-link" : ""]),
|
|
11
11
|
role: "link",
|
|
12
12
|
onClick: _ctx.handleClick
|
|
13
13
|
}, [
|
|
@@ -17,14 +17,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
17
17
|
"span",
|
|
18
18
|
{
|
|
19
19
|
key: 0,
|
|
20
|
-
class: "to-breadcrumb-
|
|
20
|
+
class: "to-breadcrumb-item-separator"
|
|
21
21
|
},
|
|
22
22
|
toDisplayString((_b = _ctx.breadcrumbData) == null ? void 0 : _b.separator),
|
|
23
23
|
1
|
|
24
24
|
/* TEXT */
|
|
25
25
|
)) : (openBlock(), createBlock(_component_to_icon, {
|
|
26
26
|
key: 1,
|
|
27
|
-
class: "to-breadcrumb-
|
|
27
|
+
class: "to-breadcrumb-item-separator",
|
|
28
28
|
value: (_c = _ctx.breadcrumbData) == null ? void 0 : _c.separatorIcon
|
|
29
29
|
}, null, 8, ["value"]))
|
|
30
30
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-item.vue.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span :class=\"['to-breadcrumb-
|
|
1
|
+
{"version":3,"file":"breadcrumb-item.vue.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span :class=\"['to-breadcrumb-item-label', to ? 'is-link' : '']\" role=\"link\" @click=\"handleClick\">\n\t\t\t<slot></slot>\n\t\t</span>\n\t\t<span v-if=\"!breadcrumbData?.separatorIcon\" class=\"to-breadcrumb-item-separator\">{{ breadcrumbData?.separator }}</span>\n\t\t<to-icon v-else class=\"to-breadcrumb-item-separator\" :value=\"breadcrumbData?.separatorIcon\"></to-icon>\n\t</span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, getCurrentInstance } from 'vue'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumbItem',\n\tprops: breadcrumbItemProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = inject('breadcrumb', { separator: '/', separatorIcon: '' })\n\n\t\tconst handleClick = () => {\n\t\t\tif (!props.to || !router) return\n\n\t\t\tconst routes = router.resolve(props.to)\n\t\t\tconst routerMethod = props.replace ? router.replace : router.push\n\t\t\trouterMethod(routes.href)\n\t\t}\n\n\t\tconst router = getCurrentInstance()?.appContext.config.globalProperties.$router || undefined\n\n\t\treturn {\n\t\t\tbreadcrumbData,\n\t\t\thandleClick\n\t\t}\n\t}\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","to","_createElementVNode","_normalizeClass","handleClick","breadcrumbData","_createElementBlock","_createBlock"],"mappings":";;;;;;AACC,EAAA,MAAA,kBAAA,GAAAA,iBAMO,SAND,CAAA,CAAA;AACE,EAAA,OAAAC,iDAAoCC,sBAAE,EAAA;AAAA,IAA+BC,mBAAA,MAAA,EAAA;AAAA,MAAE,KAAA,EAAKC,eAAEC,CAAW,0BAAA,EAAA,KAAA,EAAA,GAAA,SAAA,GAAA,EAAA,CAAA,CAAA;AAAA,MAAA,IAAA,EAAA,MAAA;AAAA,MAC/F,SAAa,IAAA,CAAA,WAAA;AAAA,KAAA,EAAA;AAAA,MAEDC,UAAAA,CAAAA,IAAAA,CAAAA,MAAAA,EAAgB,SAAa,CAAA;AAAA,KAA1C,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,IAAkD,GAAA,EAAA,GAAA,IAAA,CAAA,cAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,CAAA,IAAAL,WAAA,EAAAM,kBAAA;AAAA,MAAA,MAAA;AAAA,MAA8B;AAAA,QAAA,GAAA,EAAA,CAAA;AAAA;;;;;qBAC5B,EAAAC,WAAA,CAAA,kBAAA,EAAA;AAAA,MAAE,GAAK,EAAA,CAAA;AAAA,MAAA,KAAA,EAAA,8BAAA;AAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-item.vue2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span :class=\"['to-breadcrumb-
|
|
1
|
+
{"version":3,"file":"breadcrumb-item.vue2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n\t<span class=\"to-breadcrumb-item\">\n\t\t<span :class=\"['to-breadcrumb-item-label', to ? 'is-link' : '']\" role=\"link\" @click=\"handleClick\">\n\t\t\t<slot></slot>\n\t\t</span>\n\t\t<span v-if=\"!breadcrumbData?.separatorIcon\" class=\"to-breadcrumb-item-separator\">{{ breadcrumbData?.separator }}</span>\n\t\t<to-icon v-else class=\"to-breadcrumb-item-separator\" :value=\"breadcrumbData?.separatorIcon\"></to-icon>\n\t</span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, getCurrentInstance } from 'vue'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumbItem',\n\tprops: breadcrumbItemProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = inject('breadcrumb', { separator: '/', separatorIcon: '' })\n\n\t\tconst handleClick = () => {\n\t\t\tif (!props.to || !router) return\n\n\t\t\tconst routes = router.resolve(props.to)\n\t\t\tconst routerMethod = props.replace ? router.replace : router.push\n\t\t\trouterMethod(routes.href)\n\t\t}\n\n\t\tconst router = getCurrentInstance()?.appContext.config.globalProperties.$router || undefined\n\n\t\treturn {\n\t\t\tbreadcrumbData,\n\t\t\thandleClick\n\t\t}\n\t}\n})\n</script>\n"],"names":[],"mappings":";;;AAcA,gBAAe,eAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,kBAAA;AAAA,EACN,KAAO,EAAA,mBAAA;AAAA,EACP,MAAM,KAAO,EAAA;;AACZ,IAAM,MAAA,cAAA,GAAiB,OAAO,YAAc,EAAA,EAAE,WAAW,GAAK,EAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAEjF,IAAA,MAAM,cAAc,MAAM;AACzB,MAAI,IAAA,CAAC,KAAM,CAAA,EAAA,IAAM,CAAC,MAAA;AAAQ,QAAA,OAAA;AAE1B,MAAA,MAAM,MAAS,GAAA,MAAA,CAAO,OAAQ,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AACtC,MAAA,MAAM,YAAe,GAAA,KAAA,CAAM,OAAU,GAAA,MAAA,CAAO,UAAU,MAAO,CAAA,IAAA,CAAA;AAC7D,MAAA,YAAA,CAAa,OAAO,IAAI,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAA,MAAM,WAAS,EAAmB,GAAA,kBAAA,EAAA,KAAnB,mBAAsB,UAAW,CAAA,MAAA,CAAO,iBAAiB,OAAW,KAAA,KAAA,CAAA,CAAA;AAEnF,IAAO,OAAA;AAAA,MACN,cAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA;AAAA,GACD;AACD,CAAC,CAAA;;;;"}
|
|
@@ -5,7 +5,7 @@ import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
|
|
|
5
5
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6
6
|
return openBlock(), createElementBlock("div", {
|
|
7
7
|
flex: _ctx.flex ? _ctx.flex : null,
|
|
8
|
-
class: normalizeClass(["to-breadcrumb", [`
|
|
8
|
+
class: normalizeClass(["to-breadcrumb", [`mode-${_ctx.mode}`]])
|
|
9
9
|
}, [
|
|
10
10
|
renderSlot(_ctx.$slots, "default")
|
|
11
11
|
], 10, ["flex"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.vue.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"[`
|
|
1
|
+
{"version":3,"file":"breadcrumb.vue.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"[`mode-${mode}`]\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, computed } from 'vue'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumb',\n\tprops: breadcrumbProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = computed(() => ({\n\t\t\tseparator: props.separator,\n\t\t\tseparatorIcon: props.separatorIcon\n\t\t}))\n\n\t\tprovide('breadcrumb', breadcrumbData)\n\n\t\treturn {}\n\t}\n})\n</script>\n"],"names":["flex","_openBlock","_createElementBlock","_normalizeClass"],"mappings":";;;;AACW,SAAA,YAAM,IAAGA,EAAAA,MAAAA,EAAI,MAAA,EAAA,MAAA,EAAA,OAAA,QAAA,EAAA;EAAc,OAAAC,SAAA,EAAgB,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,IAAA,IAAA,EAAA,IAAA,CAAA,IAAA,GAAA,IAAA,CAAA,IAAA,GAAA,IAAA;AAAA,IACpD,KAAA,EAAaC,eAAA,CAAA,eAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.vue2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"[`
|
|
1
|
+
{"version":3,"file":"breadcrumb.vue2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-breadcrumb\" :class=\"[`mode-${mode}`]\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, computed } from 'vue'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n\tname: 'ToBreadcrumb',\n\tprops: breadcrumbProps,\n\tsetup(props) {\n\t\tconst breadcrumbData = computed(() => ({\n\t\t\tseparator: props.separator,\n\t\t\tseparatorIcon: props.separatorIcon\n\t\t}))\n\n\t\tprovide('breadcrumb', breadcrumbData)\n\n\t\treturn {}\n\t}\n})\n</script>\n"],"names":[],"mappings":";;;AAUA,gBAAe,eAAgB,CAAA;AAAA,EAC9B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAA,eAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACZ,IAAM,MAAA,cAAA,GAAiB,SAAS,OAAO;AAAA,MACtC,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,eAAe,KAAM,CAAA,aAAA;AAAA,KACpB,CAAA,CAAA,CAAA;AAEF,IAAA,OAAA,CAAQ,cAAc,cAAc,CAAA,CAAA;AAEpC,IAAA,OAAO,EAAC,CAAA;AAAA,GACT;AACD,CAAC,CAAA;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { defineComponent, ref, computed,
|
|
1
|
+
import { defineComponent, ref, computed, onMounted, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, toDisplayString, nextTick } from 'vue';
|
|
2
2
|
import { centerScrollProps, centerScrollEmits } from './center-scroll.mjs';
|
|
3
|
+
import { getEm } from '../../../utils/ratio.mjs';
|
|
3
4
|
|
|
4
5
|
const __default__ = defineComponent({
|
|
5
6
|
name: "ToCenterScroll"
|
|
@@ -19,7 +20,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
20
|
const scrollTimeout = ref(null);
|
|
20
21
|
const isScrollTo = ref(false);
|
|
21
22
|
const changeBySelf = ref(false);
|
|
23
|
+
const itemHeight = ref(0);
|
|
22
24
|
const height = computed(() => Number(props.height));
|
|
25
|
+
onMounted(() => {
|
|
26
|
+
itemHeight.value = Number(((itemRefs.value[0].getBoundingClientRect().height || 0) / getEm()).toFixed(2));
|
|
27
|
+
});
|
|
23
28
|
const setItemRef = (el, index) => {
|
|
24
29
|
if (el) {
|
|
25
30
|
itemRefs.value[index] = el;
|
|
@@ -39,6 +44,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
39
44
|
iData.value = JSON.parse(JSON.stringify(data));
|
|
40
45
|
}
|
|
41
46
|
};
|
|
47
|
+
const setClass = computed(() => {
|
|
48
|
+
let arr = [];
|
|
49
|
+
if (props.mode)
|
|
50
|
+
arr.push(`mode-${props.mode}`);
|
|
51
|
+
return arr;
|
|
52
|
+
});
|
|
42
53
|
const onScroll = () => {
|
|
43
54
|
if (!inited.value)
|
|
44
55
|
return;
|
|
@@ -143,11 +154,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
143
154
|
centerClosestItem
|
|
144
155
|
});
|
|
145
156
|
return (_ctx, _cache) => {
|
|
146
|
-
const _directive_dis = resolveDirective("dis");
|
|
147
157
|
return openBlock(), createElementBlock(
|
|
148
158
|
"div",
|
|
149
159
|
{
|
|
150
|
-
class: "to-centerScroll",
|
|
160
|
+
class: normalizeClass(["to-centerScroll", setClass.value]),
|
|
151
161
|
style: normalizeStyle({ height: `${height.value}em` })
|
|
152
162
|
},
|
|
153
163
|
[
|
|
@@ -155,7 +165,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
155
165
|
"div",
|
|
156
166
|
{
|
|
157
167
|
class: "to-centerScroll-top",
|
|
158
|
-
style: normalizeStyle({ height: `${(height.value -
|
|
168
|
+
style: normalizeStyle({ height: `${(height.value - itemHeight.value) / 2}em` })
|
|
159
169
|
},
|
|
160
170
|
null,
|
|
161
171
|
4
|
|
@@ -174,26 +184,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
174
184
|
"div",
|
|
175
185
|
{
|
|
176
186
|
class: "to-centerScroll-wrapper",
|
|
177
|
-
style: normalizeStyle({
|
|
178
|
-
paddingTop: `${(height.value - 3) / 2}em`,
|
|
179
|
-
paddingBottom: `${(height.value - 3) / 2}em`
|
|
180
|
-
})
|
|
187
|
+
style: normalizeStyle({ paddingTop: `${(height.value - itemHeight.value) / 2}em`, paddingBottom: `${(height.value - itemHeight.value) / 2}em` })
|
|
181
188
|
},
|
|
182
189
|
[
|
|
183
190
|
(openBlock(true), createElementBlock(
|
|
184
191
|
Fragment,
|
|
185
192
|
null,
|
|
186
193
|
renderList(iData.value, (item, index) => {
|
|
187
|
-
return
|
|
194
|
+
return openBlock(), createElementBlock(
|
|
188
195
|
"div",
|
|
189
196
|
{
|
|
190
197
|
key: index,
|
|
191
198
|
ref_for: true,
|
|
192
199
|
ref: (el) => setItemRef(el, index),
|
|
193
|
-
class: normalizeClass(["to-centerScroll-item", { "is-on": item.value === _ctx.modelValue }])
|
|
200
|
+
class: normalizeClass(["to-centerScroll-item", { "is-on": item.value === _ctx.modelValue, "is-dis": item.disabled }])
|
|
194
201
|
},
|
|
195
202
|
[
|
|
196
|
-
|
|
203
|
+
createElementVNode(
|
|
204
|
+
"span",
|
|
205
|
+
{ class: "to-centerScroll-item-text" },
|
|
197
206
|
toDisplayString(item.label),
|
|
198
207
|
1
|
|
199
208
|
/* TEXT */
|
|
@@ -201,9 +210,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
201
210
|
],
|
|
202
211
|
2
|
|
203
212
|
/* CLASS */
|
|
204
|
-
)
|
|
205
|
-
[_directive_dis, item.disabled]
|
|
206
|
-
]);
|
|
213
|
+
);
|
|
207
214
|
}),
|
|
208
215
|
128
|
|
209
216
|
/* KEYED_FRAGMENT */
|
|
@@ -220,15 +227,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
220
227
|
"div",
|
|
221
228
|
{
|
|
222
229
|
class: "to-centerScroll-bottom",
|
|
223
|
-
style: normalizeStyle({ height: `${(height.value -
|
|
230
|
+
style: normalizeStyle({ height: `${(height.value - itemHeight.value) / 2}em` })
|
|
224
231
|
},
|
|
225
232
|
null,
|
|
226
233
|
4
|
|
227
234
|
/* STYLE */
|
|
228
235
|
)
|
|
229
236
|
],
|
|
230
|
-
|
|
231
|
-
/* STYLE */
|
|
237
|
+
6
|
|
238
|
+
/* CLASS, STYLE */
|
|
232
239
|
);
|
|
233
240
|
};
|
|
234
241
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CenterScroll.vue2.mjs","sources":["../../../../../../packages/components/center-scroll/src/CenterScroll.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCenterScroll',\n});\n</script>\n<template>\n\t<div class=\"to-centerScroll\" :style=\"{ height: `${height}em` }\">\n\t\t<div class=\"to-centerScroll-top\" :style=\"{ height: `${(height - 3) / 2}em` }\"></div>\n\t\t<div ref=\"scrollContainer\" class=\"to-centerScroll-content\" @scroll=\"onScroll\">\n\t\t\t<div\n\t\t\t\tclass=\"to-centerScroll-wrapper\"\n\t\t\t\t:style=\"{\n\t\t\t\t\tpaddingTop: `${(height - 3) / 2}em`,\n\t\t\t\t\tpaddingBottom: `${(height - 3) / 2}em`,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(item, index) in iData\"\n\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t:ref=\"el => setItemRef(el, index)\"\n\t\t\t\t\tv-dis=\"item.disabled\"\n\t\t\t\t\tclass=\"to-centerScroll-item\"\n\t\t\t\t\t:class=\"{ 'is-on': item.value === modelValue }\"\n\t\t\t\t>\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"to-centerScroll-bottom\" :style=\"{ height: `${(height - 3) / 2}em` }\"></div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick } from 'vue'\nimport { centerScrollProps, centerScrollEmits, type CenterScrollDataItem } from './center-scroll'\n\n\n\nconst props = defineProps(centerScrollProps)\nconst emit = defineEmits(centerScrollEmits)\n\n// 响应式数据\nconst scrollContainer = ref<HTMLElement | null>(null)\nconst itemRefs = ref<(HTMLElement | null)[]>([])\nconst inited = ref(false)\nconst iData = ref<CenterScrollDataItem[]>([])\nconst isScrolling = ref(false)\nconst scrollTimeout = ref<number | null>(null)\nconst isScrollTo = ref(false)\nconst changeBySelf = ref(false)\n\n// 计算属性\nconst height = computed(() => Number(props.height))\n\n// 设置item引用\nconst setItemRef = (el: any, index: number) => {\n\tif (el) {\n\t\titemRefs.value[index] = el as HTMLElement\n\t}\n}\n\n// 处理数据变化\nconst handleDataChange = (data: string | unknown[]) => {\n\tiData.value = []\n\tif (typeof data === 'string') {\n\t\tdata.split(',').forEach(item => {\n\t\t\tiData.value.push({\n\t\t\t\tlabel: item,\n\t\t\t\tvalue: item,\n\t\t\t\tdisabled: false,\n\t\t\t})\n\t\t})\n\t} else {\n\t\tiData.value = JSON.parse(JSON.stringify(data))\n\t}\n}\n\n// 滚动事件处理\nconst onScroll = () => {\n\tif (!inited.value) return\n\n\tif (scrollTimeout.value) {\n\t\tclearTimeout(scrollTimeout.value)\n\t}\n\n\tisScrolling.value = true\n\tscrollTimeout.value = window.setTimeout(() => {\n\t\tisScrolling.value = false\n\t\tif (!isScrollTo.value) {\n\t\t\tcenterClosestItem()\n\t\t}\n\t}, 200)\n}\n\n// 居中最近的项目\nconst centerClosestItem = () => {\n\tif (!scrollContainer.value) return\n\n\tconst container = scrollContainer.value\n\tconst containerRect = container.getBoundingClientRect()\n\tconst containerCenter = containerRect.top + containerRect.height / 2\n\n\tlet closestItem: CenterScrollDataItem | null = null\n\tlet closestItemEl: HTMLElement | null = null\n\tlet closestDistance = Infinity\n\n\tiData.value.forEach((item, index) => {\n\t\tif (!item.disabled) {\n\t\t\tconst itemEl = itemRefs.value[index]\n\t\t\tif (itemEl) {\n\t\t\t\tconst itemRect = itemEl.getBoundingClientRect()\n\t\t\t\tconst itemCenter = itemRect.top + itemRect.height / 2\n\t\t\t\tconst distance = Math.abs(containerCenter - itemCenter)\n\n\t\t\t\tif (distance < closestDistance) {\n\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\tclosestItem = item\n\t\t\t\t\tclosestItemEl = itemEl\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t})\n\n\tif (closestItemEl && closestItem) {\n\t\tscrollTo(closestItemEl)\n\t\tchangeBySelf.value = true\n\t\temit('update:modelValue', closestItem.value)\n\t\temit('change', closestItem.value)\n\t\tnextTick(() => {\n\t\t\tchangeBySelf.value = false\n\t\t})\n\t}\n}\n\n// 滚动到指定元素\nconst scrollTo = (el: HTMLElement, behavior: ScrollBehavior = 'smooth') => {\n\tif (!scrollContainer.value) return\n\n\tisScrollTo.value = true\n\tconst itemRect = el.getBoundingClientRect()\n\tconst container = scrollContainer.value\n\tconst containerRect = container.getBoundingClientRect()\n\tconst containerCenter = containerRect.top + containerRect.height / 2\n\tconst offset = itemRect.top + itemRect.height / 2 - containerCenter\n\n\tcontainer.scrollTo({\n\t\ttop: container.scrollTop + offset,\n\t\tbehavior,\n\t})\n\n\tsetTimeout(() => {\n\t\tisScrollTo.value = false\n\t}, 500)\n}\n\n// 监听modelValue变化\nwatch(\n\t() => props.modelValue,\n\tval => {\n\t\tif (changeBySelf.value) return\n\n\t\tconst index = iData.value.findIndex(item => item.value === val)\n\t\tif (index > -1 && itemRefs.value[index]) {\n\t\t\tscrollTo(itemRefs.value[index]!, 'instant')\n\t\t}\n\t}\n)\n\n// 监听data变化\nwatch(\n\t() => props.data,\n\tdata => {\n\t\thandleDataChange(data as string | CenterScrollDataItem[])\n\t},\n\t{ immediate: true }\n)\n\n// 组件挂载后初始化\nonMounted(() => {\n\tsetTimeout(() => {\n\t\tif (props.modelValue) {\n\t\t\tconst index = iData.value.findIndex(item => item.value === props.modelValue)\n\t\t\tif (index !== -1 && itemRefs.value[index]) {\n\t\t\t\tscrollTo(itemRefs.value[index]!, 'instant')\n\t\t\t}\n\t\t} else if (iData.value.length > 0) {\n\t\t\temit('update:modelValue', iData.value[0].value)\n\t\t\temit('change', iData.value[0].value)\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tinited.value = true\n\t\t}, 100)\n\t}, 100)\n})\n\n// 暴露方法\ndefineExpose({\n\tscrollTo,\n\tcenterClosestItem,\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_createElementVNode","_normalizeStyle","_openBlock","_Fragment","_renderList","modelValue","_createTextVNode","_toDisplayString"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CenterScroll.vue2.mjs","sources":["../../../../../../packages/components/center-scroll/src/CenterScroll.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCenterScroll'\n});\n</script>\n<template>\n\t<div class=\"to-centerScroll\" :class=\"setClass\" :style=\"{ height: `${height}em` }\">\n\t\t<div class=\"to-centerScroll-top\" :style=\"{ height: `${(height - itemHeight) / 2}em` }\"></div>\n\t\t<div ref=\"scrollContainer\" class=\"to-centerScroll-content\" @scroll=\"onScroll\">\n\t\t\t<div class=\"to-centerScroll-wrapper\" :style=\"{ paddingTop: `${(height - itemHeight) / 2}em`, paddingBottom: `${(height - itemHeight) / 2}em` }\">\n\t\t\t\t<div v-for=\"(item, index) in iData\" :key=\"index\" :ref=\"el => setItemRef(el, index)\" class=\"to-centerScroll-item\" :class=\"{ 'is-on': item.value === modelValue, 'is-dis': item.disabled }\">\n\t\t\t\t\t<span class=\"to-centerScroll-item-text\">{{ item.label }}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"to-centerScroll-bottom\" :style=\"{ height: `${(height - itemHeight) / 2}em` }\"></div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick } from 'vue'\nimport { centerScrollProps, centerScrollEmits, type CenterScrollDataItem } from './center-scroll'\nimport { getEm } from '@touchvue/utils'\n\n\n\nconst props = defineProps(centerScrollProps)\nconst emit = defineEmits(centerScrollEmits)\n\n// 响应式数据\nconst scrollContainer = ref<HTMLElement | null>(null)\nconst itemRefs = ref<(HTMLElement | null)[]>([])\nconst inited = ref(false)\nconst iData = ref<CenterScrollDataItem[]>([])\nconst isScrolling = ref(false)\nconst scrollTimeout = ref<number | null>(null)\nconst isScrollTo = ref(false)\nconst changeBySelf = ref(false)\nconst itemHeight = ref(0)\n\n// 计算属性\nconst height = computed(() => Number(props.height))\n\nonMounted(() => {\n\titemHeight.value = Number(((itemRefs.value[0].getBoundingClientRect().height || 0) / getEm()).toFixed(2))\n})\n\n// 设置item引用\nconst setItemRef = (el: any, index: number) => {\n\tif (el) {\n\t\titemRefs.value[index] = el as HTMLElement\n\t}\n}\n\n// 处理数据变化\nconst handleDataChange = (data: string | unknown[]) => {\n\tiData.value = []\n\tif (typeof data === 'string') {\n\t\tdata.split(',').forEach(item => {\n\t\t\tiData.value.push({\n\t\t\t\tlabel: item,\n\t\t\t\tvalue: item,\n\t\t\t\tdisabled: false\n\t\t\t})\n\t\t})\n\t} else {\n\t\tiData.value = JSON.parse(JSON.stringify(data))\n\t}\n}\n\n// 设置类名\nconst setClass = computed(() => {\n\tlet arr = []\n\tif (props.mode) arr.push(`mode-${props.mode}`)\n\treturn arr\n})\n\n// 滚动事件处理\nconst onScroll = () => {\n\tif (!inited.value) return\n\n\tif (scrollTimeout.value) {\n\t\tclearTimeout(scrollTimeout.value)\n\t}\n\n\tisScrolling.value = true\n\tscrollTimeout.value = window.setTimeout(() => {\n\t\tisScrolling.value = false\n\t\tif (!isScrollTo.value) {\n\t\t\tcenterClosestItem()\n\t\t}\n\t}, 200)\n}\n\n// 居中最近的项目\nconst centerClosestItem = () => {\n\tif (!scrollContainer.value) return\n\n\tconst container = scrollContainer.value\n\tconst containerRect = container.getBoundingClientRect()\n\tconst containerCenter = containerRect.top + containerRect.height / 2\n\n\tlet closestItem: CenterScrollDataItem | null = null\n\tlet closestItemEl: HTMLElement | null = null\n\tlet closestDistance = Infinity\n\n\tiData.value.forEach((item, index) => {\n\t\tif (!item.disabled) {\n\t\t\tconst itemEl = itemRefs.value[index]\n\t\t\tif (itemEl) {\n\t\t\t\tconst itemRect = itemEl.getBoundingClientRect()\n\t\t\t\tconst itemCenter = itemRect.top + itemRect.height / 2\n\t\t\t\tconst distance = Math.abs(containerCenter - itemCenter)\n\n\t\t\t\tif (distance < closestDistance) {\n\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\tclosestItem = item\n\t\t\t\t\tclosestItemEl = itemEl\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t})\n\n\tif (closestItemEl && closestItem) {\n\t\tscrollTo(closestItemEl)\n\t\tchangeBySelf.value = true\n\t\temit('update:modelValue', closestItem.value)\n\t\temit('change', closestItem.value)\n\t\tnextTick(() => {\n\t\t\tchangeBySelf.value = false\n\t\t})\n\t}\n}\n\n// 滚动到指定元素\nconst scrollTo = (el: HTMLElement, behavior: ScrollBehavior = 'smooth') => {\n\tif (!scrollContainer.value) return\n\n\tisScrollTo.value = true\n\tconst itemRect = el.getBoundingClientRect()\n\tconst container = scrollContainer.value\n\tconst containerRect = container.getBoundingClientRect()\n\tconst containerCenter = containerRect.top + containerRect.height / 2\n\tconst offset = itemRect.top + itemRect.height / 2 - containerCenter\n\n\tcontainer.scrollTo({\n\t\ttop: container.scrollTop + offset,\n\t\tbehavior\n\t})\n\n\tsetTimeout(() => {\n\t\tisScrollTo.value = false\n\t}, 500)\n}\n\n// 监听modelValue变化\nwatch(\n\t() => props.modelValue,\n\tval => {\n\t\tif (changeBySelf.value) return\n\n\t\tconst index = iData.value.findIndex(item => item.value === val)\n\t\tif (index > -1 && itemRefs.value[index]) {\n\t\t\tscrollTo(itemRefs.value[index]!, 'instant')\n\t\t}\n\t}\n)\n\n// 监听data变化\nwatch(\n\t() => props.data,\n\tdata => {\n\t\thandleDataChange(data as string | CenterScrollDataItem[])\n\t},\n\t{ immediate: true }\n)\n\n// 组件挂载后初始化\nonMounted(() => {\n\tsetTimeout(() => {\n\t\tif (props.modelValue) {\n\t\t\tconst index = iData.value.findIndex(item => item.value === props.modelValue)\n\t\t\tif (index !== -1 && itemRefs.value[index]) {\n\t\t\t\tscrollTo(itemRefs.value[index]!, 'instant')\n\t\t\t}\n\t\t} else if (iData.value.length > 0) {\n\t\t\temit('update:modelValue', iData.value[0].value)\n\t\t\temit('change', iData.value[0].value)\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tinited.value = true\n\t\t}, 100)\n\t}, 100)\n})\n\n// 暴露方法\ndefineExpose({\n\tscrollTo,\n\tcenterClosestItem\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_openBlock","_Fragment","_renderList","modelValue","_toDisplayString"],"mappings":"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"}
|
|
@@ -7,6 +7,13 @@ const centerScrollProps = {
|
|
|
7
7
|
required: true,
|
|
8
8
|
default: () => []
|
|
9
9
|
},
|
|
10
|
+
/**
|
|
11
|
+
* 模式
|
|
12
|
+
*/
|
|
13
|
+
mode: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: ""
|
|
16
|
+
},
|
|
10
17
|
/**
|
|
11
18
|
* 当前选中的值
|
|
12
19
|
*/
|
|
@@ -19,7 +26,7 @@ const centerScrollProps = {
|
|
|
19
26
|
*/
|
|
20
27
|
height: {
|
|
21
28
|
type: [String, Number],
|
|
22
|
-
default:
|
|
29
|
+
default: 17
|
|
23
30
|
}
|
|
24
31
|
};
|
|
25
32
|
const centerScrollEmits = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"center-scroll.mjs","sources":["../../../../../../packages/components/center-scroll/src/center-scroll.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue'\n\nexport const centerScrollProps = {\n\t/**\n\t * 数据源\n\t */\n\tdata: {\n\t\ttype: [Array, String],\n\t\trequired: true,\n\t\tdefault: () => [],\n\t},\n\t/**\n\t * 当前选中的值\n\t */\n\tmodelValue: {\n\t\ttype: [String, Number],\n\t\tdefault: ''
|
|
1
|
+
{"version":3,"file":"center-scroll.mjs","sources":["../../../../../../packages/components/center-scroll/src/center-scroll.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue'\n\nexport const centerScrollProps = {\n\t/**\n\t * 数据源\n\t */\n\tdata: {\n\t\ttype: [Array, String],\n\t\trequired: true,\n\t\tdefault: () => []\n\t},\n\t/**\n\t * 模式\n\t */\n\tmode: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\t/**\n\t * 当前选中的值\n\t */\n\tmodelValue: {\n\t\ttype: [String, Number],\n\t\tdefault: ''\n\t},\n\t/**\n\t * 高度(单位em,建议使用 3 的奇数倍数)\n\t */\n\theight: {\n\t\ttype: [String, Number],\n\t\tdefault: 17\n\t}\n}\n\nexport const centerScrollEmits = {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t'update:modelValue': (value: string | number) => true,\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tchange: (value: string | number) => true\n}\n\nexport type CenterScrollProps = ExtractPropTypes<typeof centerScrollProps>\nexport type CenterScrollEmits = typeof centerScrollEmits\n\nexport interface CenterScrollDataItem {\n\tlabel: string\n\tvalue: string | number\n\tdisabled?: boolean\n}\n\nexport interface CenterScrollInstance {\n\tscrollTo: (element: HTMLElement, behavior?: ScrollBehavior) => void\n\tcenterClosestItem: () => void\n}\n"],"names":[],"mappings":"AAEO,MAAM,iBAAoB,GAAA;AAAA;AAAA;AAAA;AAAA,EAIhC,IAAM,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,KAAA,EAAO,MAAM,CAAA;AAAA,IACpB,QAAU,EAAA,IAAA;AAAA,IACV,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AACD,EAAA;AAEO,MAAM,iBAAoB,GAAA;AAAA;AAAA,EAEhC,mBAAA,EAAqB,CAAC,KAA2B,KAAA,IAAA;AAAA;AAAA,EAEjD,MAAA,EAAQ,CAAC,KAA2B,KAAA,IAAA;AACrC;;;;"}
|