straw-ui-vue 0.1.20 → 0.1.21

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 (44) hide show
  1. package/README.md +146 -146
  2. package/dist/{cn-CiflBmGp.js → cn-CThBjlvA.js} +7 -7
  3. package/dist/components/st-button/types.d.ts +63 -63
  4. package/dist/components/st-card/types.d.ts +184 -184
  5. package/dist/components/st-cascade/types.d.ts +156 -156
  6. package/dist/components/st-checkbox/types.d.ts +120 -120
  7. package/dist/components/st-color-picker/types.d.ts +160 -160
  8. package/dist/components/st-date-picker/types.d.ts +157 -157
  9. package/dist/components/st-datetime-picker/types.d.ts +155 -155
  10. package/dist/components/st-dialog/types.d.ts +293 -293
  11. package/dist/components/st-divider/types.d.ts +92 -92
  12. package/dist/components/st-drawer/types.d.ts +232 -232
  13. package/dist/components/st-empty/types.d.ts +39 -39
  14. package/dist/components/st-form-control/types.d.ts +21 -21
  15. package/dist/components/st-form-description/types.d.ts +21 -21
  16. package/dist/components/st-form-field/types.d.ts +64 -64
  17. package/dist/components/st-form-item/types.d.ts +21 -21
  18. package/dist/components/st-form-label/types.d.ts +19 -19
  19. package/dist/components/st-form-message/types.d.ts +23 -23
  20. package/dist/components/st-image/types.d.ts +58 -58
  21. package/dist/components/st-input/types.d.ts +415 -415
  22. package/dist/components/st-label/types.d.ts +19 -19
  23. package/dist/components/st-menu/types.d.ts +262 -262
  24. package/dist/components/st-pagination/types.d.ts +91 -91
  25. package/dist/components/st-popover/types.d.ts +202 -202
  26. package/dist/components/st-progress/types.d.ts +37 -37
  27. package/dist/components/st-radio/types.d.ts +126 -126
  28. package/dist/components/st-scrollbar/types.d.ts +62 -62
  29. package/dist/components/st-segmented/types.d.ts +53 -53
  30. package/dist/components/st-sidebar/types.d.ts +85 -85
  31. package/dist/components/st-sidebar-item/types.d.ts +45 -45
  32. package/dist/components/st-skeleton/types.d.ts +56 -56
  33. package/dist/components/st-slider/types.d.ts +61 -61
  34. package/dist/components/st-splitter/types.d.ts +260 -260
  35. package/dist/components/st-splitter-panel/types.d.ts +63 -63
  36. package/dist/components/st-switch/types.d.ts +53 -53
  37. package/dist/components/st-tabs/types.d.ts +151 -151
  38. package/dist/components/st-tag/types.d.ts +51 -51
  39. package/dist/components/st-time-picker/types.d.ts +143 -143
  40. package/dist/components/st-toggle/types.d.ts +58 -58
  41. package/dist/components/st-tooltip/types.d.ts +172 -172
  42. package/dist/components/st-tree/types.d.ts +188 -188
  43. package/dist/straw-ui.js +107 -51
  44. package/package.json +16 -11
@@ -1,157 +1,157 @@
1
- import type { ClassValue, StyleValue } from 'vue';
2
-
3
- /**
4
- * DatePicker 类型定义
5
- */
6
-
7
- /**
8
- * DatePicker 类型定义
9
- */
10
-
11
- /**
12
- * 日期选择器类型
13
- */
14
- export type StDatePickerType = 'date' | 'daterange';
15
-
16
- /**
17
- * 日期选择器视图类型
18
- */
19
- export type StDatePickerViewType = 'day' | 'month' | 'year';
20
-
21
- /**
22
- * 日期范围(内部使用,Date 类型)
23
- */
24
- export interface StDateRange {
25
- /** 开始日期 */
26
- start: Date | null;
27
- /** 结束日期 */
28
- end: Date | null;
29
- }
30
-
31
- /**
32
- * 日期范围值(外部 v-model 使用,可以是字符串)
33
- */
34
- export interface StDateRangeValue {
35
- /** 开始日期 */
36
- start: string | Date | null;
37
- /** 结束日期 */
38
- end: string | Date | null;
39
- }
40
-
41
- /**
42
- * StDatePicker 主组件属性接口
43
- */
44
- export interface StDatePickerProps {
45
- /** 选择器类型 */
46
- type?: StDatePickerType;
47
- /** 占位符文本 */
48
- placeholder?: string;
49
- /** 范围选择时的开始日期占位符 */
50
- startPlaceholder?: string;
51
- /** 范围选择时的结束日期占位符 */
52
- endPlaceholder?: string;
53
- /** 是否禁用 */
54
- disabled?: boolean;
55
- /** 是否可清空 */
56
- clearable?: boolean;
57
- /** 日期格式化字符串 */
58
- format?: string;
59
- /** 值格式化字符串(用于 v-model) */
60
- valueFormat?: string;
61
- /** 禁用特定日期的函数 */
62
- disabledDate?: (date: Date) => boolean;
63
- /** popover 弹出层的类名 */
64
- popoverClass?: ClassValue;
65
- /** popover 弹出层的样式 */
66
- popoverStyle?: StyleValue;
67
- /** 触发元素的类名 */
68
- triggerClass?: ClassValue;
69
- /** 触发元素的样式 */
70
- triggerStyle?: StyleValue;
71
- /** 面板的类名 */
72
- panelClass?: ClassValue;
73
- /** 面板的样式 */
74
- panelStyle?: StyleValue;
75
- }
76
-
77
- /**
78
- * StDatePicker 主组件事件接口
79
- */
80
- export interface StDatePickerEmits {
81
- /** 更新绑定值事件 */
82
- 'update:modelValue': [value: string | Date | StDateRangeValue | null];
83
- /** 值改变事件 */
84
- change: [value: string | Date | StDateRangeValue | null];
85
- /** 清空事件 */
86
- clear: [];
87
- /** 下拉菜单显示状态改变事件 */
88
- visibleChange: [visible: boolean];
89
- }
90
-
91
- /**
92
- * StDatePicker 主组件暴露的方法接口
93
- */
94
- export interface StDatePickerExpose {
95
- /** 聚焦方法 */
96
- focus: () => void;
97
- /** 失焦方法 */
98
- blur: () => void;
99
- /** 清空方法 */
100
- clear: () => void;
101
- }
102
-
103
- /**
104
- * DatePickerPanel 面板组件属性接口
105
- */
106
- export interface StDatePickerPanelProps {
107
- /** 当前选择的日期(单选模式) */
108
- selectedDate?: Date | null;
109
- /** 当前选择的日期范围(范围模式) */
110
- selectedRange?: StDateRange;
111
- /** 选择器类型 */
112
- type?: StDatePickerType;
113
- /** 禁用特定日期的函数 */
114
- disabledDate?: (date: Date) => boolean;
115
- /** 自定义类名 */
116
- class?: ClassValue;
117
- /** 自定义样式 */
118
- style?: StyleValue;
119
- }
120
-
121
- /**
122
- * DatePickerPanel 面板组件事件接口
123
- */
124
- export interface StDatePickerPanelEmits {
125
- /** 选择日期事件 */
126
- select: [date: Date];
127
- /** 选择日期范围事件 */
128
- selectRange: [range: StDateRange];
129
- /** 面板关闭事件 */
130
- close: [];
131
- }
132
-
133
- /**
134
- * 日期单元格数据
135
- */
136
- export interface StDateCell {
137
- /** 日期对象 */
138
- date: Date;
139
- /** 显示文本 */
140
- text: string;
141
- /** 是否是当前月 */
142
- inCurrentMonth: boolean;
143
- /** 是否是今天 */
144
- isToday: boolean;
145
- /** 是否被选中 */
146
- isSelected: boolean;
147
- /** 是否在选中范围内 */
148
- inRange: boolean;
149
- /** 是否是范围开始 */
150
- isRangeStart: boolean;
151
- /** 是否是范围结束 */
152
- isRangeEnd: boolean;
153
- /** 是否禁用 */
154
- disabled: boolean;
155
- }
156
-
157
- export {};
1
+ import type { ClassValue, StyleValue } from 'vue';
2
+
3
+ /**
4
+ * DatePicker 类型定义
5
+ */
6
+
7
+ /**
8
+ * DatePicker 类型定义
9
+ */
10
+
11
+ /**
12
+ * 日期选择器类型
13
+ */
14
+ export type StDatePickerType = 'date' | 'daterange';
15
+
16
+ /**
17
+ * 日期选择器视图类型
18
+ */
19
+ export type StDatePickerViewType = 'day' | 'month' | 'year';
20
+
21
+ /**
22
+ * 日期范围(内部使用,Date 类型)
23
+ */
24
+ export interface StDateRange {
25
+ /** 开始日期 */
26
+ start: Date | null;
27
+ /** 结束日期 */
28
+ end: Date | null;
29
+ }
30
+
31
+ /**
32
+ * 日期范围值(外部 v-model 使用,可以是字符串)
33
+ */
34
+ export interface StDateRangeValue {
35
+ /** 开始日期 */
36
+ start: string | Date | null;
37
+ /** 结束日期 */
38
+ end: string | Date | null;
39
+ }
40
+
41
+ /**
42
+ * StDatePicker 主组件属性接口
43
+ */
44
+ export interface StDatePickerProps {
45
+ /** 选择器类型 */
46
+ type?: StDatePickerType;
47
+ /** 占位符文本 */
48
+ placeholder?: string;
49
+ /** 范围选择时的开始日期占位符 */
50
+ startPlaceholder?: string;
51
+ /** 范围选择时的结束日期占位符 */
52
+ endPlaceholder?: string;
53
+ /** 是否禁用 */
54
+ disabled?: boolean;
55
+ /** 是否可清空 */
56
+ clearable?: boolean;
57
+ /** 日期格式化字符串 */
58
+ format?: string;
59
+ /** 值格式化字符串(用于 v-model) */
60
+ valueFormat?: string;
61
+ /** 禁用特定日期的函数 */
62
+ disabledDate?: (date: Date) => boolean;
63
+ /** popover 弹出层的类名 */
64
+ popoverClass?: ClassValue;
65
+ /** popover 弹出层的样式 */
66
+ popoverStyle?: StyleValue;
67
+ /** 触发元素的类名 */
68
+ triggerClass?: ClassValue;
69
+ /** 触发元素的样式 */
70
+ triggerStyle?: StyleValue;
71
+ /** 面板的类名 */
72
+ panelClass?: ClassValue;
73
+ /** 面板的样式 */
74
+ panelStyle?: StyleValue;
75
+ }
76
+
77
+ /**
78
+ * StDatePicker 主组件事件接口
79
+ */
80
+ export interface StDatePickerEmits {
81
+ /** 更新绑定值事件 */
82
+ 'update:modelValue': [value: string | Date | StDateRangeValue | null];
83
+ /** 值改变事件 */
84
+ change: [value: string | Date | StDateRangeValue | null];
85
+ /** 清空事件 */
86
+ clear: [];
87
+ /** 下拉菜单显示状态改变事件 */
88
+ visibleChange: [visible: boolean];
89
+ }
90
+
91
+ /**
92
+ * StDatePicker 主组件暴露的方法接口
93
+ */
94
+ export interface StDatePickerExpose {
95
+ /** 聚焦方法 */
96
+ focus: () => void;
97
+ /** 失焦方法 */
98
+ blur: () => void;
99
+ /** 清空方法 */
100
+ clear: () => void;
101
+ }
102
+
103
+ /**
104
+ * DatePickerPanel 面板组件属性接口
105
+ */
106
+ export interface StDatePickerPanelProps {
107
+ /** 当前选择的日期(单选模式) */
108
+ selectedDate?: Date | null;
109
+ /** 当前选择的日期范围(范围模式) */
110
+ selectedRange?: StDateRange;
111
+ /** 选择器类型 */
112
+ type?: StDatePickerType;
113
+ /** 禁用特定日期的函数 */
114
+ disabledDate?: (date: Date) => boolean;
115
+ /** 自定义类名 */
116
+ class?: ClassValue;
117
+ /** 自定义样式 */
118
+ style?: StyleValue;
119
+ }
120
+
121
+ /**
122
+ * DatePickerPanel 面板组件事件接口
123
+ */
124
+ export interface StDatePickerPanelEmits {
125
+ /** 选择日期事件 */
126
+ select: [date: Date];
127
+ /** 选择日期范围事件 */
128
+ selectRange: [range: StDateRange];
129
+ /** 面板关闭事件 */
130
+ close: [];
131
+ }
132
+
133
+ /**
134
+ * 日期单元格数据
135
+ */
136
+ export interface StDateCell {
137
+ /** 日期对象 */
138
+ date: Date;
139
+ /** 显示文本 */
140
+ text: string;
141
+ /** 是否是当前月 */
142
+ inCurrentMonth: boolean;
143
+ /** 是否是今天 */
144
+ isToday: boolean;
145
+ /** 是否被选中 */
146
+ isSelected: boolean;
147
+ /** 是否在选中范围内 */
148
+ inRange: boolean;
149
+ /** 是否是范围开始 */
150
+ isRangeStart: boolean;
151
+ /** 是否是范围结束 */
152
+ isRangeEnd: boolean;
153
+ /** 是否禁用 */
154
+ disabled: boolean;
155
+ }
156
+
157
+ export {};
@@ -1,155 +1,155 @@
1
- import type { ClassValue, StyleValue } from 'vue';
2
-
3
- /**
4
- * DateTimePicker 类型定义
5
- */
6
- import type { StTimeValue } from '../st-time-picker/types.d.ts';
7
-
8
- export type { StTimeValue };
9
-
10
- /**
11
- * 日期时间选择器类型
12
- */
13
- export type StDateTimePickerType = 'datetime' | 'datetimerange';
14
-
15
- /**
16
- * 日期时间范围值(外部 v-model 使用)
17
- */
18
- export interface StDateTimeRangeValue {
19
- /** 开始日期时间 */
20
- start: string | Date | null;
21
- /** 结束日期时间 */
22
- end: string | Date | null;
23
- }
24
-
25
- /**
26
- * 日期时间范围(内部使用,Date 类型)
27
- */
28
- export interface StDateTimeRange {
29
- /** 开始日期时间 */
30
- start: Date | null;
31
- /** 结束日期时间 */
32
- end: Date | null;
33
- }
34
-
35
- /**
36
- * StDateTimePicker 主组件属性接口
37
- */
38
- export interface StDateTimePickerProps {
39
- /** 选择器类型 */
40
- type?: StDateTimePickerType;
41
- /** 占位符文本 */
42
- placeholder?: string;
43
- /** 范围选择时的开始日期占位符 */
44
- startPlaceholder?: string;
45
- /** 范围选择时的结束日期占位符 */
46
- endPlaceholder?: string;
47
- /** 是否禁用 */
48
- disabled?: boolean;
49
- /** 是否可清空 */
50
- clearable?: boolean;
51
- /** 日期时间格式化字符串 */
52
- format?: string;
53
- /** 值格式化字符串(用于 v-model) */
54
- valueFormat?: string;
55
- /** 禁用特定日期的函数 */
56
- disabledDate?: (date: Date) => boolean;
57
- /** 是否显示秒 */
58
- showSeconds?: boolean;
59
- /** popover 弹出层的类名 */
60
- popoverClass?: ClassValue;
61
- /** popover 弹出层的样式 */
62
- popoverStyle?: StyleValue;
63
- /** 触发元素的类名 */
64
- triggerClass?: ClassValue;
65
- /** 触发元素的样式 */
66
- triggerStyle?: StyleValue;
67
- /** 面板的类名 */
68
- panelClass?: ClassValue;
69
- /** 面板的样式 */
70
- panelStyle?: StyleValue;
71
- }
72
-
73
- /**
74
- * StDateTimePicker 主组件事件接口
75
- */
76
- export interface StDateTimePickerEmits {
77
- /** 更新绑定值事件 */
78
- 'update:modelValue': [value: string | Date | StDateTimeRangeValue | null];
79
- /** 值改变事件 */
80
- change: [value: string | Date | StDateTimeRangeValue | null];
81
- /** 清空事件 */
82
- clear: [];
83
- /** 下拉菜单显示状态改变事件 */
84
- visibleChange: [visible: boolean];
85
- }
86
-
87
- /**
88
- * StDateTimePicker 主组件暴露的方法接口
89
- */
90
- export interface StDateTimePickerExpose {
91
- /** 聚焦方法 */
92
- focus: () => void;
93
- /** 失焦方法 */
94
- blur: () => void;
95
- /** 清空方法 */
96
- clear: () => void;
97
- }
98
-
99
- /**
100
- * DateTimePickerPanel 面板组件属性接口
101
- */
102
- export interface StDateTimePickerPanelProps {
103
- /** 当前选择的日期时间(单选模式) */
104
- selectedDateTime?: Date | null;
105
- /** 当前选择的日期时间范围(范围模式) */
106
- selectedRange?: StDateTimeRange;
107
- /** 选择器类型 */
108
- type?: StDateTimePickerType;
109
- /** 禁用特定日期的函数 */
110
- disabledDate?: (date: Date) => boolean;
111
- /** 是否显示秒 */
112
- showSeconds?: boolean;
113
- /** 自定义类名 */
114
- class?: ClassValue;
115
- /** 自定义样式 */
116
- style?: StyleValue;
117
- }
118
-
119
- /**
120
- * DateTimePickerPanel 面板组件事件接口
121
- */
122
- export interface StDateTimePickerPanelEmits {
123
- /** 选择日期时间事件 */
124
- select: [dateTime: Date];
125
- /** 选择日期范围事件 */
126
- selectRange: [range: StDateTimeRange];
127
- /** 面板关闭事件 */
128
- close: [];
129
- }
130
-
131
- /**
132
- * 日期单元格数据
133
- */
134
- export interface StDateTimeDateCell {
135
- /** 日期对象 */
136
- date: Date;
137
- /** 显示文本 */
138
- text: string;
139
- /** 是否是当前月 */
140
- inCurrentMonth: boolean;
141
- /** 是否是今天 */
142
- isToday: boolean;
143
- /** 是否被选中 */
144
- isSelected: boolean;
145
- /** 是否在选中范围内 */
146
- inRange: boolean;
147
- /** 是否是范围开始 */
148
- isRangeStart: boolean;
149
- /** 是否是范围结束 */
150
- isRangeEnd: boolean;
151
- /** 是否禁用 */
152
- disabled: boolean;
153
- }
154
-
155
- export {};
1
+ import type { ClassValue, StyleValue } from 'vue';
2
+
3
+ /**
4
+ * DateTimePicker 类型定义
5
+ */
6
+ import type { StTimeValue } from '../st-time-picker/types.d.ts';
7
+
8
+ export type { StTimeValue };
9
+
10
+ /**
11
+ * 日期时间选择器类型
12
+ */
13
+ export type StDateTimePickerType = 'datetime' | 'datetimerange';
14
+
15
+ /**
16
+ * 日期时间范围值(外部 v-model 使用)
17
+ */
18
+ export interface StDateTimeRangeValue {
19
+ /** 开始日期时间 */
20
+ start: string | Date | null;
21
+ /** 结束日期时间 */
22
+ end: string | Date | null;
23
+ }
24
+
25
+ /**
26
+ * 日期时间范围(内部使用,Date 类型)
27
+ */
28
+ export interface StDateTimeRange {
29
+ /** 开始日期时间 */
30
+ start: Date | null;
31
+ /** 结束日期时间 */
32
+ end: Date | null;
33
+ }
34
+
35
+ /**
36
+ * StDateTimePicker 主组件属性接口
37
+ */
38
+ export interface StDateTimePickerProps {
39
+ /** 选择器类型 */
40
+ type?: StDateTimePickerType;
41
+ /** 占位符文本 */
42
+ placeholder?: string;
43
+ /** 范围选择时的开始日期占位符 */
44
+ startPlaceholder?: string;
45
+ /** 范围选择时的结束日期占位符 */
46
+ endPlaceholder?: string;
47
+ /** 是否禁用 */
48
+ disabled?: boolean;
49
+ /** 是否可清空 */
50
+ clearable?: boolean;
51
+ /** 日期时间格式化字符串 */
52
+ format?: string;
53
+ /** 值格式化字符串(用于 v-model) */
54
+ valueFormat?: string;
55
+ /** 禁用特定日期的函数 */
56
+ disabledDate?: (date: Date) => boolean;
57
+ /** 是否显示秒 */
58
+ showSeconds?: boolean;
59
+ /** popover 弹出层的类名 */
60
+ popoverClass?: ClassValue;
61
+ /** popover 弹出层的样式 */
62
+ popoverStyle?: StyleValue;
63
+ /** 触发元素的类名 */
64
+ triggerClass?: ClassValue;
65
+ /** 触发元素的样式 */
66
+ triggerStyle?: StyleValue;
67
+ /** 面板的类名 */
68
+ panelClass?: ClassValue;
69
+ /** 面板的样式 */
70
+ panelStyle?: StyleValue;
71
+ }
72
+
73
+ /**
74
+ * StDateTimePicker 主组件事件接口
75
+ */
76
+ export interface StDateTimePickerEmits {
77
+ /** 更新绑定值事件 */
78
+ 'update:modelValue': [value: string | Date | StDateTimeRangeValue | null];
79
+ /** 值改变事件 */
80
+ change: [value: string | Date | StDateTimeRangeValue | null];
81
+ /** 清空事件 */
82
+ clear: [];
83
+ /** 下拉菜单显示状态改变事件 */
84
+ visibleChange: [visible: boolean];
85
+ }
86
+
87
+ /**
88
+ * StDateTimePicker 主组件暴露的方法接口
89
+ */
90
+ export interface StDateTimePickerExpose {
91
+ /** 聚焦方法 */
92
+ focus: () => void;
93
+ /** 失焦方法 */
94
+ blur: () => void;
95
+ /** 清空方法 */
96
+ clear: () => void;
97
+ }
98
+
99
+ /**
100
+ * DateTimePickerPanel 面板组件属性接口
101
+ */
102
+ export interface StDateTimePickerPanelProps {
103
+ /** 当前选择的日期时间(单选模式) */
104
+ selectedDateTime?: Date | null;
105
+ /** 当前选择的日期时间范围(范围模式) */
106
+ selectedRange?: StDateTimeRange;
107
+ /** 选择器类型 */
108
+ type?: StDateTimePickerType;
109
+ /** 禁用特定日期的函数 */
110
+ disabledDate?: (date: Date) => boolean;
111
+ /** 是否显示秒 */
112
+ showSeconds?: boolean;
113
+ /** 自定义类名 */
114
+ class?: ClassValue;
115
+ /** 自定义样式 */
116
+ style?: StyleValue;
117
+ }
118
+
119
+ /**
120
+ * DateTimePickerPanel 面板组件事件接口
121
+ */
122
+ export interface StDateTimePickerPanelEmits {
123
+ /** 选择日期时间事件 */
124
+ select: [dateTime: Date];
125
+ /** 选择日期范围事件 */
126
+ selectRange: [range: StDateTimeRange];
127
+ /** 面板关闭事件 */
128
+ close: [];
129
+ }
130
+
131
+ /**
132
+ * 日期单元格数据
133
+ */
134
+ export interface StDateTimeDateCell {
135
+ /** 日期对象 */
136
+ date: Date;
137
+ /** 显示文本 */
138
+ text: string;
139
+ /** 是否是当前月 */
140
+ inCurrentMonth: boolean;
141
+ /** 是否是今天 */
142
+ isToday: boolean;
143
+ /** 是否被选中 */
144
+ isSelected: boolean;
145
+ /** 是否在选中范围内 */
146
+ inRange: boolean;
147
+ /** 是否是范围开始 */
148
+ isRangeStart: boolean;
149
+ /** 是否是范围结束 */
150
+ isRangeEnd: boolean;
151
+ /** 是否禁用 */
152
+ disabled: boolean;
153
+ }
154
+
155
+ export {};