@element-plus/nightly 0.0.20240409 → 0.0.20240411

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 (328) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +940 -744
  4. package/dist/index.full.min.js +13 -13
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +13 -13
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +938 -745
  9. package/dist/locale/af.js +1 -1
  10. package/dist/locale/af.min.js +1 -1
  11. package/dist/locale/af.min.mjs +1 -1
  12. package/dist/locale/af.mjs +1 -1
  13. package/dist/locale/ar-eg.js +1 -1
  14. package/dist/locale/ar-eg.min.js +1 -1
  15. package/dist/locale/ar-eg.min.mjs +1 -1
  16. package/dist/locale/ar-eg.mjs +1 -1
  17. package/dist/locale/ar.js +1 -1
  18. package/dist/locale/ar.min.js +1 -1
  19. package/dist/locale/ar.min.mjs +1 -1
  20. package/dist/locale/ar.mjs +1 -1
  21. package/dist/locale/az.js +1 -1
  22. package/dist/locale/az.min.js +1 -1
  23. package/dist/locale/az.min.mjs +1 -1
  24. package/dist/locale/az.mjs +1 -1
  25. package/dist/locale/bg.js +1 -1
  26. package/dist/locale/bg.min.js +1 -1
  27. package/dist/locale/bg.min.mjs +1 -1
  28. package/dist/locale/bg.mjs +1 -1
  29. package/dist/locale/bn.js +1 -1
  30. package/dist/locale/bn.min.js +1 -1
  31. package/dist/locale/bn.min.mjs +1 -1
  32. package/dist/locale/bn.mjs +1 -1
  33. package/dist/locale/ca.js +1 -1
  34. package/dist/locale/ca.min.js +1 -1
  35. package/dist/locale/ca.min.mjs +1 -1
  36. package/dist/locale/ca.mjs +1 -1
  37. package/dist/locale/ckb.js +1 -1
  38. package/dist/locale/ckb.min.js +1 -1
  39. package/dist/locale/ckb.min.mjs +1 -1
  40. package/dist/locale/ckb.mjs +1 -1
  41. package/dist/locale/cs.js +1 -1
  42. package/dist/locale/cs.min.js +1 -1
  43. package/dist/locale/cs.min.mjs +1 -1
  44. package/dist/locale/cs.mjs +1 -1
  45. package/dist/locale/da.js +1 -1
  46. package/dist/locale/da.min.js +1 -1
  47. package/dist/locale/da.min.mjs +1 -1
  48. package/dist/locale/da.mjs +1 -1
  49. package/dist/locale/de.js +1 -1
  50. package/dist/locale/de.min.js +1 -1
  51. package/dist/locale/de.min.mjs +1 -1
  52. package/dist/locale/de.mjs +1 -1
  53. package/dist/locale/el.js +1 -1
  54. package/dist/locale/el.min.js +1 -1
  55. package/dist/locale/el.min.mjs +1 -1
  56. package/dist/locale/el.mjs +1 -1
  57. package/dist/locale/en.js +1 -1
  58. package/dist/locale/en.min.js +1 -1
  59. package/dist/locale/en.min.mjs +1 -1
  60. package/dist/locale/en.mjs +1 -1
  61. package/dist/locale/eo.js +1 -1
  62. package/dist/locale/eo.min.js +1 -1
  63. package/dist/locale/eo.min.mjs +1 -1
  64. package/dist/locale/eo.mjs +1 -1
  65. package/dist/locale/es.js +1 -1
  66. package/dist/locale/es.min.js +1 -1
  67. package/dist/locale/es.min.mjs +1 -1
  68. package/dist/locale/es.mjs +1 -1
  69. package/dist/locale/et.js +1 -1
  70. package/dist/locale/et.min.js +1 -1
  71. package/dist/locale/et.min.mjs +1 -1
  72. package/dist/locale/et.mjs +1 -1
  73. package/dist/locale/eu.js +1 -1
  74. package/dist/locale/eu.min.js +1 -1
  75. package/dist/locale/eu.min.mjs +1 -1
  76. package/dist/locale/eu.mjs +1 -1
  77. package/dist/locale/fa.js +1 -1
  78. package/dist/locale/fa.min.js +1 -1
  79. package/dist/locale/fa.min.mjs +1 -1
  80. package/dist/locale/fa.mjs +1 -1
  81. package/dist/locale/fi.js +1 -1
  82. package/dist/locale/fi.min.js +1 -1
  83. package/dist/locale/fi.min.mjs +1 -1
  84. package/dist/locale/fi.mjs +1 -1
  85. package/dist/locale/fr.js +1 -1
  86. package/dist/locale/fr.min.js +1 -1
  87. package/dist/locale/fr.min.mjs +1 -1
  88. package/dist/locale/fr.mjs +1 -1
  89. package/dist/locale/he.js +1 -1
  90. package/dist/locale/he.min.js +1 -1
  91. package/dist/locale/he.min.mjs +1 -1
  92. package/dist/locale/he.mjs +1 -1
  93. package/dist/locale/hr.js +1 -1
  94. package/dist/locale/hr.min.js +1 -1
  95. package/dist/locale/hr.min.mjs +1 -1
  96. package/dist/locale/hr.mjs +1 -1
  97. package/dist/locale/hu.js +1 -1
  98. package/dist/locale/hu.min.js +1 -1
  99. package/dist/locale/hu.min.mjs +1 -1
  100. package/dist/locale/hu.mjs +1 -1
  101. package/dist/locale/hy-am.js +1 -1
  102. package/dist/locale/hy-am.min.js +1 -1
  103. package/dist/locale/hy-am.min.mjs +1 -1
  104. package/dist/locale/hy-am.mjs +1 -1
  105. package/dist/locale/id.js +1 -1
  106. package/dist/locale/id.min.js +1 -1
  107. package/dist/locale/id.min.mjs +1 -1
  108. package/dist/locale/id.mjs +1 -1
  109. package/dist/locale/it.js +1 -1
  110. package/dist/locale/it.min.js +1 -1
  111. package/dist/locale/it.min.mjs +1 -1
  112. package/dist/locale/it.mjs +1 -1
  113. package/dist/locale/ja.js +1 -1
  114. package/dist/locale/ja.min.js +1 -1
  115. package/dist/locale/ja.min.mjs +1 -1
  116. package/dist/locale/ja.mjs +1 -1
  117. package/dist/locale/kk.js +1 -1
  118. package/dist/locale/kk.min.js +1 -1
  119. package/dist/locale/kk.min.mjs +1 -1
  120. package/dist/locale/kk.mjs +1 -1
  121. package/dist/locale/km.js +1 -1
  122. package/dist/locale/km.min.js +1 -1
  123. package/dist/locale/km.min.mjs +1 -1
  124. package/dist/locale/km.mjs +1 -1
  125. package/dist/locale/ko.js +1 -1
  126. package/dist/locale/ko.min.js +1 -1
  127. package/dist/locale/ko.min.mjs +1 -1
  128. package/dist/locale/ko.mjs +1 -1
  129. package/dist/locale/ku.js +1 -1
  130. package/dist/locale/ku.min.js +1 -1
  131. package/dist/locale/ku.min.mjs +1 -1
  132. package/dist/locale/ku.mjs +1 -1
  133. package/dist/locale/ky.js +1 -1
  134. package/dist/locale/ky.min.js +1 -1
  135. package/dist/locale/ky.min.mjs +1 -1
  136. package/dist/locale/ky.mjs +1 -1
  137. package/dist/locale/lt.js +1 -1
  138. package/dist/locale/lt.min.js +1 -1
  139. package/dist/locale/lt.min.mjs +1 -1
  140. package/dist/locale/lt.mjs +1 -1
  141. package/dist/locale/lv.js +1 -1
  142. package/dist/locale/lv.min.js +1 -1
  143. package/dist/locale/lv.min.mjs +1 -1
  144. package/dist/locale/lv.mjs +1 -1
  145. package/dist/locale/mg.js +1 -1
  146. package/dist/locale/mg.min.js +1 -1
  147. package/dist/locale/mg.min.mjs +1 -1
  148. package/dist/locale/mg.mjs +1 -1
  149. package/dist/locale/mn.js +1 -1
  150. package/dist/locale/mn.min.js +1 -1
  151. package/dist/locale/mn.min.mjs +1 -1
  152. package/dist/locale/mn.mjs +1 -1
  153. package/dist/locale/nb-no.js +1 -1
  154. package/dist/locale/nb-no.min.js +1 -1
  155. package/dist/locale/nb-no.min.mjs +1 -1
  156. package/dist/locale/nb-no.mjs +1 -1
  157. package/dist/locale/nl.js +1 -1
  158. package/dist/locale/nl.min.js +1 -1
  159. package/dist/locale/nl.min.mjs +1 -1
  160. package/dist/locale/nl.mjs +1 -1
  161. package/dist/locale/pa.js +1 -1
  162. package/dist/locale/pa.min.js +1 -1
  163. package/dist/locale/pa.min.mjs +1 -1
  164. package/dist/locale/pa.mjs +1 -1
  165. package/dist/locale/pl.js +1 -1
  166. package/dist/locale/pl.min.js +1 -1
  167. package/dist/locale/pl.min.mjs +1 -1
  168. package/dist/locale/pl.mjs +1 -1
  169. package/dist/locale/pt-br.js +1 -1
  170. package/dist/locale/pt-br.min.js +1 -1
  171. package/dist/locale/pt-br.min.mjs +1 -1
  172. package/dist/locale/pt-br.mjs +1 -1
  173. package/dist/locale/pt.js +1 -1
  174. package/dist/locale/pt.min.js +1 -1
  175. package/dist/locale/pt.min.mjs +1 -1
  176. package/dist/locale/pt.mjs +1 -1
  177. package/dist/locale/ro.js +1 -1
  178. package/dist/locale/ro.min.js +1 -1
  179. package/dist/locale/ro.min.mjs +1 -1
  180. package/dist/locale/ro.mjs +1 -1
  181. package/dist/locale/ru.js +1 -1
  182. package/dist/locale/ru.min.js +1 -1
  183. package/dist/locale/ru.min.mjs +1 -1
  184. package/dist/locale/ru.mjs +1 -1
  185. package/dist/locale/sk.js +1 -1
  186. package/dist/locale/sk.min.js +1 -1
  187. package/dist/locale/sk.min.mjs +1 -1
  188. package/dist/locale/sk.mjs +1 -1
  189. package/dist/locale/sl.js +1 -1
  190. package/dist/locale/sl.min.js +1 -1
  191. package/dist/locale/sl.min.mjs +1 -1
  192. package/dist/locale/sl.mjs +1 -1
  193. package/dist/locale/sr.js +1 -1
  194. package/dist/locale/sr.min.js +1 -1
  195. package/dist/locale/sr.min.mjs +1 -1
  196. package/dist/locale/sr.mjs +1 -1
  197. package/dist/locale/sv.js +1 -1
  198. package/dist/locale/sv.min.js +1 -1
  199. package/dist/locale/sv.min.mjs +1 -1
  200. package/dist/locale/sv.mjs +1 -1
  201. package/dist/locale/sw.js +1 -1
  202. package/dist/locale/sw.min.js +1 -1
  203. package/dist/locale/sw.min.mjs +1 -1
  204. package/dist/locale/sw.mjs +1 -1
  205. package/dist/locale/ta.js +1 -1
  206. package/dist/locale/ta.min.js +1 -1
  207. package/dist/locale/ta.min.mjs +1 -1
  208. package/dist/locale/ta.mjs +1 -1
  209. package/dist/locale/th.js +1 -1
  210. package/dist/locale/th.min.js +1 -1
  211. package/dist/locale/th.min.mjs +1 -1
  212. package/dist/locale/th.mjs +1 -1
  213. package/dist/locale/tk.js +1 -1
  214. package/dist/locale/tk.min.js +1 -1
  215. package/dist/locale/tk.min.mjs +1 -1
  216. package/dist/locale/tk.mjs +1 -1
  217. package/dist/locale/tr.js +1 -1
  218. package/dist/locale/tr.min.js +1 -1
  219. package/dist/locale/tr.min.mjs +1 -1
  220. package/dist/locale/tr.mjs +1 -1
  221. package/dist/locale/ug-cn.js +1 -1
  222. package/dist/locale/ug-cn.min.js +1 -1
  223. package/dist/locale/ug-cn.min.mjs +1 -1
  224. package/dist/locale/ug-cn.mjs +1 -1
  225. package/dist/locale/uk.js +1 -1
  226. package/dist/locale/uk.min.js +1 -1
  227. package/dist/locale/uk.min.mjs +1 -1
  228. package/dist/locale/uk.mjs +1 -1
  229. package/dist/locale/uz-uz.js +1 -1
  230. package/dist/locale/uz-uz.min.js +1 -1
  231. package/dist/locale/uz-uz.min.mjs +1 -1
  232. package/dist/locale/uz-uz.mjs +1 -1
  233. package/dist/locale/vi.js +1 -1
  234. package/dist/locale/vi.min.js +1 -1
  235. package/dist/locale/vi.min.mjs +1 -1
  236. package/dist/locale/vi.mjs +1 -1
  237. package/dist/locale/zh-cn.js +1 -1
  238. package/dist/locale/zh-cn.min.js +1 -1
  239. package/dist/locale/zh-cn.min.mjs +1 -1
  240. package/dist/locale/zh-cn.mjs +1 -1
  241. package/dist/locale/zh-tw.js +1 -1
  242. package/dist/locale/zh-tw.min.js +1 -1
  243. package/dist/locale/zh-tw.min.mjs +1 -1
  244. package/dist/locale/zh-tw.mjs +1 -1
  245. package/es/component.mjs +3 -1
  246. package/es/component.mjs.map +1 -1
  247. package/es/components/icon/index.mjs +2 -2
  248. package/es/components/icon/src/icon.mjs +36 -8
  249. package/es/components/icon/src/icon.mjs.map +1 -1
  250. package/es/components/icon/src/icon2.mjs +8 -36
  251. package/es/components/icon/src/icon2.mjs.map +1 -1
  252. package/es/components/index.d.ts +1 -0
  253. package/es/components/index.mjs +3 -1
  254. package/es/components/index.mjs.map +1 -1
  255. package/es/components/segmented/index.d.ts +115 -0
  256. package/es/components/segmented/index.mjs +9 -0
  257. package/es/components/segmented/index.mjs.map +1 -0
  258. package/es/components/segmented/src/segmented.d.ts +26 -0
  259. package/es/components/segmented/src/segmented.mjs +36 -0
  260. package/es/components/segmented/src/segmented.mjs.map +1 -0
  261. package/es/components/segmented/src/segmented.vue.d.ts +115 -0
  262. package/es/components/segmented/src/segmented2.mjs +170 -0
  263. package/es/components/segmented/src/segmented2.mjs.map +1 -0
  264. package/es/components/segmented/src/types.d.ts +6 -0
  265. package/es/components/segmented/src/types.mjs +2 -0
  266. package/es/components/segmented/src/types.mjs.map +1 -0
  267. package/es/components/segmented/style/css.d.ts +2 -0
  268. package/es/components/segmented/style/css.mjs +3 -0
  269. package/es/components/segmented/style/css.mjs.map +1 -0
  270. package/es/components/segmented/style/index.d.ts +2 -0
  271. package/es/components/segmented/style/index.mjs +3 -0
  272. package/es/components/segmented/style/index.mjs.map +1 -0
  273. package/es/components/time-select/index.mjs +1 -1
  274. package/es/components/time-select/src/time-select.mjs +120 -48
  275. package/es/components/time-select/src/time-select.mjs.map +1 -1
  276. package/es/components/time-select/src/time-select2.mjs +48 -120
  277. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  278. package/es/index.mjs +3 -1
  279. package/es/index.mjs.map +1 -1
  280. package/es/version.d.ts +1 -1
  281. package/es/version.mjs +1 -1
  282. package/es/version.mjs.map +1 -1
  283. package/lib/component.js +3 -1
  284. package/lib/component.js.map +1 -1
  285. package/lib/components/icon/index.js +2 -2
  286. package/lib/components/icon/src/icon.js +36 -8
  287. package/lib/components/icon/src/icon.js.map +1 -1
  288. package/lib/components/icon/src/icon2.js +8 -36
  289. package/lib/components/icon/src/icon2.js.map +1 -1
  290. package/lib/components/index.d.ts +1 -0
  291. package/lib/components/index.js +19 -14
  292. package/lib/components/index.js.map +1 -1
  293. package/lib/components/segmented/index.d.ts +115 -0
  294. package/lib/components/segmented/index.js +16 -0
  295. package/lib/components/segmented/index.js.map +1 -0
  296. package/lib/components/segmented/src/segmented.d.ts +26 -0
  297. package/lib/components/segmented/src/segmented.js +41 -0
  298. package/lib/components/segmented/src/segmented.js.map +1 -0
  299. package/lib/components/segmented/src/segmented.vue.d.ts +115 -0
  300. package/lib/components/segmented/src/segmented2.js +174 -0
  301. package/lib/components/segmented/src/segmented2.js.map +1 -0
  302. package/lib/components/segmented/src/types.d.ts +6 -0
  303. package/lib/components/segmented/src/types.js +3 -0
  304. package/lib/components/segmented/src/types.js.map +1 -0
  305. package/lib/components/segmented/style/css.d.ts +2 -0
  306. package/lib/components/segmented/style/css.js +6 -0
  307. package/lib/components/segmented/style/css.js.map +1 -0
  308. package/lib/components/segmented/style/index.d.ts +2 -0
  309. package/lib/components/segmented/style/index.js +6 -0
  310. package/lib/components/segmented/style/index.js.map +1 -0
  311. package/lib/components/time-select/index.js +1 -1
  312. package/lib/components/time-select/src/time-select.js +125 -48
  313. package/lib/components/time-select/src/time-select.js.map +1 -1
  314. package/lib/components/time-select/src/time-select2.js +48 -125
  315. package/lib/components/time-select/src/time-select2.js.map +1 -1
  316. package/lib/index.js +111 -106
  317. package/lib/index.js.map +1 -1
  318. package/lib/version.d.ts +1 -1
  319. package/lib/version.js +1 -1
  320. package/lib/version.js.map +1 -1
  321. package/package.json +2 -2
  322. package/tags.json +1 -1
  323. package/theme-chalk/el-segmented.css +1 -0
  324. package/theme-chalk/index.css +1 -1
  325. package/theme-chalk/src/common/var.scss +19 -0
  326. package/theme-chalk/src/index.scss +1 -0
  327. package/theme-chalk/src/segmented.scss +160 -0
  328. package/web-types.json +1 -1
@@ -0,0 +1,115 @@
1
+ import type { Option } from './types';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | ((new (...args: any[]) => Option[]) | (() => Option[]))[], unknown, unknown, () => never[], boolean>;
4
+ modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | BooleanConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
5
+ block: BooleanConstructor;
6
+ size: {
7
+ readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
8
+ readonly required: false;
9
+ readonly validator: ((val: unknown) => boolean) | undefined;
10
+ __epPropKey: true;
11
+ };
12
+ disabled: BooleanConstructor;
13
+ validateEvent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
14
+ id: StringConstructor;
15
+ name: StringConstructor;
16
+ ariaLabel: StringConstructor;
17
+ }, {
18
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
19
+ options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | ((new (...args: any[]) => Option[]) | (() => Option[]))[], unknown, unknown, () => never[], boolean>;
20
+ modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | BooleanConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
21
+ block: BooleanConstructor;
22
+ size: {
23
+ readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
24
+ readonly required: false;
25
+ readonly validator: ((val: unknown) => boolean) | undefined;
26
+ __epPropKey: true;
27
+ };
28
+ disabled: BooleanConstructor;
29
+ validateEvent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
30
+ id: StringConstructor;
31
+ name: StringConstructor;
32
+ ariaLabel: StringConstructor;
33
+ }>> & {
34
+ onChange?: ((val: any) => any) | undefined;
35
+ "onUpdate:modelValue"?: ((val: any) => any) | undefined;
36
+ }>>;
37
+ emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
38
+ ns: {
39
+ namespace: import("vue").ComputedRef<string>;
40
+ b: (blockSuffix?: string) => string;
41
+ e: (element?: string | undefined) => string;
42
+ m: (modifier?: string | undefined) => string;
43
+ be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
44
+ em: (element?: string | undefined, modifier?: string | undefined) => string;
45
+ bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
46
+ bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
47
+ is: {
48
+ (name: string, state: boolean | undefined): string;
49
+ (name: string): string;
50
+ };
51
+ cssVar: (object: Record<string, string>) => Record<string, string>;
52
+ cssVarName: (name: string) => string;
53
+ cssVarBlock: (object: Record<string, string>) => Record<string, string>;
54
+ cssVarBlockName: (name: string) => string;
55
+ };
56
+ segmentedId: import("vue").Ref<string>;
57
+ segmentedSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
58
+ _disabled: import("vue").ComputedRef<boolean>;
59
+ formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
60
+ inputId: import("vue").Ref<string | undefined>;
61
+ isLabeledByFormItem: import("vue").ComputedRef<boolean>;
62
+ segmentedRef: import("vue").Ref<HTMLElement | null>;
63
+ activeElement: import("vue").ComputedRef<HTMLElement | null | undefined>;
64
+ state: {
65
+ isInit: boolean;
66
+ width: number;
67
+ translateX: number;
68
+ disabled: boolean;
69
+ focusVisible: boolean;
70
+ };
71
+ handleChange: (item: Option) => void;
72
+ getValue: (item: Option) => string | number | boolean | undefined;
73
+ getLabel: (item: Option) => string | number | boolean | undefined;
74
+ getDisabled: (item: Option) => boolean;
75
+ getSelected: (item: Option) => boolean;
76
+ getOption: (value: any) => Option;
77
+ getItemCls: (item: Option) => string[];
78
+ updateSelect: () => void;
79
+ segmentedCls: import("vue").ComputedRef<string[]>;
80
+ selectedStyle: import("vue").ComputedRef<{
81
+ width: string;
82
+ transform: string;
83
+ display: string;
84
+ }>;
85
+ selectedCls: import("vue").ComputedRef<string[]>;
86
+ name: import("vue").ComputedRef<string>;
87
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
88
+ "update:modelValue": (val: any) => boolean;
89
+ change: (val: any) => boolean;
90
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
91
+ options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | ((new (...args: any[]) => Option[]) | (() => Option[]))[], unknown, unknown, () => never[], boolean>;
92
+ modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | BooleanConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
93
+ block: BooleanConstructor;
94
+ size: {
95
+ readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
96
+ readonly required: false;
97
+ readonly validator: ((val: unknown) => boolean) | undefined;
98
+ __epPropKey: true;
99
+ };
100
+ disabled: BooleanConstructor;
101
+ validateEvent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
102
+ id: StringConstructor;
103
+ name: StringConstructor;
104
+ ariaLabel: StringConstructor;
105
+ }>> & {
106
+ onChange?: ((val: any) => any) | undefined;
107
+ "onUpdate:modelValue"?: ((val: any) => any) | undefined;
108
+ }, {
109
+ modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(NumberConstructor | BooleanConstructor | StringConstructor)[], unknown, unknown>;
110
+ disabled: boolean;
111
+ validateEvent: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
112
+ block: boolean;
113
+ options: Option[];
114
+ }>;
115
+ export default _default;
@@ -0,0 +1,174 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var core = require('@vueuse/core');
7
+ require('../../../hooks/index.js');
8
+ require('../../form/index.js');
9
+ require('../../../utils/index.js');
10
+ require('../../../constants/index.js');
11
+ var segmented = require('./segmented.js');
12
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
13
+ var index = require('../../../hooks/use-namespace/index.js');
14
+ var index$1 = require('../../../hooks/use-id/index.js');
15
+ var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
16
+ var useFormItem = require('../../form/src/hooks/use-form-item.js');
17
+ var event = require('../../../constants/event.js');
18
+ var shared = require('@vue/shared');
19
+ var error = require('../../../utils/error.js');
20
+
21
+ const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
22
+ const _hoisted_2 = ["name", "disabled", "checked", "onChange"];
23
+ const __default__ = vue.defineComponent({
24
+ name: "ElSegmented"
25
+ });
26
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
27
+ ...__default__,
28
+ props: segmented.segmentedProps,
29
+ emits: segmented.segmentedEmits,
30
+ setup(__props, { emit }) {
31
+ const props = __props;
32
+ const ns = index.useNamespace("segmented");
33
+ const segmentedId = index$1.useId();
34
+ const segmentedSize = useFormCommonProps.useFormSize();
35
+ const _disabled = useFormCommonProps.useFormDisabled();
36
+ const { formItem } = useFormItem.useFormItem();
37
+ const { inputId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
38
+ formItemContext: formItem
39
+ });
40
+ const segmentedRef = vue.ref(null);
41
+ const activeElement = core.useActiveElement();
42
+ const state = vue.reactive({
43
+ isInit: false,
44
+ width: 0,
45
+ translateX: 0,
46
+ disabled: false,
47
+ focusVisible: false
48
+ });
49
+ const handleChange = (item) => {
50
+ const value = getValue(item);
51
+ emit(event.UPDATE_MODEL_EVENT, value);
52
+ emit(event.CHANGE_EVENT, value);
53
+ };
54
+ const getValue = (item) => {
55
+ return shared.isObject(item) ? item.value : item;
56
+ };
57
+ const getLabel = (item) => {
58
+ return shared.isObject(item) ? item.label : item;
59
+ };
60
+ const getDisabled = (item) => {
61
+ return !!(_disabled.value || (shared.isObject(item) ? item.disabled : false));
62
+ };
63
+ const getSelected = (item) => {
64
+ return props.modelValue === getValue(item);
65
+ };
66
+ const getOption = (value) => {
67
+ return props.options.find((item) => getValue(item) === value);
68
+ };
69
+ const getItemCls = (item) => {
70
+ return [
71
+ ns.e("item"),
72
+ ns.is("selected", getSelected(item)),
73
+ ns.is("disabled", getDisabled(item))
74
+ ];
75
+ };
76
+ const updateSelect = () => {
77
+ if (!segmentedRef.value)
78
+ return;
79
+ const selectedItem = segmentedRef.value.querySelector(".is-selected");
80
+ const selectedItemInput = segmentedRef.value.querySelector(".is-selected input");
81
+ if (!selectedItem || !selectedItemInput) {
82
+ state.width = 0;
83
+ state.translateX = 0;
84
+ state.disabled = false;
85
+ state.focusVisible = false;
86
+ return;
87
+ }
88
+ const rect = selectedItem.getBoundingClientRect();
89
+ state.isInit = true;
90
+ state.width = rect.width;
91
+ state.translateX = selectedItem.offsetLeft;
92
+ state.disabled = getDisabled(getOption(props.modelValue));
93
+ try {
94
+ state.focusVisible = selectedItemInput.matches(":focus-visible");
95
+ } catch (e) {
96
+ }
97
+ };
98
+ const segmentedCls = vue.computed(() => [
99
+ ns.b(),
100
+ ns.m(segmentedSize.value),
101
+ ns.is("block", props.block)
102
+ ]);
103
+ const selectedStyle = vue.computed(() => ({
104
+ width: `${state.width}px`,
105
+ transform: `translateX(${state.translateX}px)`,
106
+ display: state.isInit ? "block" : "none"
107
+ }));
108
+ const selectedCls = vue.computed(() => [
109
+ ns.e("item-selected"),
110
+ ns.is("disabled", state.disabled),
111
+ ns.is("focus-visible", state.focusVisible)
112
+ ]);
113
+ const name = vue.computed(() => {
114
+ return props.name || segmentedId.value;
115
+ });
116
+ core.useResizeObserver(segmentedRef, updateSelect);
117
+ vue.watch(activeElement, updateSelect);
118
+ vue.watch(() => props.modelValue, () => {
119
+ var _a;
120
+ updateSelect();
121
+ if (props.validateEvent) {
122
+ (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => error.debugWarn(err));
123
+ }
124
+ }, {
125
+ flush: "post"
126
+ });
127
+ return (_ctx, _cache) => {
128
+ return vue.openBlock(), vue.createElementBlock("div", {
129
+ id: vue.unref(inputId),
130
+ ref_key: "segmentedRef",
131
+ ref: segmentedRef,
132
+ class: vue.normalizeClass(vue.unref(segmentedCls)),
133
+ role: "radiogroup",
134
+ "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
135
+ "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
136
+ }, [
137
+ vue.createElementVNode("div", {
138
+ class: vue.normalizeClass(vue.unref(ns).e("group"))
139
+ }, [
140
+ vue.createElementVNode("div", {
141
+ style: vue.normalizeStyle(vue.unref(selectedStyle)),
142
+ class: vue.normalizeClass(vue.unref(selectedCls))
143
+ }, null, 6),
144
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
145
+ return vue.openBlock(), vue.createElementBlock("label", {
146
+ key: index,
147
+ class: vue.normalizeClass(getItemCls(item))
148
+ }, [
149
+ vue.createElementVNode("input", {
150
+ class: vue.normalizeClass(vue.unref(ns).e("item-input")),
151
+ type: "radio",
152
+ name: vue.unref(name),
153
+ disabled: getDisabled(item),
154
+ checked: getSelected(item),
155
+ onChange: ($event) => handleChange(item)
156
+ }, null, 42, _hoisted_2),
157
+ vue.createElementVNode("div", {
158
+ class: vue.normalizeClass(vue.unref(ns).e("item-label"))
159
+ }, [
160
+ vue.renderSlot(_ctx.$slots, "default", { item }, () => [
161
+ vue.createTextVNode(vue.toDisplayString(getLabel(item)), 1)
162
+ ])
163
+ ], 2)
164
+ ], 2);
165
+ }), 128))
166
+ ], 2)
167
+ ], 10, _hoisted_1);
168
+ };
169
+ }
170
+ });
171
+ var Segmented = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "segmented.vue"]]);
172
+
173
+ exports["default"] = Segmented;
174
+ //# sourceMappingURL=segmented2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmented2.js","sources":["../../../../../../packages/components/segmented/src/segmented.vue"],"sourcesContent":["<template>\n <div\n :id=\"inputId\"\n ref=\"segmentedRef\"\n :class=\"segmentedCls\"\n role=\"radiogroup\"\n :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'segmented' : undefined\"\n :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n >\n <div :class=\"ns.e('group')\">\n <div :style=\"selectedStyle\" :class=\"selectedCls\" />\n <label\n v-for=\"(item, index) in options\"\n :key=\"index\"\n :class=\"getItemCls(item)\"\n >\n <input\n :class=\"ns.e('item-input')\"\n type=\"radio\"\n :name=\"name\"\n :disabled=\"getDisabled(item)\"\n :checked=\"getSelected(item)\"\n @change=\"handleChange(item)\"\n />\n <div :class=\"ns.e('item-label')\">\n <slot :item=\"item\">{{ getLabel(item) }}</slot>\n </div>\n </label>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useActiveElement, useResizeObserver } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport { debugWarn, isObject } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { segmentedEmits, segmentedProps } from './segmented'\nimport type { Option } from './types'\n\ndefineOptions({\n name: 'ElSegmented',\n})\n\nconst props = defineProps(segmentedProps)\nconst emit = defineEmits(segmentedEmits)\n\nconst ns = useNamespace('segmented')\nconst segmentedId = useId()\nconst segmentedSize = useFormSize()\nconst _disabled = useFormDisabled()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst segmentedRef = ref<HTMLElement | null>(null)\nconst activeElement = useActiveElement()\n\nconst state = reactive({\n isInit: false,\n width: 0,\n translateX: 0,\n disabled: false,\n focusVisible: false,\n})\n\nconst handleChange = (item: Option) => {\n const value = getValue(item)\n emit(UPDATE_MODEL_EVENT, value)\n emit(CHANGE_EVENT, value)\n}\n\nconst getValue = (item: Option) => {\n return isObject(item) ? item.value : item\n}\n\nconst getLabel = (item: Option) => {\n return isObject(item) ? item.label : item\n}\n\nconst getDisabled = (item: Option) => {\n return !!(_disabled.value || (isObject(item) ? item.disabled : false))\n}\n\nconst getSelected = (item: Option) => {\n return props.modelValue === getValue(item)\n}\n\nconst getOption = (value: any) => {\n return props.options.find((item) => getValue(item) === value)\n}\n\nconst getItemCls = (item: Option) => {\n return [\n ns.e('item'),\n ns.is('selected', getSelected(item)),\n ns.is('disabled', getDisabled(item)),\n ]\n}\n\nconst updateSelect = () => {\n if (!segmentedRef.value) return\n const selectedItem = segmentedRef.value.querySelector(\n '.is-selected'\n ) as HTMLElement\n const selectedItemInput = segmentedRef.value.querySelector(\n '.is-selected input'\n ) as HTMLElement\n if (!selectedItem || !selectedItemInput) {\n state.width = 0\n state.translateX = 0\n state.disabled = false\n state.focusVisible = false\n return\n }\n const rect = selectedItem.getBoundingClientRect()\n state.isInit = true\n state.width = rect.width\n state.translateX = selectedItem.offsetLeft\n state.disabled = getDisabled(getOption(props.modelValue))\n try {\n // This will failed in test\n state.focusVisible = selectedItemInput.matches(':focus-visible')\n } catch {}\n}\n\nconst segmentedCls = computed(() => [\n ns.b(),\n ns.m(segmentedSize.value),\n ns.is('block', props.block),\n])\n\nconst selectedStyle = computed(() => ({\n width: `${state.width}px`,\n transform: `translateX(${state.translateX}px)`,\n display: state.isInit ? 'block' : 'none',\n}))\n\nconst selectedCls = computed(() => [\n ns.e('item-selected'),\n ns.is('disabled', state.disabled),\n ns.is('focus-visible', state.focusVisible),\n])\n\nconst name = computed(() => {\n return props.name || segmentedId.value\n})\n\nuseResizeObserver(segmentedRef, updateSelect)\n\nwatch(activeElement, updateSelect)\n\nwatch(\n () => props.modelValue,\n () => {\n updateSelect()\n if (props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n },\n {\n flush: 'post',\n }\n)\n</script>\n"],"names":["useNamespace","useId","useFormSize","useFormDisabled","useFormItem","useFormItemInputId","ref","useActiveElement","reactive","UPDATE_MODEL_EVENT","CHANGE_EVENT","isObject","computed","useResizeObserver","watch","debugWarn"],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ export declare type Option = {
2
+ label: string;
3
+ value: string | number | boolean;
4
+ disabled?: boolean;
5
+ [key: string]: any;
6
+ } | string | number | boolean | undefined;
@@ -0,0 +1,3 @@
1
+ 'use strict';
2
+
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -0,0 +1,2 @@
1
+ import '@element-plus/nightly/es/components/base/style/css';
2
+ import '@element-plus/nightly/es/nightly/theme-chalk/el-segmented.css';
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ require('../../base/style/css.js');
4
+ require('@element-plus/nightly/theme-chalk/el-segmented.css');
5
+
6
+ //# sourceMappingURL=css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -0,0 +1,2 @@
1
+ import '@element-plus/nightly/es/components/base/style';
2
+ import '@element-plus/nightly/es/nightly/theme-chalk/src/segmented.scss';
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ require('../../base/style/index.js');
4
+ require('@element-plus/nightly/theme-chalk/src/segmented.scss');
5
+
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var timeSelect = require('./src/time-select2.js');
5
+ var timeSelect = require('./src/time-select.js');
6
6
 
7
7
  timeSelect["default"].install = (app) => {
8
8
  app.component(timeSelect["default"].name, timeSelect["default"]);
@@ -2,57 +2,134 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- var iconsVue = require('@element-plus/icons-vue');
5
+ var vue = require('vue');
6
+ var dayjs = require('dayjs');
7
+ var customParseFormat = require('dayjs/plugin/customParseFormat.js');
8
+ var index = require('../../select/index.js');
9
+ require('../../form/index.js');
10
+ var index$3 = require('../../icon/index.js');
7
11
  require('../../../hooks/index.js');
8
- var runtime = require('../../../utils/vue/props/runtime.js');
9
- var index = require('../../../hooks/use-size/index.js');
12
+ var timeSelect = require('./time-select2.js');
13
+ var utils = require('./utils.js');
14
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
15
+ var index$1 = require('../../../hooks/use-namespace/index.js');
16
+ var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
17
+ var index$2 = require('../../../hooks/use-locale/index.js');
10
18
 
11
- const timeSelectProps = runtime.buildProps({
12
- format: {
13
- type: String,
14
- default: "HH:mm"
15
- },
16
- modelValue: String,
17
- disabled: Boolean,
18
- editable: {
19
- type: Boolean,
20
- default: true
21
- },
22
- effect: {
23
- type: String,
24
- default: "light"
25
- },
26
- clearable: {
27
- type: Boolean,
28
- default: true
29
- },
30
- size: index.useSizeProp,
31
- placeholder: String,
32
- start: {
33
- type: String,
34
- default: "09:00"
35
- },
36
- end: {
37
- type: String,
38
- default: "18:00"
39
- },
40
- step: {
41
- type: String,
42
- default: "00:30"
43
- },
44
- minTime: String,
45
- maxTime: String,
46
- name: String,
47
- prefixIcon: {
48
- type: runtime.definePropType([String, Object]),
49
- default: () => iconsVue.Clock
50
- },
51
- clearIcon: {
52
- type: runtime.definePropType([String, Object]),
53
- default: () => iconsVue.CircleClose
19
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
+
21
+ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
22
+ var customParseFormat__default = /*#__PURE__*/_interopDefaultLegacy(customParseFormat);
23
+
24
+ const __default__ = vue.defineComponent({
25
+ name: "ElTimeSelect"
26
+ });
27
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
28
+ ...__default__,
29
+ props: timeSelect.timeSelectProps,
30
+ emits: ["change", "blur", "focus", "update:modelValue"],
31
+ setup(__props, { expose }) {
32
+ const props = __props;
33
+ dayjs__default["default"].extend(customParseFormat__default["default"]);
34
+ const { Option: ElOption } = index.ElSelect;
35
+ const nsInput = index$1.useNamespace("input");
36
+ const select = vue.ref();
37
+ const _disabled = useFormCommonProps.useFormDisabled();
38
+ const { lang } = index$2.useLocale();
39
+ const value = vue.computed(() => props.modelValue);
40
+ const start = vue.computed(() => {
41
+ const time = utils.parseTime(props.start);
42
+ return time ? utils.formatTime(time) : null;
43
+ });
44
+ const end = vue.computed(() => {
45
+ const time = utils.parseTime(props.end);
46
+ return time ? utils.formatTime(time) : null;
47
+ });
48
+ const step = vue.computed(() => {
49
+ const time = utils.parseTime(props.step);
50
+ return time ? utils.formatTime(time) : null;
51
+ });
52
+ const minTime = vue.computed(() => {
53
+ const time = utils.parseTime(props.minTime || "");
54
+ return time ? utils.formatTime(time) : null;
55
+ });
56
+ const maxTime = vue.computed(() => {
57
+ const time = utils.parseTime(props.maxTime || "");
58
+ return time ? utils.formatTime(time) : null;
59
+ });
60
+ const items = vue.computed(() => {
61
+ const result = [];
62
+ if (props.start && props.end && props.step) {
63
+ let current = start.value;
64
+ let currentTime;
65
+ while (current && end.value && utils.compareTime(current, end.value) <= 0) {
66
+ currentTime = dayjs__default["default"](current, "HH:mm").locale(lang.value).format(props.format);
67
+ result.push({
68
+ value: currentTime,
69
+ disabled: utils.compareTime(current, minTime.value || "-1:-1") <= 0 || utils.compareTime(current, maxTime.value || "100:100") >= 0
70
+ });
71
+ current = utils.nextTime(current, step.value);
72
+ }
73
+ }
74
+ return result;
75
+ });
76
+ const blur = () => {
77
+ var _a, _b;
78
+ (_b = (_a = select.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
79
+ };
80
+ const focus = () => {
81
+ var _a, _b;
82
+ (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
83
+ };
84
+ expose({
85
+ blur,
86
+ focus
87
+ });
88
+ return (_ctx, _cache) => {
89
+ return vue.openBlock(), vue.createBlock(vue.unref(index.ElSelect), {
90
+ ref_key: "select",
91
+ ref: select,
92
+ "model-value": vue.unref(value),
93
+ disabled: vue.unref(_disabled),
94
+ clearable: _ctx.clearable,
95
+ "clear-icon": _ctx.clearIcon,
96
+ size: _ctx.size,
97
+ effect: _ctx.effect,
98
+ placeholder: _ctx.placeholder,
99
+ "default-first-option": "",
100
+ filterable: _ctx.editable,
101
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = (event) => _ctx.$emit("update:modelValue", event)),
102
+ onChange: _cache[1] || (_cache[1] = (event) => _ctx.$emit("change", event)),
103
+ onBlur: _cache[2] || (_cache[2] = (event) => _ctx.$emit("blur", event)),
104
+ onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event))
105
+ }, {
106
+ prefix: vue.withCtx(() => [
107
+ _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
108
+ key: 0,
109
+ class: vue.normalizeClass(vue.unref(nsInput).e("prefix-icon"))
110
+ }, {
111
+ default: vue.withCtx(() => [
112
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
113
+ ]),
114
+ _: 1
115
+ }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
116
+ ]),
117
+ default: vue.withCtx(() => [
118
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item) => {
119
+ return vue.openBlock(), vue.createBlock(vue.unref(ElOption), {
120
+ key: item.value,
121
+ label: item.value,
122
+ value: item.value,
123
+ disabled: item.disabled
124
+ }, null, 8, ["label", "value", "disabled"]);
125
+ }), 128))
126
+ ]),
127
+ _: 1
128
+ }, 8, ["model-value", "disabled", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable"]);
129
+ };
54
130
  }
55
131
  });
132
+ var TimeSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "time-select.vue"]]);
56
133
 
57
- exports.timeSelectProps = timeSelectProps;
134
+ exports["default"] = TimeSelect;
58
135
  //# sourceMappingURL=time-select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time-select.js","sources":["../../../../../../packages/components/time-select/src/time-select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { useSizeProp } from '@element-plus/hooks'\nimport type TimeSelect from './time-select.vue'\nimport type { Component, ExtractPropTypes, PropType } from 'vue'\n\nexport const timeSelectProps = buildProps({\n /**\n * @description set format of time\n */\n format: {\n type: String,\n default: 'HH:mm',\n },\n /**\n * @description binding value\n */\n modelValue: String,\n /**\n * @description whether TimeSelect is disabled\n */\n disabled: Boolean,\n /**\n * @description whether the input is editable\n */\n editable: {\n type: Boolean,\n default: true,\n },\n /**\n * @description Tooltip theme, built-in theme: `dark` / `light`\n */\n effect: {\n type: String as PropType<'light' | 'dark' | string>,\n default: 'light',\n },\n /**\n * @description whether to show clear button\n */\n clearable: {\n type: Boolean,\n default: true,\n },\n /**\n * @description size of Input\n */\n size: useSizeProp,\n /**\n * @description placeholder in non-range mode\n */\n placeholder: String,\n /**\n * @description start time\n */\n start: {\n type: String,\n default: '09:00',\n },\n /**\n * @description end time\n */\n end: {\n type: String,\n default: '18:00',\n },\n /**\n * @description time step\n */\n step: {\n type: String,\n default: '00:30',\n },\n /**\n * @description minimum time, any time before this time will be disabled\n */\n minTime: String,\n /**\n * @description maximum time, any time after this time will be disabled\n */\n maxTime: String,\n /**\n * @description same as `name` in native input\n */\n name: String,\n /**\n * @description custom prefix icon component\n */\n prefixIcon: {\n type: definePropType<string | Component>([String, Object]),\n default: () => Clock,\n },\n /**\n * @description custom clear icon component\n */\n clearIcon: {\n type: definePropType<string | Component>([String, Object]),\n default: () => CircleClose,\n },\n} as const)\n\nexport type TimeSelectProps = ExtractPropTypes<typeof timeSelectProps>\n\nexport type TimeSelectInstance = InstanceType<typeof TimeSelect>\n"],"names":["buildProps","useSizeProp","definePropType","Clock","CircleClose"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAMC,cAAK;AACxB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAME,oBAAW;AAC9B,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"time-select.js","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n <el-select\n ref=\"select\"\n :model-value=\"value\"\n :disabled=\"_disabled\"\n :clearable=\"clearable\"\n :clear-icon=\"clearIcon\"\n :size=\"size\"\n :effect=\"effect\"\n :placeholder=\"placeholder\"\n default-first-option\n :filterable=\"editable\"\n @update:model-value=\"(event) => $emit('update:modelValue', event)\"\n @change=\"(event) => $emit('change', event)\"\n @blur=\"(event) => $emit('blur', event)\"\n @focus=\"(event) => $emit('focus', event)\"\n >\n <el-option\n v-for=\"item in items\"\n :key=\"item.value\"\n :label=\"item.value\"\n :value=\"item.value\"\n :disabled=\"item.disabled\"\n />\n <template #prefix>\n <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n <component :is=\"prefixIcon\" />\n </el-icon>\n </template>\n </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { timeSelectProps } from './time-select'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n name: 'ElTimeSelect',\n})\n\ndefineEmits(['change', 'blur', 'focus', 'update:modelValue'])\n\nconst props = defineProps(timeSelectProps)\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n const time = parseTime(props.start)\n return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n const time = parseTime(props.end)\n return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n const time = parseTime(props.step)\n return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n const time = parseTime(props.minTime || '')\n return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n const time = parseTime(props.maxTime || '')\n return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n const result: { value: string; disabled: boolean }[] = []\n if (props.start && props.end && props.step) {\n let current = start.value\n let currentTime: string\n while (current && end.value && compareTime(current, end.value) <= 0) {\n currentTime = dayjs(current, 'HH:mm')\n .locale(lang.value)\n .format(props.format)\n result.push({\n value: currentTime,\n disabled:\n compareTime(current, minTime.value || '-1:-1') <= 0 ||\n compareTime(current, maxTime.value || '100:100') >= 0,\n })\n current = nextTime(current, step.value!)\n }\n }\n return result\n})\n\nconst blur = () => {\n select.value?.blur?.()\n}\n\nconst focus = () => {\n select.value?.focus?.()\n}\n\ndefineExpose({\n /**\n * @description focus the Input component\n */\n blur,\n /**\n * @description blur the Input component\n */\n focus,\n})\n</script>\n"],"names":["dayjs","customParseFormat","ElSelect","useNamespace","ref","useFormDisabled","useLocale","computed","parseTime","formatTime","compareTime","nextTime"],"mappings":"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"}