sykj 1.0.0 → 1.0.2

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 (60) hide show
  1. package/README.md +56 -0
  2. package/dist/style.css +1 -0
  3. package/dist/sy-ui.cjs.js +2 -0
  4. package/dist/sy-ui.es.js +2695 -0
  5. package/dist/sy-ui.umd.js +2 -0
  6. package/index.d.ts +7 -0
  7. package/lib/common.d.ts +23 -0
  8. package/lib/index.d.ts +2 -0
  9. package/main/index.d.ts +2 -0
  10. package/main/utils/copyHtml.d.ts +1 -0
  11. package/main/utils/withInstall.d.ts +4 -0
  12. package/package.json +31 -11
  13. package/packages/button/index.d.ts +49 -0
  14. package/packages/button/src/index.vue.d.ts +28 -0
  15. package/packages/date/index.d.ts +145 -0
  16. package/packages/date/src/index.vue.d.ts +78 -0
  17. package/packages/datetime/index.d.ts +190 -0
  18. package/packages/datetime/src/index.vue.d.ts +105 -0
  19. package/packages/dialog/index.d.ts +48 -0
  20. package/packages/dialog/src/index.vue.d.ts +31 -0
  21. package/packages/directives/index.d.ts +2 -0
  22. package/packages/form/index.d.ts +264 -0
  23. package/packages/form/src/index.vue.d.ts +104 -0
  24. package/packages/hooks/index.d.ts +3 -0
  25. package/packages/hooks/useFakeProgress.d.ts +72 -0
  26. package/packages/hooks/useKeyCombo.d.ts +4 -0
  27. package/packages/hooks/useTheme.d.ts +6 -0
  28. package/packages/icon/index.d.ts +32 -0
  29. package/packages/icon/src/index.vue.d.ts +9 -0
  30. package/packages/input/index.d.ts +64 -0
  31. package/packages/input/src/index.vue.d.ts +40 -0
  32. package/packages/keyboard/index.d.ts +14 -0
  33. package/packages/keyboard/src/Keyboardcon.vue.d.ts +2 -0
  34. package/packages/keyboard/src/utils/fetchFile.d.ts +2 -0
  35. package/packages/keyboard/src/utils/focus.d.ts +2 -0
  36. package/packages/keyboard/src/utils/store.d.ts +19 -0
  37. package/packages/list/index.d.ts +98 -0
  38. package/packages/list/src/index.vue.d.ts +41 -0
  39. package/packages/list/src/item.vue.d.ts +12 -0
  40. package/packages/loading/index.d.ts +14 -0
  41. package/packages/loading/src/Loading1.vue.d.ts +2 -0
  42. package/packages/loading/src/Loading2.vue.d.ts +12 -0
  43. package/packages/loading/src/index.vue.d.ts +5 -0
  44. package/packages/message/index.d.ts +31 -0
  45. package/packages/message/src/index.vue.d.ts +31 -0
  46. package/packages/message-box/index.d.ts +18 -0
  47. package/packages/message-box/src/index.vue.d.ts +20 -0
  48. package/packages/select/index.d.ts +256 -0
  49. package/packages/select/src/index.vue.d.ts +144 -0
  50. package/packages/time/index.d.ts +205 -0
  51. package/packages/time/src/index.vue.d.ts +114 -0
  52. package/baseDict-BDMct_Gn.js +0 -4
  53. package/baseDict-BcPniuRQ.cjs +0 -1
  54. package/chowder-BcPniuRQ.cjs +0 -1
  55. package/chowder-DYxpcVy9.js +0 -4
  56. package/style.css +0 -1
  57. package/sykj.cjs +0 -37
  58. package/sykj.js +0 -2806
  59. package/sykj.umd.cjs +0 -37
  60. /package/{favicon.ico → dist/favicon.ico} +0 -0
@@ -0,0 +1,144 @@
1
+ import { type PropType } from 'vue';
2
+ type OptionLike = Record<string, any>;
3
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ modelValue: {
5
+ type: PropType<any>;
6
+ default: null;
7
+ };
8
+ options: {
9
+ type: PropType<OptionLike[]>;
10
+ default: () => never[];
11
+ };
12
+ loadingOption: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ labelKey: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ valueKey: {
21
+ type: StringConstructor;
22
+ default: string;
23
+ };
24
+ placeholder: {
25
+ type: StringConstructor;
26
+ default: string;
27
+ };
28
+ title: {
29
+ type: StringConstructor;
30
+ default: string;
31
+ };
32
+ multiple: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
36
+ filterable: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
40
+ clearable: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
44
+ disabled: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ max: {
49
+ type: NumberConstructor;
50
+ default: number;
51
+ };
52
+ height: {
53
+ type: NumberConstructor;
54
+ default: number;
55
+ };
56
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
57
+ requestClose: (...args: any[]) => void;
58
+ closed: (...args: any[]) => void;
59
+ "update:modelValue": (...args: any[]) => void;
60
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
61
+ modelValue: {
62
+ type: PropType<any>;
63
+ default: null;
64
+ };
65
+ options: {
66
+ type: PropType<OptionLike[]>;
67
+ default: () => never[];
68
+ };
69
+ loadingOption: {
70
+ type: BooleanConstructor;
71
+ default: boolean;
72
+ };
73
+ labelKey: {
74
+ type: StringConstructor;
75
+ default: string;
76
+ };
77
+ valueKey: {
78
+ type: StringConstructor;
79
+ default: string;
80
+ };
81
+ placeholder: {
82
+ type: StringConstructor;
83
+ default: string;
84
+ };
85
+ title: {
86
+ type: StringConstructor;
87
+ default: string;
88
+ };
89
+ multiple: {
90
+ type: BooleanConstructor;
91
+ default: boolean;
92
+ };
93
+ filterable: {
94
+ type: BooleanConstructor;
95
+ default: boolean;
96
+ };
97
+ clearable: {
98
+ type: BooleanConstructor;
99
+ default: boolean;
100
+ };
101
+ disabled: {
102
+ type: BooleanConstructor;
103
+ default: boolean;
104
+ };
105
+ max: {
106
+ type: NumberConstructor;
107
+ default: number;
108
+ };
109
+ height: {
110
+ type: NumberConstructor;
111
+ default: number;
112
+ };
113
+ }>> & Readonly<{
114
+ onRequestClose?: ((...args: any[]) => any) | undefined;
115
+ onClosed?: ((...args: any[]) => any) | undefined;
116
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
117
+ }>, {
118
+ title: string;
119
+ disabled: boolean;
120
+ placeholder: string;
121
+ modelValue: any;
122
+ clearable: boolean;
123
+ options: OptionLike[];
124
+ loadingOption: boolean;
125
+ labelKey: string;
126
+ valueKey: string;
127
+ multiple: boolean;
128
+ filterable: boolean;
129
+ max: number;
130
+ height: number;
131
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
132
+ option?: ((props: {
133
+ option: {
134
+ [x: string]: any;
135
+ isSelected: boolean;
136
+ };
137
+ }) => any) | undefined;
138
+ }>;
139
+ export default _default;
140
+ type __VLS_WithSlots<T, S> = T & {
141
+ new (): {
142
+ $slots: S;
143
+ };
144
+ };
@@ -0,0 +1,205 @@
1
+ export declare const SyTime: {
2
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
3
+ modelValue: {
4
+ type: import("vue").PropType<string | number | Date | null>;
5
+ default: null;
6
+ };
7
+ placeholder: {
8
+ type: StringConstructor;
9
+ default: string;
10
+ };
11
+ title: {
12
+ type: StringConstructor;
13
+ default: string;
14
+ };
15
+ clearable: {
16
+ type: BooleanConstructor;
17
+ default: boolean;
18
+ };
19
+ disabled: {
20
+ type: BooleanConstructor;
21
+ default: boolean;
22
+ };
23
+ showSeconds: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ hourStep: {
28
+ type: NumberConstructor;
29
+ default: number;
30
+ };
31
+ minuteStep: {
32
+ type: NumberConstructor;
33
+ default: number;
34
+ };
35
+ secondStep: {
36
+ type: NumberConstructor;
37
+ default: number;
38
+ };
39
+ min: {
40
+ type: import("vue").PropType<string | number | Date | null>;
41
+ default: null;
42
+ };
43
+ max: {
44
+ type: import("vue").PropType<string | number | Date | null>;
45
+ default: null;
46
+ };
47
+ }>> & Readonly<{
48
+ onRequestClose?: ((...args: any[]) => any) | undefined;
49
+ onClosed?: ((...args: any[]) => any) | undefined;
50
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
51
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
52
+ requestClose: (...args: any[]) => void;
53
+ closed: (...args: any[]) => void;
54
+ "update:modelValue": (...args: any[]) => void;
55
+ }, import("vue").PublicProps, {
56
+ title: string;
57
+ disabled: boolean;
58
+ placeholder: string;
59
+ modelValue: string | number | Date | null;
60
+ clearable: boolean;
61
+ max: string | number | Date | null;
62
+ min: string | number | Date | null;
63
+ showSeconds: boolean;
64
+ hourStep: number;
65
+ minuteStep: number;
66
+ secondStep: number;
67
+ }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
68
+ P: {};
69
+ B: {};
70
+ D: {};
71
+ C: {};
72
+ M: {};
73
+ Defaults: {};
74
+ }, Readonly<import("vue").ExtractPropTypes<{
75
+ modelValue: {
76
+ type: import("vue").PropType<string | number | Date | null>;
77
+ default: null;
78
+ };
79
+ placeholder: {
80
+ type: StringConstructor;
81
+ default: string;
82
+ };
83
+ title: {
84
+ type: StringConstructor;
85
+ default: string;
86
+ };
87
+ clearable: {
88
+ type: BooleanConstructor;
89
+ default: boolean;
90
+ };
91
+ disabled: {
92
+ type: BooleanConstructor;
93
+ default: boolean;
94
+ };
95
+ showSeconds: {
96
+ type: BooleanConstructor;
97
+ default: boolean;
98
+ };
99
+ hourStep: {
100
+ type: NumberConstructor;
101
+ default: number;
102
+ };
103
+ minuteStep: {
104
+ type: NumberConstructor;
105
+ default: number;
106
+ };
107
+ secondStep: {
108
+ type: NumberConstructor;
109
+ default: number;
110
+ };
111
+ min: {
112
+ type: import("vue").PropType<string | number | Date | null>;
113
+ default: null;
114
+ };
115
+ max: {
116
+ type: import("vue").PropType<string | number | Date | null>;
117
+ default: null;
118
+ };
119
+ }>> & Readonly<{
120
+ onRequestClose?: ((...args: any[]) => any) | undefined;
121
+ onClosed?: ((...args: any[]) => any) | undefined;
122
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
123
+ }>, {}, {}, {}, {}, {
124
+ title: string;
125
+ disabled: boolean;
126
+ placeholder: string;
127
+ modelValue: string | number | Date | null;
128
+ clearable: boolean;
129
+ max: string | number | Date | null;
130
+ min: string | number | Date | null;
131
+ showSeconds: boolean;
132
+ hourStep: number;
133
+ minuteStep: number;
134
+ secondStep: number;
135
+ }>;
136
+ __isFragment?: undefined;
137
+ __isTeleport?: undefined;
138
+ __isSuspense?: undefined;
139
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
140
+ modelValue: {
141
+ type: import("vue").PropType<string | number | Date | null>;
142
+ default: null;
143
+ };
144
+ placeholder: {
145
+ type: StringConstructor;
146
+ default: string;
147
+ };
148
+ title: {
149
+ type: StringConstructor;
150
+ default: string;
151
+ };
152
+ clearable: {
153
+ type: BooleanConstructor;
154
+ default: boolean;
155
+ };
156
+ disabled: {
157
+ type: BooleanConstructor;
158
+ default: boolean;
159
+ };
160
+ showSeconds: {
161
+ type: BooleanConstructor;
162
+ default: boolean;
163
+ };
164
+ hourStep: {
165
+ type: NumberConstructor;
166
+ default: number;
167
+ };
168
+ minuteStep: {
169
+ type: NumberConstructor;
170
+ default: number;
171
+ };
172
+ secondStep: {
173
+ type: NumberConstructor;
174
+ default: number;
175
+ };
176
+ min: {
177
+ type: import("vue").PropType<string | number | Date | null>;
178
+ default: null;
179
+ };
180
+ max: {
181
+ type: import("vue").PropType<string | number | Date | null>;
182
+ default: null;
183
+ };
184
+ }>> & Readonly<{
185
+ onRequestClose?: ((...args: any[]) => any) | undefined;
186
+ onClosed?: ((...args: any[]) => any) | undefined;
187
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
188
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
189
+ requestClose: (...args: any[]) => void;
190
+ closed: (...args: any[]) => void;
191
+ "update:modelValue": (...args: any[]) => void;
192
+ }, string, {
193
+ title: string;
194
+ disabled: boolean;
195
+ placeholder: string;
196
+ modelValue: string | number | Date | null;
197
+ clearable: boolean;
198
+ max: string | number | Date | null;
199
+ min: string | number | Date | null;
200
+ showSeconds: boolean;
201
+ hourStep: number;
202
+ minuteStep: number;
203
+ secondStep: number;
204
+ }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin));
205
+ export default SyTime;
@@ -0,0 +1,114 @@
1
+ import { type PropType } from 'vue';
2
+ type TimeLike = string | number | Date | null;
3
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ modelValue: {
5
+ type: PropType<TimeLike>;
6
+ default: null;
7
+ };
8
+ placeholder: {
9
+ type: StringConstructor;
10
+ default: string;
11
+ };
12
+ title: {
13
+ type: StringConstructor;
14
+ default: string;
15
+ };
16
+ clearable: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ disabled: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ showSeconds: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ hourStep: {
29
+ type: NumberConstructor;
30
+ default: number;
31
+ };
32
+ minuteStep: {
33
+ type: NumberConstructor;
34
+ default: number;
35
+ };
36
+ secondStep: {
37
+ type: NumberConstructor;
38
+ default: number;
39
+ };
40
+ min: {
41
+ type: PropType<TimeLike>;
42
+ default: null;
43
+ };
44
+ max: {
45
+ type: PropType<TimeLike>;
46
+ default: null;
47
+ };
48
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
49
+ requestClose: (...args: any[]) => void;
50
+ closed: (...args: any[]) => void;
51
+ "update:modelValue": (...args: any[]) => void;
52
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
53
+ modelValue: {
54
+ type: PropType<TimeLike>;
55
+ default: null;
56
+ };
57
+ placeholder: {
58
+ type: StringConstructor;
59
+ default: string;
60
+ };
61
+ title: {
62
+ type: StringConstructor;
63
+ default: string;
64
+ };
65
+ clearable: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ disabled: {
70
+ type: BooleanConstructor;
71
+ default: boolean;
72
+ };
73
+ showSeconds: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
77
+ hourStep: {
78
+ type: NumberConstructor;
79
+ default: number;
80
+ };
81
+ minuteStep: {
82
+ type: NumberConstructor;
83
+ default: number;
84
+ };
85
+ secondStep: {
86
+ type: NumberConstructor;
87
+ default: number;
88
+ };
89
+ min: {
90
+ type: PropType<TimeLike>;
91
+ default: null;
92
+ };
93
+ max: {
94
+ type: PropType<TimeLike>;
95
+ default: null;
96
+ };
97
+ }>> & Readonly<{
98
+ onRequestClose?: ((...args: any[]) => any) | undefined;
99
+ onClosed?: ((...args: any[]) => any) | undefined;
100
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
101
+ }>, {
102
+ title: string;
103
+ disabled: boolean;
104
+ placeholder: string;
105
+ modelValue: TimeLike;
106
+ clearable: boolean;
107
+ max: TimeLike;
108
+ min: TimeLike;
109
+ showSeconds: boolean;
110
+ hourStep: number;
111
+ minuteStep: number;
112
+ secondStep: number;
113
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
114
+ export default _default;
@@ -1,4 +0,0 @@
1
- const t = {};
2
- export {
3
- t as default
4
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};exports.default=e;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};exports.default=e;
@@ -1,4 +0,0 @@
1
- const e = {};
2
- export {
3
- e as default
4
- };
package/style.css DELETED
@@ -1 +0,0 @@
1
- .keyboardcon[data-v-12f118e1]{position:fixed;background-color:#212123;width:100%;bottom:0;font-size:20px;padding:10px 10px 5px;box-sizing:border-box;box-shadow:0 0 20px #757575;z-index:10000;border-radius:10px 10px 0 0}[dark=light] .keyboardcon[data-v-12f118e1]{background:#fffd}[dark=dark] .keyboardcon[data-v-12f118e1]{background:#0f0f0fee}.keyboardcon .btns[data-v-12f118e1]{color:#007bff;display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:12px}.keyboardcon .btns>div[data-v-12f118e1]{height:20px}.keyboardcon .btns>div span[data-v-12f118e1]{color:#dcdcdc;transition:all .3s}.keyboardcon .btns .ch[data-v-12f118e1]{font-size:20px;color:#007bff}.keyboardcon .chinese .pinyin[data-v-12f118e1]{padding:4px;box-sizing:border-box}.keyboardcon .chinese .wenzi[data-v-12f118e1]{position:relative;height:40px}[dark=light] .keyboardcon .chinese .wenzi[data-v-12f118e1]{background:#fffd}[dark=dark] .keyboardcon .chinese .wenzi[data-v-12f118e1]{background:#0f0f0fee}.keyboardcon .chinese .wenzi .wenzi_box[data-v-12f118e1]{display:flex;gap:10px;padding:5px;overflow:auto;position:absolute;left:0;top:0;width:98%;z-index:1;transition:all .5s;height:40px;box-sizing:border-box}[dark=light] .keyboardcon .chinese .wenzi .wenzi_box[data-v-12f118e1]{background:#fffd}[dark=dark] .keyboardcon .chinese .wenzi .wenzi_box[data-v-12f118e1]{background:#0f0f0fee}.keyboardcon .chinese .wenzi .wenzi_box span[data-v-12f118e1]{flex-shrink:0;padding:0 4px;border-radius:6px}.keyboardcon .chinese .wenzi .wenzi_box span[data-v-12f118e1]:active{box-shadow:inset 0 0 2px 2px #65708220;transform:scale(.99)}[dark=light] .keyboardcon .chinese .wenzi .wenzi_box span[data-v-12f118e1]:active{background:#00000038}[dark=dark] .keyboardcon .chinese .wenzi .wenzi_box span[data-v-12f118e1]:active{background:#ffffff38}.keyboardcon .chinese .wenzi .wenzi_box_more[data-v-12f118e1]{padding-right:34px;box-sizing:border-box;width:102%;left:-3px;height:31vh}.keyboardcon .chinese .wenzi .moreText[data-v-12f118e1]{position:absolute;height:38px;top:0;right:-5px;z-index:100;padding:0 5px;display:flex;justify-content:center;align-items:center;border-radius:6px}[dark=light] .keyboardcon .chinese .wenzi .moreText[data-v-12f118e1]{background:#fffd}[dark=dark] .keyboardcon .chinese .wenzi .moreText[data-v-12f118e1]{background:#0f0f0fee}.keyboardcon .chinese .wenzi .moreText[data-v-12f118e1]:active{box-shadow:inset 0 0 2px 2px #65708220;transform:scale(.99)}[dark=light] .keyboardcon .chinese .wenzi .moreText[data-v-12f118e1]:active{background:#00000038}[dark=dark] .keyboardcon .chinese .wenzi .moreText[data-v-12f118e1]:active{background:#ffffff38}.keyboardcon .chinese .wenzi .moreText .el-icon[data-v-12f118e1]{transition:all .4s ease}.keyboardcon .number_list[data-v-12f118e1]{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:4px}.keyboardcon .number_list .key_item[data-v-12f118e1]{border-radius:3px;font-weight:700;overflow:hidden;-webkit-user-select:none;user-select:none}[dark=light] .keyboardcon .number_list .key_item[data-v-12f118e1]{color:#000a}[dark=dark] .keyboardcon .number_list .key_item[data-v-12f118e1]{color:#e1f7ff}.keyboardcon .number_list .key_item .key[data-v-12f118e1]{box-shadow:inset 0 0 2px #8f9eae;height:34px;display:flex;justify-content:center;align-items:center}[dark=light] .keyboardcon .number_list .key_item .key[data-v-12f118e1]{background:#00000006}[dark=dark] .keyboardcon .number_list .key_item .key[data-v-12f118e1]{background:#30303000}.keyboardcon .number_list .key_item .key[data-v-12f118e1]:active{box-shadow:inset 0 0 2px 2px #65708220;transform:scale(.99)}[dark=light] .keyboardcon .number_list .key_item .key[data-v-12f118e1]:active{background:#00000038}[dark=dark] .keyboardcon .number_list .key_item .key[data-v-12f118e1]:active{background:#ffffff38}.keyboardcon .number_list .key_item .keys[data-v-12f118e1]{gap:4px;height:34px;display:flex;justify-content:center;align-items:center}.keyboardcon .number_list .key_item .keys span[data-v-12f118e1]{flex:1;box-shadow:inset 0 0 2px #8f9eae;border-radius:3px;height:100%;display:flex;justify-content:center;align-items:center}[dark=light] .keyboardcon .number_list .key_item .keys span[data-v-12f118e1]{background:#00000006}[dark=dark] .keyboardcon .number_list .key_item .keys span[data-v-12f118e1]{background:#30303000}.keyboardcon .number_list .key_item .keys span[data-v-12f118e1]:active{box-shadow:inset 0 0 2px 2px #65708220;transform:scale(.99)}[dark=light] .keyboardcon .number_list .key_item .keys span[data-v-12f118e1]:active{background:#00000038}[dark=dark] .keyboardcon .number_list .key_item .keys span[data-v-12f118e1]:active{background:#ffffff38}.keyboardcon .number_list .key_item .del[data-v-12f118e1]{display:flex;justify-content:center;align-items:center;height:34px}.keyboardcon .number_list .key_item .del img[data-v-12f118e1]{transform:scale(.9)}[dark=light] .keyboardcon .number_list .key_item .del img[data-v-12f118e1]{filter:invert(90%) opacity(.9)}[dark=dark] .keyboardcon .number_list .key_item .del img[data-v-12f118e1]{filter:invert(10%)}.keyboardcon .text_list[data-v-12f118e1]{display:grid;grid-template-columns:repeat(1,1fr);text-align:center;gap:3px;color:#eee}.keyboardcon .text_list .key_item_row[data-v-12f118e1]{display:flex;gap:2px;width:95vw}.keyboardcon .text_list .key_item_row[data-v-12f118e1]:nth-child(1){justify-content:center}.keyboardcon .text_list .key_item_row:nth-child(1) .key_item_column[data-v-12f118e1]{flex-shrink:0}.keyboardcon .text_list .key_item_row:nth-child(1) .key_item_column .key[data-v-12f118e1]{padding:0;box-sizing:border-box}.keyboardcon .text_list .key_item_row[data-v-12f118e1]:nth-child(2){display:flex;justify-content:center;width:100%}.keyboardcon .text_list .key_item_row:nth-child(2) .key_item_column[data-v-12f118e1]{flex-shrink:0}.keyboardcon .text_list .key_item_row:nth-child(2) .key_item_column .key[data-v-12f118e1]{padding:0;box-sizing:border-box}.keyboardcon .text_list .key_item_row[data-v-12f118e1]:nth-child(3){justify-self:center;display:flex}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column[data-v-12f118e1]:nth-child(1){padding:0;font-size:16px}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:nth-child(1) .key[data-v-12f118e1]{box-sizing:border-box;display:flex;justify-content:center;align-items:center}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:nth-child(1) .key img[data-v-12f118e1]{transform:scale(.7)}[dark=light] .keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:nth-child(1) .key img[data-v-12f118e1]{filter:invert(90%) opacity(.9)}[dark=dark] .keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:nth-child(1) .key img[data-v-12f118e1]{filter:invert(10%)}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:nth-child(1) .toUpKeyCase[data-v-12f118e1]{box-shadow:none;background:#c7c7c7}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:nth-child(1) .toUpKeyCase img[data-v-12f118e1]{filter:invert(100%)}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column[data-v-12f118e1]:first-child,.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column[data-v-12f118e1]:last-child{width:50px}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:first-child img[data-v-12f118e1],.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:last-child img[data-v-12f118e1]{transform:scale(.8)}[dark=light] .keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:first-child img[data-v-12f118e1],[dark=light] .keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:last-child img[data-v-12f118e1]{filter:invert(90%) opacity(.9)}[dark=dark] .keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:first-child img[data-v-12f118e1],[dark=dark] .keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:last-child img[data-v-12f118e1]{filter:invert(10%)}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column[data-v-12f118e1]:not(.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:first-child,.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column:last-child){flex:1}.keyboardcon .text_list .key_item_row:nth-child(3) .key_item_column .key[data-v-12f118e1]{padding:0;box-sizing:border-box}.keyboardcon .text_list .key_item_row[data-v-12f118e1]:nth-child(4){grid-template-columns:.3fr 1fr .3fr}.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column[data-v-12f118e1]{flex-shrink:0;font-weight:400}.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column .key[data-v-12f118e1]{padding:0;box-sizing:border-box}.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column[data-v-12f118e1]:first-child,.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column[data-v-12f118e1]:last-child{width:50px;font-size:14px;display:flex;justify-content:center;align-items:center}.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:first-child .key[data-v-12f118e1],.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:last-child .key[data-v-12f118e1]{display:flex;justify-content:center;align-items:center}.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:first-child .key img[data-v-12f118e1],.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:last-child .key img[data-v-12f118e1]{transform:scale(.8)}[dark=light] .keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:first-child .key img[data-v-12f118e1],[dark=light] .keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:last-child .key img[data-v-12f118e1]{filter:invert(90%) opacity(.9)}[dark=dark] .keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:first-child .key img[data-v-12f118e1],[dark=dark] .keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:last-child .key img[data-v-12f118e1]{filter:invert(10%)}.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column[data-v-12f118e1]:nth-child(2){flex:1}.keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:nth-child(2) img[data-v-12f118e1]{transform:scale(.8)}[dark=light] .keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:nth-child(2) img[data-v-12f118e1]{filter:invert(90%) opacity(.9)}[dark=dark] .keyboardcon .text_list .key_item_row:nth-child(4) .key_item_column:nth-child(2) img[data-v-12f118e1]{filter:invert(10%)}.keyboardcon .text_list .key_item_row .key_item_column[data-v-12f118e1]{font-weight:700;overflow:hidden;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:32px;width:34px;border-radius:3px}[dark=light] .keyboardcon .text_list .key_item_row .key_item_column[data-v-12f118e1]{color:#000a}[dark=dark] .keyboardcon .text_list .key_item_row .key_item_column[data-v-12f118e1]{color:#e1f7ff}.keyboardcon .text_list .key_item_row .key_item_column .key[data-v-12f118e1]{border-radius:3px;padding:2px 8px;display:flex;justify-content:center;align-items:center;height:100%;width:100%;box-shadow:inset 0 0 2px #8f9eae}[dark=light] .keyboardcon .text_list .key_item_row .key_item_column .key[data-v-12f118e1]{background:#00000006}[dark=dark] .keyboardcon .text_list .key_item_row .key_item_column .key[data-v-12f118e1]{background:#30303000}.keyboardcon .text_list .key_item_row .key_item_column .key span[data-v-12f118e1]{height:fit-content;line-height:18px}.keyboardcon .text_list .key_item_row .key_item_column .key[data-v-12f118e1]:active{box-shadow:inset 0 0 2px 2px #65708220;transform:scale(.99)}[dark=light] .keyboardcon .text_list .key_item_row .key_item_column .key[data-v-12f118e1]:active{background:#00000038}[dark=dark] .keyboardcon .text_list .key_item_row .key_item_column .key[data-v-12f118e1]:active{background:#ffffff38}.keyboardcon[data-v-12f118e1]{transition:all .3s ease-in-out;transform:translateY(100%);opacity:0}.show[data-v-12f118e1]{transform:translateY(0);opacity:1}