@touchvue/ui 1.0.0-beta.42 → 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.
Files changed (80) hide show
  1. package/es/components/center-scroll/index.d.ts +9 -0
  2. package/es/components/center-scroll/src/CenterScroll.vue.d.ts +9 -0
  3. package/es/components/center-scroll/src/center-scroll.d.ts +7 -0
  4. package/es/components/daterange/src/date-range.vue.d.ts +3 -0
  5. package/es/components/guider/src/guider.vue.d.ts +4 -1
  6. package/es/components/scroll/index.d.ts +9 -9
  7. package/es/components/scroll/src/Scroll.vue.d.ts +5 -5
  8. package/es/components/scroll/src/scroll.d.ts +2 -2
  9. package/es/packages/components/breadcrumb/src/breadcrumb-item.vue.mjs +3 -3
  10. package/es/packages/components/breadcrumb/src/breadcrumb-item.vue.mjs.map +1 -1
  11. package/es/packages/components/breadcrumb/src/breadcrumb-item.vue2.mjs.map +1 -1
  12. package/es/packages/components/breadcrumb/src/breadcrumb.vue.mjs +1 -1
  13. package/es/packages/components/breadcrumb/src/breadcrumb.vue.mjs.map +1 -1
  14. package/es/packages/components/breadcrumb/src/breadcrumb.vue2.mjs.map +1 -1
  15. package/es/packages/components/center-scroll/src/CenterScroll.vue2.mjs +24 -17
  16. package/es/packages/components/center-scroll/src/CenterScroll.vue2.mjs.map +1 -1
  17. package/es/packages/components/center-scroll/src/center-scroll.mjs +8 -1
  18. package/es/packages/components/center-scroll/src/center-scroll.mjs.map +1 -1
  19. package/es/packages/components/daterange/src/date-range.vue2.mjs +74 -38
  20. package/es/packages/components/daterange/src/date-range.vue2.mjs.map +1 -1
  21. package/es/packages/components/form/src/form.vue2.mjs +3 -1
  22. package/es/packages/components/form/src/form.vue2.mjs.map +1 -1
  23. package/es/packages/components/guider/src/guider.vue2.mjs +108 -122
  24. package/es/packages/components/guider/src/guider.vue2.mjs.map +1 -1
  25. package/es/packages/components/page/src/page.vue2.mjs +5 -1
  26. package/es/packages/components/page/src/page.vue2.mjs.map +1 -1
  27. package/es/packages/components/scroll/src/Scroll.vue2.mjs +3 -4
  28. package/es/packages/components/scroll/src/Scroll.vue2.mjs.map +1 -1
  29. package/es/packages/components/scroll/src/scroll.mjs +2 -2
  30. package/es/packages/components/scroll/src/scroll.mjs.map +1 -1
  31. package/es/packages/components/table/src/table-body.vue2.mjs +6 -4
  32. package/es/packages/components/table/src/table-body.vue2.mjs.map +1 -1
  33. package/es/packages/components/table/src/table.vue2.mjs +6 -2
  34. package/es/packages/components/table/src/table.vue2.mjs.map +1 -1
  35. package/es/packages/locale/lang/en-US.mjs +1 -0
  36. package/es/packages/locale/lang/en-US.mjs.map +1 -1
  37. package/es/packages/locale/lang/zh-CN.mjs +1 -0
  38. package/es/packages/locale/lang/zh-CN.mjs.map +1 -1
  39. package/lib/components/center-scroll/index.d.ts +9 -0
  40. package/lib/components/center-scroll/src/CenterScroll.vue.d.ts +9 -0
  41. package/lib/components/center-scroll/src/center-scroll.d.ts +7 -0
  42. package/lib/components/daterange/src/date-range.vue.d.ts +3 -0
  43. package/lib/components/guider/src/guider.vue.d.ts +4 -1
  44. package/lib/components/scroll/index.d.ts +9 -9
  45. package/lib/components/scroll/src/Scroll.vue.d.ts +5 -5
  46. package/lib/components/scroll/src/scroll.d.ts +2 -2
  47. package/lib/packages/components/breadcrumb/src/breadcrumb-item.vue.js +3 -3
  48. package/lib/packages/components/breadcrumb/src/breadcrumb-item.vue.js.map +1 -1
  49. package/lib/packages/components/breadcrumb/src/breadcrumb-item.vue2.js.map +1 -1
  50. package/lib/packages/components/breadcrumb/src/breadcrumb.vue.js +1 -1
  51. package/lib/packages/components/breadcrumb/src/breadcrumb.vue.js.map +1 -1
  52. package/lib/packages/components/breadcrumb/src/breadcrumb.vue2.js.map +1 -1
  53. package/lib/packages/components/center-scroll/src/CenterScroll.vue2.js +23 -16
  54. package/lib/packages/components/center-scroll/src/CenterScroll.vue2.js.map +1 -1
  55. package/lib/packages/components/center-scroll/src/center-scroll.js +8 -1
  56. package/lib/packages/components/center-scroll/src/center-scroll.js.map +1 -1
  57. package/lib/packages/components/daterange/src/date-range.vue2.js +73 -37
  58. package/lib/packages/components/daterange/src/date-range.vue2.js.map +1 -1
  59. package/lib/packages/components/form/src/form.vue2.js +3 -1
  60. package/lib/packages/components/form/src/form.vue2.js.map +1 -1
  61. package/lib/packages/components/guider/src/guider.vue2.js +107 -121
  62. package/lib/packages/components/guider/src/guider.vue2.js.map +1 -1
  63. package/lib/packages/components/page/src/page.vue2.js +5 -1
  64. package/lib/packages/components/page/src/page.vue2.js.map +1 -1
  65. package/lib/packages/components/scroll/src/Scroll.vue2.js +3 -4
  66. package/lib/packages/components/scroll/src/Scroll.vue2.js.map +1 -1
  67. package/lib/packages/components/scroll/src/scroll.js +2 -2
  68. package/lib/packages/components/scroll/src/scroll.js.map +1 -1
  69. package/lib/packages/components/table/src/table-body.vue2.js +5 -3
  70. package/lib/packages/components/table/src/table-body.vue2.js.map +1 -1
  71. package/lib/packages/components/table/src/table.vue2.js +6 -2
  72. package/lib/packages/components/table/src/table.vue2.js.map +1 -1
  73. package/lib/packages/locale/lang/en-US.js +1 -0
  74. package/lib/packages/locale/lang/en-US.js.map +1 -1
  75. package/lib/packages/locale/lang/zh-CN.js +1 -0
  76. package/lib/packages/locale/lang/zh-CN.js.map +1 -1
  77. package/package.json +1 -1
  78. package/theme/components/index.css +364 -313
  79. package/theme/index.css +364 -313
  80. 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;
@@ -8,6 +8,13 @@ export declare const centerScrollProps: {
8
8
  required: boolean;
9
9
  default: () => any[];
10
10
  };
11
+ /**
12
+ * 模式
13
+ */
14
+ mode: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
11
18
  /**
12
19
  * 当前选中的值
13
20
  */
@@ -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: string;
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
- color: {
48
+ mode: {
49
49
  type: StringConstructor;
50
50
  default: string;
51
51
  };
52
- mode: {
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
- color: {
148
+ mode: {
149
149
  type: StringConstructor;
150
150
  default: string;
151
151
  };
152
- mode: {
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
- color: {
237
+ mode: {
238
238
  type: StringConstructor;
239
239
  default: string;
240
240
  };
241
- mode: {
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
- color: {
51
+ mode: {
52
52
  type: StringConstructor;
53
53
  default: string;
54
54
  };
55
- mode: {
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
- color: {
121
+ mode: {
122
122
  type: StringConstructor;
123
123
  default: string;
124
124
  };
125
- mode: {
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;
@@ -82,14 +82,14 @@ export declare const scrollProps: {
82
82
  /**
83
83
  * 背景颜色
84
84
  */
85
- color: {
85
+ mode: {
86
86
  type: StringConstructor;
87
87
  default: string;
88
88
  };
89
89
  /**
90
90
  * 滚动模式
91
91
  */
92
- mode: {
92
+ type: {
93
93
  type: StringConstructor;
94
94
  default: string;
95
95
  };
@@ -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-item__inner", _ctx.to ? "is-link" : ""]),
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-item__separator"
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-item__separator",
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-item__inner', 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,iDAAqCC,sBAAE,EAAA;AAAA,IAA+BC,mBAAA,MAAA,EAAA;AAAA,MAAE,KAAA,EAAKC,eAAEC,CAAW,2BAAA,EAAA,KAAA,EAAA,GAAA,SAAA,GAAA,EAAA,CAAA,CAAA;AAAA,MAAA,IAAA,EAAA,MAAA;AAAA,MAChG,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,MAA+B;AAAA,QAAA,GAAA,EAAA,CAAA;AAAA;;;;;qBAC5B,EAAAC,WAAA,CAAA,kBAAA,EAAA;AAAA,MAAE,GAAK,EAAA,CAAA;AAAA,MAAA,KAAA,EAAA,+BAAA;AAAA;;;;;;;;"}
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-item__inner', 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;;;;"}
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", [`is-${_ctx.mode}`]])
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=\"[`is-${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,GAAA,EAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA;;;;;;;"}
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=\"[`is-${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
+ {"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, watch, onMounted, resolveDirective, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, withDirectives, normalizeClass, createTextVNode, toDisplayString, nextTick } from 'vue';
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 - 3) / 2}em` })
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 withDirectives((openBlock(), createElementBlock(
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
- createTextVNode(
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 - 3) / 2}em` })
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
- 4
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":";;;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,gBAAA;AACP,CAAC,CAAA,CAAA;;;;;;AAmCD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAGb,IAAM,MAAA,eAAA,GAAkB,IAAwB,IAAI,CAAA,CAAA;AACpD,IAAM,MAAA,QAAA,GAAW,GAA4B,CAAA,EAAE,CAAA,CAAA;AAC/C,IAAM,MAAA,MAAA,GAAS,IAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,KAAA,GAAQ,GAA4B,CAAA,EAAE,CAAA,CAAA;AAC5C,IAAM,MAAA,WAAA,GAAc,IAAI,KAAK,CAAA,CAAA;AAC7B,IAAM,MAAA,aAAA,GAAgB,IAAmB,IAAI,CAAA,CAAA;AAC7C,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,YAAA,GAAe,IAAI,KAAK,CAAA,CAAA;AAG9B,IAAA,MAAM,SAAS,QAAS,CAAA,MAAM,MAAO,CAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAGlD,IAAM,MAAA,UAAA,GAAa,CAAC,EAAA,EAAS,KAAkB,KAAA;AAC9C,MAAA,IAAI,EAAI,EAAA;AACP,QAAS,QAAA,CAAA,KAAA,CAAM,KAAK,CAAI,GAAA,EAAA,CAAA;AAAA,OACzB;AAAA,KACD,CAAA;AAGA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAA6B,KAAA;AACtD,MAAA,KAAA,CAAM,QAAQ,EAAC,CAAA;AACf,MAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC7B,QAAA,IAAA,CAAK,KAAM,CAAA,GAAG,CAAE,CAAA,OAAA,CAAQ,CAAQ,IAAA,KAAA;AAC/B,UAAA,KAAA,CAAM,MAAM,IAAK,CAAA;AAAA,YAChB,KAAO,EAAA,IAAA;AAAA,YACP,KAAO,EAAA,IAAA;AAAA,YACP,QAAU,EAAA,KAAA;AAAA,WACV,CAAA,CAAA;AAAA,SACD,CAAA,CAAA;AAAA,OACK,MAAA;AACN,QAAA,KAAA,CAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,SAAA,CAAU,IAAI,CAAC,CAAA,CAAA;AAAA,OAC9C;AAAA,KACD,CAAA;AAGA,IAAA,MAAM,WAAW,MAAM;AACtB,MAAA,IAAI,CAAC,MAAO,CAAA,KAAA;AAAO,QAAA,OAAA;AAEnB,MAAA,IAAI,cAAc,KAAO,EAAA;AACxB,QAAA,YAAA,CAAa,cAAc,KAAK,CAAA,CAAA;AAAA,OACjC;AAEA,MAAA,WAAA,CAAY,KAAQ,GAAA,IAAA,CAAA;AACpB,MAAc,aAAA,CAAA,KAAA,GAAQ,MAAO,CAAA,UAAA,CAAW,MAAM;AAC7C,QAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAA;AACpB,QAAI,IAAA,CAAC,WAAW,KAAO,EAAA;AACtB,UAAkB,iBAAA,EAAA,CAAA;AAAA,SACnB;AAAA,SACE,GAAG,CAAA,CAAA;AAAA,KACP,CAAA;AAGA,IAAA,MAAM,oBAAoB,MAAM;AAC/B,MAAA,IAAI,CAAC,eAAgB,CAAA,KAAA;AAAO,QAAA,OAAA;AAE5B,MAAA,MAAM,YAAY,eAAgB,CAAA,KAAA,CAAA;AAClC,MAAM,MAAA,aAAA,GAAgB,UAAU,qBAAsB,EAAA,CAAA;AACtD,MAAA,MAAM,eAAkB,GAAA,aAAA,CAAc,GAAM,GAAA,aAAA,CAAc,MAAS,GAAA,CAAA,CAAA;AAEnE,MAAA,IAAI,WAA2C,GAAA,IAAA,CAAA;AAC/C,MAAA,IAAI,aAAoC,GAAA,IAAA,CAAA;AACxC,MAAA,IAAI,eAAkB,GAAA,QAAA,CAAA;AAEtB,MAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,CAAC,IAAA,EAAM,KAAU,KAAA;AACpC,QAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AACnB,UAAM,MAAA,MAAA,GAAS,QAAS,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACnC,UAAA,IAAI,MAAQ,EAAA;AACX,YAAM,MAAA,QAAA,GAAW,OAAO,qBAAsB,EAAA,CAAA;AAC9C,YAAA,MAAM,UAAa,GAAA,QAAA,CAAS,GAAM,GAAA,QAAA,CAAS,MAAS,GAAA,CAAA,CAAA;AACpD,YAAA,MAAM,QAAW,GAAA,IAAA,CAAK,GAAI,CAAA,eAAA,GAAkB,UAAU,CAAA,CAAA;AAEtD,YAAA,IAAI,WAAW,eAAiB,EAAA;AAC/B,cAAkB,eAAA,GAAA,QAAA,CAAA;AAClB,cAAc,WAAA,GAAA,IAAA,CAAA;AACd,cAAgB,aAAA,GAAA,MAAA,CAAA;AAAA,aACjB;AAAA,WACD;AAAA,SACD;AAAA,OACA,CAAA,CAAA;AAED,MAAA,IAAI,iBAAiB,WAAa,EAAA;AACjC,QAAA,QAAA,CAAS,aAAa,CAAA,CAAA;AACtB,QAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,QAAK,IAAA,CAAA,mBAAA,EAAqB,YAAY,KAAK,CAAA,CAAA;AAC3C,QAAK,IAAA,CAAA,QAAA,EAAU,YAAY,KAAK,CAAA,CAAA;AAChC,QAAA,QAAA,CAAS,MAAM;AACd,UAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AAAA,SACrB,CAAA,CAAA;AAAA,OACF;AAAA,KACD,CAAA;AAGA,IAAA,MAAM,QAAW,GAAA,CAAC,EAAiB,EAAA,QAAA,GAA2B,QAAa,KAAA;AAC1E,MAAA,IAAI,CAAC,eAAgB,CAAA,KAAA;AAAO,QAAA,OAAA;AAE5B,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AACnB,MAAM,MAAA,QAAA,GAAW,GAAG,qBAAsB,EAAA,CAAA;AAC1C,MAAA,MAAM,YAAY,eAAgB,CAAA,KAAA,CAAA;AAClC,MAAM,MAAA,aAAA,GAAgB,UAAU,qBAAsB,EAAA,CAAA;AACtD,MAAA,MAAM,eAAkB,GAAA,aAAA,CAAc,GAAM,GAAA,aAAA,CAAc,MAAS,GAAA,CAAA,CAAA;AACnE,MAAA,MAAM,MAAS,GAAA,QAAA,CAAS,GAAM,GAAA,QAAA,CAAS,SAAS,CAAI,GAAA,eAAA,CAAA;AAEpD,MAAA,SAAA,CAAU,QAAS,CAAA;AAAA,QAClB,GAAA,EAAK,UAAU,SAAY,GAAA,MAAA;AAAA,QAC3B,QAAA;AAAA,OACA,CAAA,CAAA;AAED,MAAA,UAAA,CAAW,MAAM;AAChB,QAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AAAA,SACjB,GAAG,CAAA,CAAA;AAAA,KACP,CAAA;AAGA,IAAA,KAAA;AAAA,MACC,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACN,QAAA,IAAI,YAAa,CAAA,KAAA;AAAO,UAAA,OAAA;AAExB,QAAA,MAAM,QAAQ,KAAM,CAAA,KAAA,CAAM,UAAU,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAC9D,QAAA,IAAI,KAAQ,GAAA,CAAA,CAAA,IAAM,QAAS,CAAA,KAAA,CAAM,KAAK,CAAG,EAAA;AACxC,UAAA,QAAA,CAAS,QAAS,CAAA,KAAA,CAAM,KAAK,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,SAC3C;AAAA,OACD;AAAA,KACD,CAAA;AAGA,IAAA,KAAA;AAAA,MACC,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACP,QAAA,gBAAA,CAAiB,IAAuC,CAAA,CAAA;AAAA,OACzD;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACnB,CAAA;AAGA,IAAA,SAAA,CAAU,MAAM;AACf,MAAA,UAAA,CAAW,MAAM;AAChB,QAAA,IAAI,MAAM,UAAY,EAAA;AACrB,UAAM,MAAA,KAAA,GAAQ,MAAM,KAAM,CAAA,SAAA,CAAU,UAAQ,IAAK,CAAA,KAAA,KAAU,MAAM,UAAU,CAAA,CAAA;AAC3E,UAAA,IAAI,KAAU,KAAA,CAAA,CAAA,IAAM,QAAS,CAAA,KAAA,CAAM,KAAK,CAAG,EAAA;AAC1C,YAAA,QAAA,CAAS,QAAS,CAAA,KAAA,CAAM,KAAK,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,WAC3C;AAAA,SACU,MAAA,IAAA,KAAA,CAAM,KAAM,CAAA,MAAA,GAAS,CAAG,EAAA;AAClC,UAAA,IAAA,CAAK,mBAAqB,EAAA,KAAA,CAAM,KAAM,CAAA,CAAC,EAAE,KAAK,CAAA,CAAA;AAC9C,UAAA,IAAA,CAAK,QAAU,EAAA,KAAA,CAAM,KAAM,CAAA,CAAC,EAAE,KAAK,CAAA,CAAA;AAAA,SACpC;AAEA,QAAA,UAAA,CAAW,MAAM;AAChB,UAAA,MAAA,CAAO,KAAQ,GAAA,IAAA,CAAA;AAAA,WACb,GAAG,CAAA,CAAA;AAAA,SACJ,GAAG,CAAA,CAAA;AAAA,KACN,CAAA,CAAA;AAGD,IAAa,QAAA,CAAA;AAAA,MACZ,QAAA;AAAA,MACA,iBAAA;AAAA,KACA,CAAA,CAAA;;;wBAlMA,EAAAC,kBAAA;AAAA,QAuBM,KAAA;AAAA,QAAA;AAAA,UAvBD,KAAM,EAAA,iBAAA;AAAA,UAAmB,iCAAoB,EAAA,MAAA,CAAM,WAAA,CAAA;AAAA;;UACvDC,kBAAA;AAAA,YAAoF,KAAA;AAAA,YAAA;AAAA,cAA/E,KAAM,EAAA,qBAAA;AAAA,cAAuB,KAAA,+BAAqB,MAAM,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA;;;;;UAC7DA,kBAAA;AAAA,YAmBM,KAAA;AAAA,YAAA;AAAA,qBAnBG,EAAA,iBAAA;AAAA,cAAJ,GAAI,EAAA,eAAA;AAAA,cAAkB,KAAM,EAAA,yBAAA;AAAA,cAA2B,QAAA;AAAA;;cAC3DA,kBAAA;AAAA,gBAiBM,KAAA;AAAA,gBAAA;AAAA,kBAhBL,KAAM,EAAA,yBAAA;AAAA,kBACL,OAAKC,cAAA,CAAA;AAAA,oCAAyB,MAAM,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA;AAAA,uCAAuC,MAAM,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA;AAAA;;;mBAKlFC,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,oBASMI,QAAA;AAAA,oBARmB,IAAA;AAAA,oBAAAC,UAAA,CAAA,KAAA,CAAA,KAAhB,EAAA,CAAA,MAAM,KAAK,KAAA;wDADpB,EAAAL,kBAAA;AAAA,wBASM,KAAA;AAAA,wBAAA;AAAA,0BAPJ,GAAK,EAAA,KAAA;AAAA;0BACL,GAAK,EAAA,CAAA,EAAA,KAAM,UAAW,CAAA,EAAA,EAAI,KAAK,CAAA;AAAA,0BAEhC,KAAA,kBAAM,sBAAsB,EAAA,EAAA,OACT,EAAA,IAAA,CAAK,KAAUM,KAAAA,IAAAA,CAAU,UAAA,EAAA,CAAA,CAAA;AAAA;;0BAEzCC,eAAA;AAAA,4BAAAC,eAAA,CAAA,KAAK,KAAK,CAAA;AAAA,4BAAA,CAAA;AAAA;AAAA,2BAAA;AAAA;;;;wBAJN,CAAA,cAAA,EAAA,IAAA,CAAK,QAAQ,CAAA;AAAA;;;;;;;;;;;;;UAQvBP,kBAAA;AAAA,YAAuF,KAAA;AAAA,YAAA;AAAA,cAAlF,KAAM,EAAA,wBAAA;AAAA,cAA0B,KAAA,+BAAqB,MAAM,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA;;;;;;;;;;;;;;;"}
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: 15
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: '',\n\t},\n\t/**\n\t * 高度(单位em,建议使用 3 的奇数倍数)\n\t */\n\theight: {\n\t\ttype: [String, Number],\n\t\tdefault: 15,\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,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;;;;"}
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;;;;"}