@dockou/elementplus 1.0.0
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.
- package/index.d.ts +9 -0
- package/index.es.js +46310 -0
- package/index.umd.cjs +214 -0
- package/interface/index.ts +754 -0
- package/interface/rule.ts +211 -0
- package/package.json +23 -0
- package/style.css +1 -0
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
// >>>>> Rule
|
|
2
|
+
// Modified from https://github.com/yiminghe/async-validator/blob/0d51d60086a127b21db76f44dff28ae18c165c47/src/index.d.ts
|
|
3
|
+
export type RuleType =
|
|
4
|
+
| 'string'
|
|
5
|
+
| 'number'
|
|
6
|
+
| 'boolean'
|
|
7
|
+
| 'method'
|
|
8
|
+
| 'regexp'
|
|
9
|
+
| 'integer'
|
|
10
|
+
| 'float'
|
|
11
|
+
| 'array'
|
|
12
|
+
| 'object'
|
|
13
|
+
| 'enum'
|
|
14
|
+
| 'date'
|
|
15
|
+
| 'url'
|
|
16
|
+
| 'hex'
|
|
17
|
+
| 'email'
|
|
18
|
+
| 'pattern'
|
|
19
|
+
| 'any';
|
|
20
|
+
|
|
21
|
+
export interface ValidateOption {
|
|
22
|
+
// whether to suppress internal warning
|
|
23
|
+
suppressWarning?: boolean;
|
|
24
|
+
|
|
25
|
+
// whether to suppress validator error
|
|
26
|
+
suppressValidatorError?: boolean;
|
|
27
|
+
|
|
28
|
+
// when the first validation rule generates an error stop processed
|
|
29
|
+
first?: boolean;
|
|
30
|
+
|
|
31
|
+
// when the first validation rule of the specified field generates an error stop the field processed, 'true' means all fields.
|
|
32
|
+
firstFields?: boolean | string[];
|
|
33
|
+
|
|
34
|
+
messages?: Partial<ValidateMessages>;
|
|
35
|
+
|
|
36
|
+
/** The name of rules need to be trigger. Will validate all rules if leave empty */
|
|
37
|
+
keys?: string[];
|
|
38
|
+
|
|
39
|
+
error?: (rule: InternalRuleItem, message: string) => ValidateError;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export type SyncErrorType = Error | string;
|
|
43
|
+
export type SyncValidateResult = boolean | SyncErrorType | SyncErrorType[];
|
|
44
|
+
export type ValidateResult = void | Promise<void> | SyncValidateResult;
|
|
45
|
+
|
|
46
|
+
export interface RuleItem {
|
|
47
|
+
type?: RuleType; // default type is 'string'
|
|
48
|
+
required?: boolean;
|
|
49
|
+
pattern?: RegExp | string;
|
|
50
|
+
min?: number; // Range of type 'string' and 'array'
|
|
51
|
+
max?: number; // Range of type 'string' and 'array'
|
|
52
|
+
len?: number; // Length of type 'string' and 'array'
|
|
53
|
+
enum?: Array<string | number | boolean | null | undefined>; // possible values of type 'enum'
|
|
54
|
+
whitespace?: boolean;
|
|
55
|
+
fields?: Record<string, Rule>; // ignore when without required
|
|
56
|
+
options?: ValidateOption;
|
|
57
|
+
defaultField?: Rule; // 'object' or 'array' containing validation rules
|
|
58
|
+
transform?: (value: Value) => Value;
|
|
59
|
+
message?: string | ((a?: string) => string);
|
|
60
|
+
asyncValidator?: (
|
|
61
|
+
rule: InternalRuleItem,
|
|
62
|
+
value: Value,
|
|
63
|
+
callback: (error?: string | Error) => void,
|
|
64
|
+
source: Values,
|
|
65
|
+
options: ValidateOption,
|
|
66
|
+
) => void | Promise<void>;
|
|
67
|
+
validator?: (
|
|
68
|
+
rule: InternalRuleItem,
|
|
69
|
+
value: Value,
|
|
70
|
+
callback: (error?: string | Error) => void,
|
|
71
|
+
source: Values,
|
|
72
|
+
options: ValidateOption,
|
|
73
|
+
) => SyncValidateResult | void;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
export type Rule = RuleItem | RuleItem[];
|
|
77
|
+
|
|
78
|
+
export type Rules = Record<string, Rule>;
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Rule for validating a value exists in an enumerable list.
|
|
82
|
+
*
|
|
83
|
+
* @param rule The validation rule.
|
|
84
|
+
* @param value The value of the field on the source object.
|
|
85
|
+
* @param source The source object being validated.
|
|
86
|
+
* @param errors An array of errors that this rule may add
|
|
87
|
+
* validation errors to.
|
|
88
|
+
* @param options The validation options.
|
|
89
|
+
* @param options.messages The validation messages.
|
|
90
|
+
* @param type Rule type
|
|
91
|
+
*/
|
|
92
|
+
export type ExecuteRule = (
|
|
93
|
+
rule: InternalRuleItem,
|
|
94
|
+
value: Value,
|
|
95
|
+
source: Values,
|
|
96
|
+
errors: string[],
|
|
97
|
+
options: ValidateOption,
|
|
98
|
+
type?: string,
|
|
99
|
+
) => void;
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Performs validation for any type.
|
|
103
|
+
*
|
|
104
|
+
* @param rule The validation rule.
|
|
105
|
+
* @param value The value of the field on the source object.
|
|
106
|
+
* @param callback The callback function.
|
|
107
|
+
* @param source The source object being validated.
|
|
108
|
+
* @param options The validation options.
|
|
109
|
+
* @param options.messages The validation messages.
|
|
110
|
+
*/
|
|
111
|
+
export type ExecuteValidator = (
|
|
112
|
+
rule: InternalRuleItem,
|
|
113
|
+
value: Value,
|
|
114
|
+
callback: (error?: string[]) => void,
|
|
115
|
+
source: Values,
|
|
116
|
+
options: ValidateOption,
|
|
117
|
+
) => void;
|
|
118
|
+
|
|
119
|
+
// >>>>> Message
|
|
120
|
+
type ValidateMessage<T extends any[] = unknown[]> =
|
|
121
|
+
| string
|
|
122
|
+
| ((...args: T) => string);
|
|
123
|
+
type FullField = string | undefined;
|
|
124
|
+
type EnumString = string | undefined;
|
|
125
|
+
type Pattern = string | RegExp | undefined;
|
|
126
|
+
type Range = number | undefined;
|
|
127
|
+
type Type = string | undefined;
|
|
128
|
+
|
|
129
|
+
export interface ValidateMessages {
|
|
130
|
+
default?: ValidateMessage;
|
|
131
|
+
required?: ValidateMessage<[FullField]>;
|
|
132
|
+
enum?: ValidateMessage<[FullField, EnumString]>;
|
|
133
|
+
whitespace?: ValidateMessage<[FullField]>;
|
|
134
|
+
date?: {
|
|
135
|
+
format?: ValidateMessage;
|
|
136
|
+
parse?: ValidateMessage;
|
|
137
|
+
invalid?: ValidateMessage;
|
|
138
|
+
};
|
|
139
|
+
types?: {
|
|
140
|
+
string?: ValidateMessage<[FullField, Type]>;
|
|
141
|
+
method?: ValidateMessage<[FullField, Type]>;
|
|
142
|
+
array?: ValidateMessage<[FullField, Type]>;
|
|
143
|
+
object?: ValidateMessage<[FullField, Type]>;
|
|
144
|
+
number?: ValidateMessage<[FullField, Type]>;
|
|
145
|
+
date?: ValidateMessage<[FullField, Type]>;
|
|
146
|
+
boolean?: ValidateMessage<[FullField, Type]>;
|
|
147
|
+
integer?: ValidateMessage<[FullField, Type]>;
|
|
148
|
+
float?: ValidateMessage<[FullField, Type]>;
|
|
149
|
+
regexp?: ValidateMessage<[FullField, Type]>;
|
|
150
|
+
email?: ValidateMessage<[FullField, Type]>;
|
|
151
|
+
url?: ValidateMessage<[FullField, Type]>;
|
|
152
|
+
hex?: ValidateMessage<[FullField, Type]>;
|
|
153
|
+
};
|
|
154
|
+
string?: {
|
|
155
|
+
len?: ValidateMessage<[FullField, Range]>;
|
|
156
|
+
min?: ValidateMessage<[FullField, Range]>;
|
|
157
|
+
max?: ValidateMessage<[FullField, Range]>;
|
|
158
|
+
range?: ValidateMessage<[FullField, Range, Range]>;
|
|
159
|
+
};
|
|
160
|
+
number?: {
|
|
161
|
+
len?: ValidateMessage<[FullField, Range]>;
|
|
162
|
+
min?: ValidateMessage<[FullField, Range]>;
|
|
163
|
+
max?: ValidateMessage<[FullField, Range]>;
|
|
164
|
+
range?: ValidateMessage<[FullField, Range, Range]>;
|
|
165
|
+
};
|
|
166
|
+
array?: {
|
|
167
|
+
len?: ValidateMessage<[FullField, Range]>;
|
|
168
|
+
min?: ValidateMessage<[FullField, Range]>;
|
|
169
|
+
max?: ValidateMessage<[FullField, Range]>;
|
|
170
|
+
range?: ValidateMessage<[FullField, Range, Range]>;
|
|
171
|
+
};
|
|
172
|
+
pattern?: {
|
|
173
|
+
mismatch?: ValidateMessage<[FullField, Value, Pattern]>;
|
|
174
|
+
};
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
export interface InternalValidateMessages extends ValidateMessages {
|
|
178
|
+
clone: () => InternalValidateMessages;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
// >>>>> Values
|
|
182
|
+
export type Value = any;
|
|
183
|
+
export type Values = Record<string, Value>;
|
|
184
|
+
|
|
185
|
+
// >>>>> Validate
|
|
186
|
+
export interface ValidateError {
|
|
187
|
+
message?: string;
|
|
188
|
+
fieldValue?: Value;
|
|
189
|
+
field?: string;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
export type ValidateFieldsError = Record<string, ValidateError[]>;
|
|
193
|
+
|
|
194
|
+
export type ValidateCallback = (
|
|
195
|
+
errors: ValidateError[] | null,
|
|
196
|
+
fields: ValidateFieldsError | Values,
|
|
197
|
+
) => void;
|
|
198
|
+
|
|
199
|
+
export interface RuleValuePackage {
|
|
200
|
+
rule: InternalRuleItem;
|
|
201
|
+
value: Value;
|
|
202
|
+
source: Values;
|
|
203
|
+
field: string;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
export interface InternalRuleItem extends Omit<RuleItem, 'validator'> {
|
|
207
|
+
field?: string;
|
|
208
|
+
fullField?: string;
|
|
209
|
+
fullFields?: string[];
|
|
210
|
+
validator?: RuleItem['validator'] | ExecuteValidator;
|
|
211
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@dockou/elementplus",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"main": "index.umd.cjs",
|
|
5
|
+
"module": "index.es.js",
|
|
6
|
+
"types": "index.d.ts",
|
|
7
|
+
"author": {
|
|
8
|
+
"name": "dackou",
|
|
9
|
+
"email": "dackou@163.com"
|
|
10
|
+
},
|
|
11
|
+
"keywords": [
|
|
12
|
+
"dackou",
|
|
13
|
+
"element-plus",
|
|
14
|
+
"ts",
|
|
15
|
+
"封装组件",
|
|
16
|
+
"二次封装",
|
|
17
|
+
"vue-components"
|
|
18
|
+
],
|
|
19
|
+
"publishConfig": {
|
|
20
|
+
"access": "public",
|
|
21
|
+
"registry": "https://registry.npmjs.org/"
|
|
22
|
+
}
|
|
23
|
+
}
|
package/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.flex[data-v-1414cab7]{display:flex}.item-delimiter[data-v-1414cab7]{color:gray;margin-left:10px;margin-right:10px}.avatar-item[data-v-f6c6d41e]{display:flex;justify-content:center;align-items:center;position:relative}.avatar-item-icon[data-v-f6c6d41e]{display:none;position:absolute;top:0;right:0}.avatar-item:hover .avatar-item-icon[data-v-f6c6d41e]{display:block;color:#999;font-size:18px;z-index:99}.avatar-uploader .avatar[data-v-f6c6d41e]{width:178px;height:178px;display:block}.avatar-uploader-small .avatar[data-v-f6c6d41e]{width:45px;height:45px;display:block}.avatar-uploader .el-upload{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader .el-upload:hover{border-color:var(--el-color-primary)}.el-icon.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}.flex-center[data-v-d5d15f93]{display:flex;justify-content:center;align-items:center}.upload-demo[data-v-c53c14d4],.upload-demo[data-v-7e69ce70]{width:100%}.flex[data-v-1eebac5c]{display:flex}.item-delimiter[data-v-1eebac5c]{color:gray;margin-left:10px;margin-right:10px}.flex[data-v-35d21d1e]{display:flex}.flex-column[data-v-35d21d1e]{display:flex;flex-direction:column}.justify-center[data-v-35d21d1e]{justify-content:center}.align-center[data-v-35d21d1e]{align-items:center}.text-center[data-v-35d21d1e]{justify-content:center;align-items:center}.mt-3[data-v-35d21d1e]{margin-top:12px}.item-delimiter[data-v-35d21d1e]{color:gray;margin-left:10px;margin-right:10px}.item-icon[data-v-35d21d1e]{margin-left:10px;margin-right:10px}.form-table .el-table__header th{background-color:var(--3841f1d6);color:var(--7eae5504)}.multi-table .el-table__header th{background-color:#fff;color:#fff}.multi-table .el-el-table__row *{border-color:#fff!important}.flex[data-v-6bd451b9]{display:flex}.flex-column[data-v-6bd451b9]{display:flex;flex-direction:column}.justify-center[data-v-6bd451b9]{justify-content:center}.align-center[data-v-6bd451b9]{align-items:center}.text-center[data-v-6bd451b9]{justify-content:center;align-items:center}.mt-3[data-v-6bd451b9]{margin-top:12px}.item-delimiter[data-v-6bd451b9]{color:gray;margin-left:10px;margin-right:10px}.item-icon[data-v-6bd451b9]{margin:13px 10px;cursor:pointer}.icon-button[data-v-d9ef5e64]{display:flex;align-items:center}.icon-button .e-icon[data-v-d9ef5e64]{margin-right:5px}.icon-container[data-v-d9ef5e64]{display:flex;align-items:center;flex-wrap:wrap}.icon-item[data-v-d9ef5e64]{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;cursor:pointer}.icon-item[data-v-d9ef5e64] :hover{color:gray}.icon-item .icon-item-title[data-v-d9ef5e64]{margin-top:5px;cursor:pointer}:root,:host{--w-e-textarea-bg-color: #fff;--w-e-textarea-color: #333;--w-e-textarea-border-color: #ccc;--w-e-textarea-slight-border-color: #e8e8e8;--w-e-textarea-slight-color: #d4d4d4;--w-e-textarea-slight-bg-color: #f5f2f0;--w-e-textarea-selected-border-color: #B4D5FF;--w-e-textarea-handler-bg-color: #4290f7;--w-e-toolbar-color: #595959;--w-e-toolbar-bg-color: #fff;--w-e-toolbar-active-color: #333;--w-e-toolbar-active-bg-color: #f1f1f1;--w-e-toolbar-disabled-color: #999;--w-e-toolbar-border-color: #e8e8e8;--w-e-modal-button-bg-color: #fafafa;--w-e-modal-button-border-color: #d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover,.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}.flex-center[data-v-364f8814]{display:flex;justify-content:center;align-items:center}.qrcode-item[data-v-364f8814]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.qrcode[data-v-364f8814]{width:200px!important;height:200px!important}.mb-5[data-v-364f8814]{margin-bottom:20px}.m-3[data-v-364f8814]{margin:12px}.el-menu[data-v-8b2c4751]{border-right:unset!important;border-bottom:unset!important}.el-menu--horizontal[data-v-8b2c4751]{--el-menu-horizontal-height: var(--59e825fe)}.el-menu--vertical[data-v-8b2c4751]:not(.el-menu--collapse){width:var(--6c25bbe2);height:100%}.el-menu-item.is-active[data-v-8b2c4751]:not(.is-disabled):focus:not(.el-menu-item.is-active:not(.is-disabled):hover){background-color:transparent!important}.el-menu-demo>li.el-menu-item>*[data-v-8b2c4751]{color:var(--536a0ec1)!important}.el-menu-demo>li.el-menu-item[data-v-8b2c4751]:hover{background-color:var(--946f9108)!important}.el-menu-demo>li.el-menu-item:hover>*[data-v-8b2c4751]{color:var(--14976cb8)!important;background-color:var(--946f9108)!important}.el-menu-demo>li.el-menu-item.is-active[data-v-8b2c4751]{border-color:var(--14976cb8)!important;background-color:var(--946f9108)!important}.el-menu-demo>li.el-menu-item.is-active>*[data-v-8b2c4751]{color:var(--14976cb8)!important}.el-menu-demo>li.el-sub-menu>.el-sub-menu__title>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>.el-sub-menu__title>*[data-v-8b2c4751]{color:var(--536a0ec1)!important}.el-menu-demo>li.el-sub-menu>.el-sub-menu__title:hover>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>.el-sub-menu__title:hover>*[data-v-8b2c4751]{color:var(--14976cb8)!important}.el-menu-demo>li.el-sub-menu>ul>li.el-menu-item>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-menu-item>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-menu-item>*[data-v-8b2c4751]{color:var(--70f4a120)!important}.el-menu-demo>li.el-sub-menu>ul>li.el-menu-item:hover>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-menu-item:hover>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-menu-item:hover>*[data-v-8b2c4751]{color:var(--32f958c3)!important}.el-menu-demo>li.el-sub-menu>ul>li.el-menu-item.is-active.is-opened>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-menu-item.is-active.is-opened>*[data-v-8b2c4751],.el-menu-demo>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-sub-menu>ul>li.el-menu-item.is-active.is-opened>*[data-v-8b2c4751]{color:orange!important}.menu-demo:not(.el-menu--collapse){width:var(--4ffd6a04);height:var(--0e591aef)}.el-sub-menu__title>*{color:var(--42be30ce)!important;font-size:var(--908eb1ae)!important}.el-sub-menu__title:hover>*{color:var(--b6a9bf08)!important}ul.el-menu.el-menu--inline li.el-menu-item:hover{color:#00f!important;--text-color: #FFF !important;background-color:var(--3481b1f3)!important}ul.el-menu.el-menu--inline li.el-menu-item:active{color:#fff}.el-menu--horizontal.el-menu--popup-container,.el-menu.el-menu--popup.el-menu--popup-bottom-start,.el-menu--popup-container{border:none!important;text-shadow:none!important;box-shadow:0 0 0 ""!important}.el-menu.el-menu--popup{border:none!important;box-shadow:0 0 0 ""!important}.custom-popper{background:transparent;box-shadow:none!important;background-color:#00f}.el-menu[data-v-0a26f47f]{border:none;background-color:var(--7484629e);--submenu-background-color: transparent}.custom-popper[data-v-0a26f47f]{box-shadow:0 0 0 "";background-color:#00f}.example-showcase .el-dropdown-link{cursor:pointer;color:var(--el-color-primary);display:flex;align-items:center}.about-body[data-v-86331ca6]{height:100%;display:flex}.about-item[data-v-86331ca6]{width:50%;height:100%;display:flex;align-items:center}.justify-center[data-v-86331ca6]{justify-content:center}.items-center[data-v-86331ca6]{align-items:center}.item-content[data-v-86331ca6]{margin-left:30px;margin-right:100px;width:100%}.about-title[data-v-86331ca6]{padding-bottom:15px;margin-bottom:15px;font-size:20px;border-bottom:1px solid #DCDCDC}.grid-item[data-v-84a817bf]:hover{border:var(--5665533f);background-color:var(--67d0098b)}.el-menu{border-bottom:var(--d194b5a0)}.el-sub-menu__title:first-child{font-size:var(--95bce6f6)!important;color:var(--239dd942)!important}.el-sub-menu__title:not(:first-child){font-size:var(--00757b07)!important}.el-sub-menu__title:hover{color:var(--97b8cc5a)!important;background-color:var(--7a7a760a)!important}.el-menu-item:first-child{font-size:var(--95bce6f6)!important;color:var(--239dd942)!important}.el-menu-item:not(:first-child){font-size:var(--00757b07)!important}.el-menu-item:hover{color:var(--97b8cc5a)!important;background-color:var(--7a7a760a)!important}.flex-grow{flex-grow:1}.flex[data-v-a4cacca4]{display:flex}.flex-center[data-v-a4cacca4]{display:flex;justify-content:center;align-items:center}.flex-between[data-v-a4cacca4]{display:flex;align-items:center;justify-content:space-between}.flex1[data-v-a4cacca4]{flex:1}.justify-center[data-v-a4cacca4]{justify-content:center}.align-center[data-v-a4cacca4]{align-items:center}.no-wrap[data-v-a4cacca4]{white-space:nowrap;overflow:hidden;word-break:keep-all}.ml-10[data-v-a4cacca4]{margin-left:40px}.data-header[data-v-a4cacca4]{padding:15px 30px;border-radius:5px;background-color:var(--5fb7eb7a)}.header-title[data-v-a4cacca4]{margin-right:60px;border-left:4px solid red;padding-left:8px;height:15px;line-height:15px}.search-form[data-v-a4cacca4]{height:40px!important;line-height:40px!important}.flex[data-v-a509102c]{display:flex}.flex-center[data-v-a509102c]{display:flex;justify-content:center;align-items:center}.flex-between[data-v-a509102c]{display:flex;align-items:center;justify-content:space-between}.flex1[data-v-a509102c]{flex:1}.justify-center[data-v-a509102c]{justify-content:center}.align-center[data-v-a509102c]{align-items:center}.no-wrap[data-v-a509102c]{white-space:nowrap;overflow:hidden;word-break:keep-all}.ml-10[data-v-a509102c]{margin-left:40px}.data-body[data-v-a509102c]{margin-top:15px;padding:15px 30px;border-radius:5px;background-color:var(--1b29f92c)}.flex[data-v-e7180dfb]{display:flex}.flex-center[data-v-e7180dfb]{display:flex;justify-content:center;align-items:center}.flex-between[data-v-e7180dfb]{display:flex;align-items:center;justify-content:space-between}.flex1[data-v-e7180dfb]{flex:1}.data-page[data-v-e7180dfb]{margin-top:15px;padding:15px 30px;border-radius:5px;background-color:var(--ec278530)}.mt-3[data-v-8b160633]{margin-top:12px}.mb-10[data-v-8b160633]{margin-bottom:40px}.mt-20[data-v-8b160633]{margin-top:20px}.mx-10[data-v-8b160633]{margin-left:40px;margin-right:40px}.ml-2[data-v-2b323b4c]{margin-left:8px}.ml-3[data-v-2b323b4c]{margin-left:12px}.mt-5[data-v-2b323b4c]{margin-top:20px}.ml-8[data-v-2b323b4c]{margin-left:32px}.ml-9[data-v-2b323b4c]{margin-left:36px}.ml-10[data-v-2b323b4c]{margin-left:40px}.p-5[data-v-2b323b4c]{padding:20px}.flex[data-v-9b901bf1]{display:flex}.flex-1[data-v-9b901bf1]{flex:1}.el-container[data-v-9b901bf1]{background-color:var(--174be4ca)}.el-main[data-v-9b901bf1]{background-repeat:no-repeat;background-size:100% 100%;opacity:.9}.flex-center[data-v-9b901bf1]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-main[data-v-9b901bf1]{background-color:#fff;border-radius:15px;display:flex;background-color:var(--3cd9e345)}.login-aside[data-v-9b901bf1]{width:100%;height:var(--39f41722);flex:1}.login[data-v-9b901bf1]{width:var(--94d97d04);height:var(--39f41722);background-color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px}.query-main[data-v-bc07d552]{width:100%;height:100%}.margin-top-15[data-v-bc07d552]{margin-top:15px}.margin-30[data-v-bc07d552]{margin:30px}.query-base[data-v-bc07d552]{display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px;border-radius:10px;background-color:#fff}.query-title[data-v-bc07d552]{height:65px;line-height:65px}.query-body[data-v-bc07d552]{padding-top:30px;padding-bottom:30px}.query-data[data-v-bc07d552]{padding-top:20px;padding-bottom:20px}.query-desc[data-v-bc07d552]{width:200px;margin-left:30px;color:gray}.query-error[data-v-bc07d552]{color:red;display:flex;align-items:center;justify-content:space-between}.query-error .el-icon[data-v-bc07d552]{margin-right:5px}.demo-tabs .el-tab-pane[data-v-4b0655ae]:first-child{padding-top:20px}.tab-flex[data-v-4b0655ae]{display:flex;justify-content:center;align-items:center;padding:30px;color:gray;font-size:14px}
|