straw-ui-vue 0.1.45 → 0.1.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/README.md +1 -1
  2. package/dist/components/st-button/types/st-button.d.ts +1 -5
  3. package/dist/components/st-cascade/desktop/st-cascade-desktop.d.ts +2 -2
  4. package/dist/components/st-cascade/types/st-cascade.d.ts +39 -43
  5. package/dist/components/st-confirm/index.d.ts +6 -0
  6. package/dist/components/st-confirm/st-confirm-group-footer.d.ts +1 -0
  7. package/dist/components/st-confirm/types/st-confirm-group-footer.d.ts +3 -0
  8. package/dist/components/st-confirm/types/st-confirm.d.ts +3 -0
  9. package/dist/components/st-date-picker/desktop/types/st-datetime-picker-desktop.d.ts +1 -8
  10. package/dist/components/st-date-picker/desktop/types/st-datetime-picker-panel.d.ts +113 -113
  11. package/dist/components/st-date-picker/index.d.ts +6 -6
  12. package/dist/components/st-date-picker/phone/types/st-datetime-picker-phone.d.ts +1 -5
  13. package/dist/components/st-date-picker/phone/types/st-time-picker-phone.d.ts +1 -5
  14. package/dist/components/st-date-picker/st-picker-grid.d.ts +2 -2
  15. package/dist/components/st-date-picker/st-picker-header.d.ts +1 -1
  16. package/dist/components/st-date-picker/types/st-date-picker.d.ts +2 -12
  17. package/dist/components/st-date-picker/types/st-datetime-picker.d.ts +2 -12
  18. package/dist/components/st-date-picker/types/st-time-picker.d.ts +2 -12
  19. package/dist/components/st-dialog/desktop/st-dialog-desktop-group.d.ts +8 -4
  20. package/dist/components/st-dialog/desktop/types/st-dialog-desktop-group.d.ts +5 -1
  21. package/dist/components/st-dialog/index.d.ts +30 -12
  22. package/dist/components/st-dialog/phone/st-dialog-phone-group.d.ts +1 -0
  23. package/dist/components/st-dialog/phone/types/st-dialog-phone-group.d.ts +3 -0
  24. package/dist/components/st-dialog/st-dialog-group.d.ts +1 -1
  25. package/dist/components/st-dialog/types/st-dialog.d.ts +4 -5
  26. package/dist/components/st-drawer/desktop/st-drawer-desktop-group.d.ts +1 -0
  27. package/dist/components/st-drawer/desktop/types/st-drawer-desktop-group.d.ts +3 -0
  28. package/dist/components/st-drawer/index.d.ts +12 -0
  29. package/dist/components/st-drawer/phone/st-drawer-phone-group.d.ts +1 -0
  30. package/dist/components/st-drawer/phone/types/st-drawer-phone-group.d.ts +3 -0
  31. package/dist/components/st-drawer/types/st-drawer.d.ts +4 -5
  32. package/dist/components/st-form/constants.d.ts +24 -0
  33. package/dist/components/st-form/field-path.d.ts +26 -0
  34. package/dist/components/st-form/index.d.ts +137 -124
  35. package/dist/components/st-form/st-form-item.d.ts +12 -1
  36. package/dist/components/st-form/st-form-label.d.ts +2 -0
  37. package/dist/components/st-form/st-form-message.d.ts +4 -1
  38. package/dist/components/st-form/st-form.d.ts +15 -5
  39. package/dist/components/st-form/types/index.d.ts +9 -7
  40. package/dist/components/st-form/types/st-form-context.d.ts +63 -0
  41. package/dist/components/st-form/types/st-form-control.d.ts +24 -21
  42. package/dist/components/st-form/types/st-form-description.d.ts +23 -26
  43. package/dist/components/st-form/types/st-form-item-context.d.ts +54 -0
  44. package/dist/components/st-form/types/st-form-item.d.ts +52 -21
  45. package/dist/components/st-form/types/st-form-label.d.ts +31 -25
  46. package/dist/components/st-form/types/st-form-message.d.ts +27 -28
  47. package/dist/components/st-form/types/st-form-rules.d.ts +40 -0
  48. package/dist/components/st-form/types/st-form.d.ts +65 -29
  49. package/dist/components/st-form/useFormItemState.d.ts +3 -0
  50. package/dist/components/st-form/useFormState.d.ts +3 -0
  51. package/dist/components/st-form/validator.d.ts +45 -0
  52. package/dist/components/st-input/index.d.ts +95 -95
  53. package/dist/components/st-input/st-input-group-input.d.ts +2 -2
  54. package/dist/components/st-input/st-input-group-textarea.d.ts +2 -2
  55. package/dist/components/st-input/st-input-number.d.ts +2 -2
  56. package/dist/components/st-input/st-input.d.ts +9 -9
  57. package/dist/components/st-input/st-textarea.d.ts +7 -7
  58. package/dist/components/st-menu/st-menu-container.d.ts +2 -2
  59. package/dist/components/st-message/index.d.ts +10 -10
  60. package/dist/components/st-message/st-message-group.d.ts +2 -2
  61. package/dist/components/st-message/st-message-host.d.ts +4 -2
  62. package/dist/components/st-message/store.d.ts +4 -3
  63. package/dist/components/st-message/types/st-message-api.d.ts +3 -2
  64. package/dist/components/st-message/types/st-message-record.d.ts +3 -0
  65. package/dist/components/st-message/types/st-message.d.ts +3 -0
  66. package/dist/components/st-panel/types/index.d.ts +1 -1
  67. package/dist/components/st-popover/st-popover-container.d.ts +2 -2
  68. package/dist/components/st-scrollbar/desktop/types/st-scrollbar-desktop-group.d.ts +18 -18
  69. package/dist/components/st-scrollbar/phone/types/st-scrollbar-phone.d.ts +60 -60
  70. package/dist/components/st-segmented/index.d.ts +2 -2
  71. package/dist/components/st-segmented/st-segmented-group-indicator.d.ts +1 -1
  72. package/dist/components/st-select/types/st-select-trigger.d.ts +0 -1
  73. package/dist/components/st-select/types/st-select.d.ts +2 -12
  74. package/dist/components/st-sidebar/index.d.ts +256 -21
  75. package/dist/components/st-sidebar/st-sidebar-content.d.ts +11 -0
  76. package/dist/components/st-sidebar/st-sidebar-group.d.ts +23 -0
  77. package/dist/components/st-sidebar/st-sidebar-item.d.ts +3 -6
  78. package/dist/components/st-sidebar/st-sidebar-nav-item.d.ts +17 -0
  79. package/dist/components/st-sidebar/st-sidebar-nav.d.ts +13 -0
  80. package/dist/components/st-sidebar/st-sidebar-section.d.ts +11 -0
  81. package/dist/components/st-sidebar/st-sidebar.d.ts +4 -2
  82. package/dist/components/st-sidebar/types/index.d.ts +8 -2
  83. package/dist/components/st-sidebar/types/st-sidebar-content.d.ts +9 -0
  84. package/dist/components/st-sidebar/types/st-sidebar-context.d.ts +37 -0
  85. package/dist/components/st-sidebar/types/st-sidebar-group.d.ts +30 -0
  86. package/dist/components/st-sidebar/types/st-sidebar-item.d.ts +23 -43
  87. package/dist/components/st-sidebar/types/st-sidebar-nav-item.d.ts +31 -0
  88. package/dist/components/st-sidebar/types/st-sidebar-nav.d.ts +17 -0
  89. package/dist/components/st-sidebar/types/st-sidebar-section.d.ts +23 -0
  90. package/dist/components/st-sidebar/types/st-sidebar.d.ts +37 -83
  91. package/dist/components/st-sidebar/useSidebarState.d.ts +1 -1
  92. package/dist/components/st-splitter/types/st-splitter-context.d.ts +1 -6
  93. package/dist/components/st-table/st-table.d.ts +1 -1
  94. package/dist/components/st-table/useTableDrag.d.ts +1 -1
  95. package/dist/components/st-tabs/types/st-tabs-panel.d.ts +43 -43
  96. package/dist/components/st-tree/types/st-tree-context.d.ts +0 -1
  97. package/dist/components/st-upload/index.d.ts +15 -15
  98. package/dist/components/st-upload/st-upload-group.d.ts +2 -2
  99. package/dist/components/st-upload/st-upload.d.ts +2 -2
  100. package/dist/constants/choice-row.d.ts +1 -1
  101. package/dist/constants/config.d.ts +16 -0
  102. package/dist/{forward-props-kqtcqOsj.js → forward-props-DLHaqlfq.js} +738 -705
  103. package/dist/global.d.ts +5 -2
  104. package/dist/index.d.ts +21 -8
  105. package/dist/straw-ui.js +4812 -4438
  106. package/dist/types/config.d.ts +29 -4
  107. package/dist/types/teleport.d.ts +8 -0
  108. package/dist/types.d.ts +1 -0
  109. package/dist/utils/config.d.ts +1 -1
  110. package/dist/utils/z-index.d.ts +3 -1
  111. package/dist/utils.js +3 -3
  112. package/package.json +5 -5
  113. package/dist/components/st-form/st-form-field.d.ts +0 -28
  114. package/dist/components/st-form/types/st-form-field.d.ts +0 -65
  115. package/dist/components/st-sidebar/st-sidebar-group-nav-item.d.ts +0 -8
  116. package/dist/components/st-sidebar/types/st-sidebar-group-nav-item.d.ts +0 -19
package/README.md CHANGED
@@ -99,7 +99,7 @@ Straw UI 提供完整的 TypeScript 类型支持。
99
99
  | `StDivider` | 分割线组件 |
100
100
  | `StDrawer` | 抽屉组件(含 StDrawerGroup、StDrawerGroupHeader、StDrawerGroupTitle、StDrawerGroupBody、StDrawerGroupContent、StDrawerGroupFooter、StDrawerGroupAction、StDrawerGroupOverlay 子组件) |
101
101
  | `StEmpty` | 空状态组件 |
102
- | `StFormControl` / `StFormDescription` / `StFormField` / `StFormItem` / `StFormLabel` / `StFormMessage` | 表单字段系列组件 |
102
+ | `StFormControl` / `StFormDescription` / `StFormItem` / `StFormLabel` / `StFormMessage` | 表单字段系列组件 |
103
103
  | `StImage` | 图片组件 |
104
104
  | `StInput` / `StInputGroup` / `StInputGroupAddon` / `StInputGroupButton` / `StInputGroupInput` / `StInputGroupText` / `StInputGroupTextarea` / `StInputNumber` / `StTextarea` | 输入框系列组件 |
105
105
  | `StLabel` | 标签组件 |
@@ -2,11 +2,7 @@ import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
2
  import type { StColor } from '../../../types/color.d.ts';
3
3
  import type { DeviceType } from '../../../types/device.d.ts';
4
4
  import type { StSize } from '../../../types/size.d.ts';
5
- import type {
6
- StButtonDesktopEmits,
7
- StButtonDesktopProps,
8
- StButtonDesktopSlots,
9
- } from '../desktop/types/st-button-desktop.d.ts';
5
+ import type { StButtonDesktopEmits, StButtonDesktopProps, StButtonDesktopSlots, } from '../desktop/types/st-button-desktop.d.ts';
10
6
  import type { StButtonPhoneEmits, StButtonPhoneProps, StButtonPhoneSlots } from '../phone/types/st-button-phone.d.ts';
11
7
 
12
8
  /** 按钮填充层次 */
@@ -1,5 +1,5 @@
1
1
  import { StCascadeDesktopExpose, StCascadeDesktopProps, StCascadeDesktopSlots } from './types/st-cascade-desktop.d.ts';
2
- import { StCascadeOption, StCascadePath } from '../types/st-cascade-context.d.ts';
2
+ import { StCascadePath } from '../types/st-cascade-context.d.ts';
3
3
  type __VLS_Slots = StCascadeDesktopSlots;
4
4
  type __VLS_Props = StCascadeDesktopProps;
5
5
  type __VLS_ModelProps = {
@@ -24,7 +24,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StCas
24
24
  }>, {
25
25
  size: import('../../../types.ts').StSize;
26
26
  disabled: boolean;
27
- list: StCascadeOption[];
27
+ list: import('../index.ts').StCascadeOption[];
28
28
  labelKey: string;
29
29
  valueKey: string;
30
30
  childrenKey: string;
@@ -1,43 +1,39 @@
1
- import type {
2
- StCascadeDesktopEmits,
3
- StCascadeDesktopProps,
4
- StCascadeDesktopSlots,
5
- } from '../desktop/types/st-cascade-desktop.d.ts';
6
- import type { StCascadePhoneEmits, StCascadePhoneProps, StCascadePhoneSlots } from '../phone/types/st-cascade-phone.d.ts';
7
- import type { DeviceType } from '../../../types/device.d.ts';
8
-
9
- /**
10
- * StCascade 组件属性接口(简易入口:按设备端分发至桌面端/移动端预封装组件)
11
- * */
12
- export interface StCascadeProps extends StCascadeDesktopProps, StCascadePhoneProps {
13
- /** 设备类型 */
14
- deviceType?: DeviceType | 'auto';
15
- }
16
-
17
- /**
18
- * StCascade 组件插槽接口
19
- * */
20
- export interface StCascadeSlots extends StCascadeDesktopSlots, StCascadePhoneSlots {}
21
-
22
- /**
23
- * StCascade 组件事件接口
24
- * */
25
- export interface StCascadeEmits extends StCascadeDesktopEmits, StCascadePhoneEmits {}
26
-
27
- /**
28
- * StCascade 组件暴露的方法接口
29
- * */
30
- export interface StCascadeExpose {
31
- /** 聚焦触发输入框 */
32
- focus: () => void;
33
- /** 失焦触发输入框 */
34
- blur: () => void;
35
- /** 清空选中值 */
36
- clear: () => void;
37
- /** 打开面板/抽屉 */
38
- open: () => void;
39
- /** 关闭面板/抽屉 */
40
- close: () => void;
41
- }
42
-
43
- export {};
1
+ import type { StCascadeDesktopEmits, StCascadeDesktopProps, StCascadeDesktopSlots, } from '../desktop/types/st-cascade-desktop.d.ts';
2
+ import type { StCascadePhoneEmits, StCascadePhoneProps, StCascadePhoneSlots } from '../phone/types/st-cascade-phone.d.ts';
3
+ import type { DeviceType } from '../../../types/device.d.ts';
4
+
5
+ /**
6
+ * StCascade 组件属性接口(简易入口:按设备端分发至桌面端/移动端预封装组件)
7
+ * */
8
+ export interface StCascadeProps extends StCascadeDesktopProps, StCascadePhoneProps {
9
+ /** 设备类型 */
10
+ deviceType?: DeviceType | 'auto';
11
+ }
12
+
13
+ /**
14
+ * StCascade 组件插槽接口
15
+ * */
16
+ export interface StCascadeSlots extends StCascadeDesktopSlots, StCascadePhoneSlots {}
17
+
18
+ /**
19
+ * StCascade 组件事件接口
20
+ * */
21
+ export interface StCascadeEmits extends StCascadeDesktopEmits, StCascadePhoneEmits {}
22
+
23
+ /**
24
+ * StCascade 组件暴露的方法接口
25
+ * */
26
+ export interface StCascadeExpose {
27
+ /** 聚焦触发输入框 */
28
+ focus: () => void;
29
+ /** 失焦触发输入框 */
30
+ blur: () => void;
31
+ /** 清空选中值 */
32
+ clear: () => void;
33
+ /** 打开面板/抽屉 */
34
+ open: () => void;
35
+ /** 关闭面板/抽屉 */
36
+ close: () => void;
37
+ }
38
+
39
+ export {};
@@ -124,6 +124,7 @@ export declare const StConfirm: {
124
124
  confirm: () => any;
125
125
  cancel: () => any;
126
126
  }, import('vue').PublicProps, {
127
+ deviceType: import('../../types.ts').DeviceType | "auto";
127
128
  confirmText: string;
128
129
  cancelText: string;
129
130
  confirmColor: import('../../types.ts').StColor;
@@ -140,6 +141,7 @@ export declare const StConfirm: {
140
141
  onConfirm?: () => any;
141
142
  onCancel?: () => any;
142
143
  }>, {}, {}, {}, {}, {
144
+ deviceType: import('../../types.ts').DeviceType | "auto";
143
145
  confirmText: string;
144
146
  cancelText: string;
145
147
  confirmColor: import('../../types.ts').StColor;
@@ -156,6 +158,7 @@ export declare const StConfirm: {
156
158
  confirm: () => any;
157
159
  cancel: () => any;
158
160
  }, string, {
161
+ deviceType: import('../../types.ts').DeviceType | "auto";
159
162
  confirmText: string;
160
163
  cancelText: string;
161
164
  confirmColor: import('../../types.ts').StColor;
@@ -188,6 +191,7 @@ export declare const StConfirmGroupFooter: {
188
191
  confirm: () => any;
189
192
  cancel: () => any;
190
193
  }, import('vue').PublicProps, {
194
+ deviceType: import('../../types.ts').DeviceType | "auto";
191
195
  confirmText: string;
192
196
  cancelText: string;
193
197
  confirmColor: import('../../types.ts').StColor;
@@ -204,6 +208,7 @@ export declare const StConfirmGroupFooter: {
204
208
  onConfirm?: () => any;
205
209
  onCancel?: () => any;
206
210
  }>, {}, {}, {}, {}, {
211
+ deviceType: import('../../types.ts').DeviceType | "auto";
207
212
  confirmText: string;
208
213
  cancelText: string;
209
214
  confirmColor: import('../../types.ts').StColor;
@@ -220,6 +225,7 @@ export declare const StConfirmGroupFooter: {
220
225
  confirm: () => any;
221
226
  cancel: () => any;
222
227
  }, string, {
228
+ deviceType: import('../../types.ts').DeviceType | "auto";
223
229
  confirmText: string;
224
230
  cancelText: string;
225
231
  confirmColor: import('../../types.ts').StColor;
@@ -7,6 +7,7 @@ declare const __VLS_base: import('vue').DefineComponent<StConfirmGroupFooterProp
7
7
  onConfirm?: () => any;
8
8
  onCancel?: () => any;
9
9
  }>, {
10
+ deviceType: import('../../types.ts').DeviceType | "auto";
10
11
  confirmText: string;
11
12
  cancelText: string;
12
13
  confirmColor: import('../../types.ts').StColor;
@@ -1,4 +1,5 @@
1
1
  import type { StColor } from '../../../types/color.d.ts';
2
+ import type { DeviceType } from '../../../types/device.d.ts';
2
3
 
3
4
  /** StConfirmGroupFooter 按钮组原子属性 */
4
5
  export interface StConfirmGroupFooterProps {
@@ -12,6 +13,8 @@ export interface StConfirmGroupFooterProps {
12
13
  showCancelButton?: boolean;
13
14
  /** 是否显示确定按钮 */
14
15
  showConfirmButton?: boolean;
16
+ /** 设备端:auto 按设备检测判定,tablet 归入手机端;手机端时两按钮等分撑满整行 */
17
+ deviceType?: DeviceType | 'auto';
15
18
  }
16
19
 
17
20
  /** StConfirmGroupFooter 按钮组原子插槽 */
@@ -1,6 +1,7 @@
1
1
  import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
2
  import type { StColor } from '../../../types/color.d.ts';
3
3
  import type { DeviceType } from '../../../types/device.d.ts';
4
+ import type { StTeleportTarget } from '../../../types/teleport.d.ts';
4
5
  import type { StMessageType } from '../../st-message/types/index.d.ts';
5
6
 
6
7
  /** 消息框结果动作:确定、取消、因关闭(遮罩 / 关闭按钮 / 返回键 / Esc)而结束 */
@@ -43,6 +44,8 @@ export interface StConfirmProps {
43
44
  distinguishCancelAndClose?: boolean;
44
45
  /** 设备端:auto 按设备检测判定,tablet 归入手机端 */
45
46
  deviceType?: DeviceType | 'auto';
47
+ /** Teleport 落点,CSS 选择器或容器元素 */
48
+ to?: StTeleportTarget;
46
49
 
47
50
  /** 遮罩层自定义类名 */
48
51
  overlayClass?: ClassValue;
@@ -1,13 +1,6 @@
1
1
  import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
2
  import type { StSize } from '../../../types/size.d.ts';
3
- import type {
4
- StPickerClassNames,
5
- StPickerDateAxisConfig,
6
- StPickerShortcut,
7
- StPickerTimeAxisConfig,
8
- StPickerRangeValue,
9
- StPickerValue,
10
- } from '../../types/st-picker-shared.d.ts';
3
+ import type { StPickerClassNames, StPickerDateAxisConfig, StPickerRangeValue, StPickerShortcut, StPickerTimeAxisConfig, StPickerValue, } from '../../types/st-picker-shared.d.ts';
11
4
 
12
5
  /** StDateTimePickerDesktop 桌面端属性 */
13
6
  export interface StDateTimePickerDesktopProps extends StPickerClassNames {
@@ -1,113 +1,113 @@
1
- import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
- import type {
3
- StPickerClassNames,
4
- StPickerDateConstraintProps,
5
- StPickerRangeValue,
6
- StPickerShortcut,
7
- StPickerTimeParts,
8
- StPickerValue,
9
- } from '../../types/st-picker-shared.d.ts';
10
-
11
- /** 视图段:日期为常驻日历,时刻为点开的 TimePicker 弹层 */
12
- export type StDatetimeTab = 'date' | 'time';
13
-
14
- /** 单侧组合状态 */
15
- export interface StDatetimeSideState {
16
- /** 日期草稿 */
17
- date: Date | null;
18
- /** 时刻草稿 */
19
- parts: StPickerTimeParts;
20
- }
21
-
22
- /** StDateTimePickerPanel 组合面板属性 */
23
- export interface StDateTimePickerPanelProps
24
- extends Omit<StPickerDateConstraintProps, 'minDate' | 'maxDate'>, StPickerClassNames {
25
- /** 可选最早日期 */
26
- minDate?: Date | null;
27
- /** 可选最晚日期 */
28
- maxDate?: Date | null;
29
- /** 区间模式:两侧各装一份完整组合体 */
30
- range?: boolean;
31
- /** 单点值(含时分秒) */
32
- value?: Date | null;
33
- /** 区间两端值 */
34
- rangeValue?: [Date | null, Date | null];
35
- /** 可见时间列 */
36
- showHour?: boolean;
37
- showMinute?: boolean;
38
- showSecond?: boolean;
39
- /** 各列步长 */
40
- hourStep?: number;
41
- minuteStep?: number;
42
- secondStep?: number;
43
- /** 最早 / 最晚时刻 */
44
- minTime?: string | null;
45
- maxTime?: string | null;
46
- /** 随日期联动的业务禁用时刻 */
47
- disabledTime?: (date: Date | null | undefined) => {
48
- hours?: () => number[];
49
- minutes?: (hour: number) => number[];
50
- seconds?: (hour: number, minute: number) => number[];
51
- };
52
- /** 日期标记 */
53
- marks?: ((date: Date) => boolean) | Date[];
54
- /** 快捷预设,置顶一行 */
55
- shortcuts?: StPickerShortcut[];
56
- /** 日期显示格式 */
57
- format?: string;
58
- /** 时刻显示格式 */
59
- timeFormat?: string;
60
- /** 端标签文本 */
61
- startText?: string;
62
- endText?: string;
63
- /** 段标签文本 */
64
- dateText?: string;
65
- timeText?: string;
66
- /** 底部是否显示清除 */
67
- showClear?: boolean;
68
- /** 确定按钮文本 */
69
- confirmText?: string;
70
- /** 单元格尺寸档 */
71
- cellSize?: 'pc' | 'compact';
72
- /** 时间列尺寸档 */
73
- timeSize?: 'pc' | 'compact';
74
- /** 是否显示底部工具条 */
75
- showFooter?: boolean;
76
- /** 是否禁用 */
77
- disabled?: boolean;
78
- /** 类名 */
79
- class?: ClassValue;
80
- /** 样式 */
81
- style?: StyleValue;
82
- }
83
-
84
- /** StDateTimePickerPanel 事件 */
85
- export interface StDateTimePickerPanelEmits {
86
- /** 确定并回传组合值 */
87
- confirm: [date: Date | null];
88
- /** 区间两端组合值 */
89
- confirmRange: [range: [Date | null, Date | null]];
90
- /** 清空草稿 */
91
- clear: [];
92
- }
93
-
94
- /** StDateTimePickerPanel 插槽 */
95
- export interface StDateTimePickerPanelSlots {
96
- /** 底部提示区 */
97
- hint?: () => VNodeChild;
98
- }
99
-
100
- /** StDateTimePickerPanel 暴露方法 */
101
- export interface StDateTimePickerPanelExpose {
102
- /** 浮层打开时定位日历选中项 */
103
- locate: () => void;
104
- /** 丢弃草稿回到已确定值 */
105
- resetDraft: () => void;
106
- /** 切到某侧视图段:time 点开该侧时刻弹层,date 收起 */
107
- setTab: (index: number, tab: StDatetimeTab) => void;
108
- }
109
-
110
- /** 组合面板预设取值 */
111
- export type StDatetimeShortcutValue = StPickerValue | StPickerRangeValue;
112
-
113
- export {};
1
+ import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
+ import type {
3
+ StPickerClassNames,
4
+ StPickerDateConstraintProps,
5
+ StPickerRangeValue,
6
+ StPickerShortcut,
7
+ StPickerTimeParts,
8
+ StPickerValue,
9
+ } from '../../types/st-picker-shared.d.ts';
10
+
11
+ /** 视图段:日期为常驻日历,时刻为点开的 TimePicker 弹层 */
12
+ export type StDatetimeTab = 'date' | 'time';
13
+
14
+ /** 单侧组合状态 */
15
+ export interface StDatetimeSideState {
16
+ /** 日期草稿 */
17
+ date: Date | null;
18
+ /** 时刻草稿 */
19
+ parts: StPickerTimeParts;
20
+ }
21
+
22
+ /** StDateTimePickerPanel 组合面板属性 */
23
+ export interface StDateTimePickerPanelProps
24
+ extends Omit<StPickerDateConstraintProps, 'minDate' | 'maxDate'>, StPickerClassNames {
25
+ /** 可选最早日期 */
26
+ minDate?: Date | null;
27
+ /** 可选最晚日期 */
28
+ maxDate?: Date | null;
29
+ /** 区间模式:两侧各装一份完整组合体 */
30
+ range?: boolean;
31
+ /** 单点值(含时分秒) */
32
+ value?: Date | null;
33
+ /** 区间两端值 */
34
+ rangeValue?: [Date | null, Date | null];
35
+ /** 可见时间列 */
36
+ showHour?: boolean;
37
+ showMinute?: boolean;
38
+ showSecond?: boolean;
39
+ /** 各列步长 */
40
+ hourStep?: number;
41
+ minuteStep?: number;
42
+ secondStep?: number;
43
+ /** 最早 / 最晚时刻 */
44
+ minTime?: string | null;
45
+ maxTime?: string | null;
46
+ /** 随日期联动的业务禁用时刻 */
47
+ disabledTime?: (date: Date | null | undefined) => {
48
+ hours?: () => number[];
49
+ minutes?: (hour: number) => number[];
50
+ seconds?: (hour: number, minute: number) => number[];
51
+ };
52
+ /** 日期标记 */
53
+ marks?: ((date: Date) => boolean) | Date[];
54
+ /** 快捷预设,置顶一行 */
55
+ shortcuts?: StPickerShortcut[];
56
+ /** 日期显示格式 */
57
+ format?: string;
58
+ /** 时刻显示格式 */
59
+ timeFormat?: string;
60
+ /** 端标签文本 */
61
+ startText?: string;
62
+ endText?: string;
63
+ /** 段标签文本 */
64
+ dateText?: string;
65
+ timeText?: string;
66
+ /** 底部是否显示清除 */
67
+ showClear?: boolean;
68
+ /** 确定按钮文本 */
69
+ confirmText?: string;
70
+ /** 单元格尺寸档 */
71
+ cellSize?: 'pc' | 'compact';
72
+ /** 时间列尺寸档 */
73
+ timeSize?: 'pc' | 'compact';
74
+ /** 是否显示底部工具条 */
75
+ showFooter?: boolean;
76
+ /** 是否禁用 */
77
+ disabled?: boolean;
78
+ /** 类名 */
79
+ class?: ClassValue;
80
+ /** 样式 */
81
+ style?: StyleValue;
82
+ }
83
+
84
+ /** StDateTimePickerPanel 事件 */
85
+ export interface StDateTimePickerPanelEmits {
86
+ /** 确定并回传组合值 */
87
+ confirm: [date: Date | null];
88
+ /** 区间两端组合值 */
89
+ confirmRange: [range: [Date | null, Date | null]];
90
+ /** 清空草稿 */
91
+ clear: [];
92
+ }
93
+
94
+ /** StDateTimePickerPanel 插槽 */
95
+ export interface StDateTimePickerPanelSlots {
96
+ /** 底部提示区 */
97
+ hint?: () => VNodeChild;
98
+ }
99
+
100
+ /** StDateTimePickerPanel 暴露方法 */
101
+ export interface StDateTimePickerPanelExpose {
102
+ /** 浮层打开时定位日历选中项 */
103
+ locate: () => void;
104
+ /** 丢弃草稿回到已确定值 */
105
+ resetDraft: () => void;
106
+ /** 切到某侧视图段:time 点开该侧时刻弹层,date 收起 */
107
+ setTab: (index: number, tab: StDatetimeTab) => void;
108
+ }
109
+
110
+ /** 组合面板预设取值 */
111
+ export type StDatetimeShortcutValue = StPickerValue | StPickerRangeValue;
112
+
113
+ export {};
@@ -403,14 +403,14 @@ export declare const StDatePicker: {
403
403
  });
404
404
  StPickerGrid: import('vue').DefineComponent<import('./index.ts').StPickerGridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
405
405
  select: (date: Date) => any;
406
+ hover: (date: Date) => any;
406
407
  page: (delta: import('./index.ts').StPickerPageDelta) => any;
407
408
  move: (date: Date) => any;
408
- hover: (date: Date) => any;
409
409
  }, string, import('vue').PublicProps, Readonly<import('./index.ts').StPickerGridProps> & Readonly<{
410
410
  onSelect?: (date: Date) => any;
411
+ onHover?: (date: Date) => any;
411
412
  onPage?: (delta: import('./index.ts').StPickerPageDelta) => any;
412
413
  onMove?: (date: Date) => any;
413
- onHover?: (date: Date) => any;
414
414
  }>, {
415
415
  size: import('./index.ts').StPickerCellSize;
416
416
  focused: Date | null;
@@ -496,9 +496,9 @@ export declare const StDatePicker: {
496
496
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
497
497
  $slots: {
498
498
  default?: (props: {
499
- year: number;
500
499
  month: number;
501
500
  title: string;
501
+ year: number;
502
502
  }) => any;
503
503
  } & {
504
504
  extra?: (props: {}) => any;
@@ -2566,14 +2566,14 @@ export declare const StPickerCell: {
2566
2566
  });
2567
2567
  export declare const StPickerGrid: import('vue').DefineComponent<import('./index.ts').StPickerGridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2568
2568
  select: (date: Date) => any;
2569
+ hover: (date: Date) => any;
2569
2570
  page: (delta: import('./index.ts').StPickerPageDelta) => any;
2570
2571
  move: (date: Date) => any;
2571
- hover: (date: Date) => any;
2572
2572
  }, string, import('vue').PublicProps, Readonly<import('./index.ts').StPickerGridProps> & Readonly<{
2573
2573
  onSelect?: (date: Date) => any;
2574
+ onHover?: (date: Date) => any;
2574
2575
  onPage?: (delta: import('./index.ts').StPickerPageDelta) => any;
2575
2576
  onMove?: (date: Date) => any;
2576
- onHover?: (date: Date) => any;
2577
2577
  }>, {
2578
2578
  size: import('./index.ts').StPickerCellSize;
2579
2579
  focused: Date | null;
@@ -2659,9 +2659,9 @@ export declare const StPickerHeader: {
2659
2659
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
2660
2660
  $slots: {
2661
2661
  default?: (props: {
2662
- year: number;
2663
2662
  month: number;
2664
2663
  title: string;
2664
+ year: number;
2665
2665
  }) => any;
2666
2666
  } & {
2667
2667
  extra?: (props: {}) => any;
@@ -1,10 +1,6 @@
1
1
  import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
2
  import type { StPickerShortcut } from '../../types/st-picker-shared.d.ts';
3
- import type { StDateTimePickerDesktopProps } from '../../desktop/types/st-datetime-picker-desktop.d.ts';
4
- import type {
5
- StDateTimePickerDesktopEmits,
6
- StDateTimePickerDesktopExpose,
7
- } from '../../desktop/types/st-datetime-picker-desktop.d.ts';
3
+ import type { StDateTimePickerDesktopEmits, StDateTimePickerDesktopExpose, StDateTimePickerDesktopProps } from '../../desktop/types/st-datetime-picker-desktop.d.ts';
8
4
 
9
5
  /**
10
6
  * StDateTimePickerPhone 手机端属性
@@ -1,9 +1,5 @@
1
1
  import type { ClassValue, StyleValue, VNodeChild } from 'vue';
2
- import type { StTimePickerDesktopProps } from '../../desktop/types/st-time-picker-desktop.d.ts';
3
- import type {
4
- StTimePickerDesktopEmits,
5
- StTimePickerDesktopExpose,
6
- } from '../../desktop/types/st-time-picker-desktop.d.ts';
2
+ import type { StTimePickerDesktopEmits, StTimePickerDesktopExpose, StTimePickerDesktopProps } from '../../desktop/types/st-time-picker-desktop.d.ts';
7
3
 
8
4
  /**
9
5
  * StTimePickerPhone 手机端属性
@@ -1,14 +1,14 @@
1
1
  import { StPickerGridProps } from './types/st-picker-atoms.d.ts';
2
2
  declare const __VLS_export: import('vue').DefineComponent<StPickerGridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
3
  select: (date: Date) => any;
4
+ hover: (date: Date) => any;
4
5
  page: (delta: import('./index.ts').StPickerPageDelta) => any;
5
6
  move: (date: Date) => any;
6
- hover: (date: Date) => any;
7
7
  }, string, import('vue').PublicProps, Readonly<StPickerGridProps> & Readonly<{
8
8
  onSelect?: (date: Date) => any;
9
+ onHover?: (date: Date) => any;
9
10
  onPage?: (delta: import('./index.ts').StPickerPageDelta) => any;
10
11
  onMove?: (date: Date) => any;
11
- onHover?: (date: Date) => any;
12
12
  }>, {
13
13
  size: import('./index.ts').StPickerCellSize;
14
14
  focused: Date | null;
@@ -1,8 +1,8 @@
1
1
  import { StPickerHeaderProps } from './types/st-picker-atoms.d.ts';
2
2
  declare var __VLS_1: {
3
- year: number;
4
3
  month: number;
5
4
  title: string;
5
+ year: number;
6
6
  }, __VLS_3: {};
7
7
  type __VLS_Slots = {} & {
8
8
  default?: (props: typeof __VLS_1) => any;
@@ -1,16 +1,6 @@
1
1
  import type { DeviceType } from '../../types/device.d.ts';
2
- import type {
3
- StDatePickerDesktopEmits,
4
- StDatePickerDesktopExpose,
5
- StDatePickerDesktopProps,
6
- StDatePickerDesktopSlots,
7
- } from '../desktop/types/st-date-picker-desktop.d.ts';
8
- import type {
9
- StDatePickerPhoneEmits,
10
- StDatePickerPhoneExpose,
11
- StDatePickerPhoneProps,
12
- StDatePickerPhoneSlots,
13
- } from '../phone/types/st-date-picker-phone.d.ts';
2
+ import type { StDatePickerDesktopEmits, StDatePickerDesktopExpose, StDatePickerDesktopProps, StDatePickerDesktopSlots, } from '../desktop/types/st-date-picker-desktop.d.ts';
3
+ import type { StDatePickerPhoneEmits, StDatePickerPhoneExpose, StDatePickerPhoneProps, StDatePickerPhoneSlots, } from '../phone/types/st-date-picker-phone.d.ts';
14
4
 
15
5
  /**
16
6
  * StDatePicker 预封装组件属性
@@ -1,16 +1,6 @@
1
1
  import type { DeviceType } from '../../types/device.d.ts';
2
- import type {
3
- StDateTimePickerDesktopEmits,
4
- StDateTimePickerDesktopExpose,
5
- StDateTimePickerDesktopProps,
6
- StDateTimePickerDesktopSlots,
7
- } from '../desktop/types/st-datetime-picker-desktop.d.ts';
8
- import type {
9
- StDateTimePickerPhoneEmits,
10
- StDateTimePickerPhoneExpose,
11
- StDateTimePickerPhoneProps,
12
- StDateTimePickerPhoneSlots,
13
- } from '../phone/types/st-datetime-picker-phone.d.ts';
2
+ import type { StDateTimePickerDesktopEmits, StDateTimePickerDesktopExpose, StDateTimePickerDesktopProps, StDateTimePickerDesktopSlots, } from '../desktop/types/st-datetime-picker-desktop.d.ts';
3
+ import type { StDateTimePickerPhoneEmits, StDateTimePickerPhoneExpose, StDateTimePickerPhoneProps, StDateTimePickerPhoneSlots, } from '../phone/types/st-datetime-picker-phone.d.ts';
14
4
 
15
5
  /**
16
6
  * StDateTimePicker 预封装组件属性
@@ -1,16 +1,6 @@
1
1
  import type { DeviceType } from '../../types/device.d.ts';
2
- import type {
3
- StTimePickerDesktopEmits,
4
- StTimePickerDesktopExpose,
5
- StTimePickerDesktopProps,
6
- StTimePickerDesktopSlots,
7
- } from '../desktop/types/st-time-picker-desktop.d.ts';
8
- import type {
9
- StTimePickerPhoneEmits,
10
- StTimePickerPhoneExpose,
11
- StTimePickerPhoneProps,
12
- StTimePickerPhoneSlots,
13
- } from '../phone/types/st-time-picker-phone.d.ts';
2
+ import type { StTimePickerDesktopEmits, StTimePickerDesktopExpose, StTimePickerDesktopProps, StTimePickerDesktopSlots, } from '../desktop/types/st-time-picker-desktop.d.ts';
3
+ import type { StTimePickerPhoneEmits, StTimePickerPhoneExpose, StTimePickerPhoneProps, StTimePickerPhoneSlots, } from '../phone/types/st-time-picker-phone.d.ts';
14
4
 
15
5
  /**
16
6
  * StTimePicker 预封装组件属性