memorial-ui-component-library 1.0.4-dev.2396 → 1.1.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/README.md +17 -17
- package/package.json +63 -63
- package/src/assets/scss/_transitions.scss +71 -71
- package/src/assets/scss/_variables.module.scss +56 -56
- package/src/assets/scss/main.scss +12 -12
- package/src/assets/scss/scrollbar.scss +33 -33
- package/types/async-validator.d.ts +147 -147
- package/types/autocomplete.d.ts +94 -94
- package/types/button.d.ts +74 -74
- package/types/card.d.ts +27 -27
- package/types/checkbox.d.ts +23 -23
- package/types/component.d.ts +17 -17
- package/types/dialog.d.ts +643 -643
- package/types/divider.d.ts +33 -33
- package/types/element-ui/locale.d.ts +1 -1
- package/types/form.d.ts +122 -122
- package/types/index.d.ts +4 -4
- package/types/input.d.ts +53 -53
- package/types/loader.d.ts +28 -28
- package/types/memorial-ui-component-library.d.ts +41 -41
- package/types/options.d.ts +20 -20
- package/types/popout-menu.d.ts +14 -14
- package/types/radio.d.ts +45 -45
- package/types/rater.d.ts +34 -34
- package/types/select.d.ts +77 -77
- package/dist/demo.html +0 -1
- package/dist/memorial-ui-component-library.common.js +0 -29221
- package/dist/memorial-ui-component-library.common.js.map +0 -1
- package/dist/memorial-ui-component-library.css +0 -1
- package/dist/memorial-ui-component-library.umd.js +0 -29240
- package/dist/memorial-ui-component-library.umd.js.map +0 -1
- package/dist/memorial-ui-component-library.umd.min.js +0 -15
- package/dist/memorial-ui-component-library.umd.min.js.map +0 -1
- package/dist/report.html +0 -53
|
@@ -1,147 +1,147 @@
|
|
|
1
|
-
interface RuleProperty {
|
|
2
|
-
/**
|
|
3
|
-
* Indicates the type of validator to use.
|
|
4
|
-
*/
|
|
5
|
-
type?:
|
|
6
|
-
| 'string'
|
|
7
|
-
| 'number'
|
|
8
|
-
| 'boolean'
|
|
9
|
-
| 'method'
|
|
10
|
-
| 'regexp'
|
|
11
|
-
| 'integer'
|
|
12
|
-
| 'float'
|
|
13
|
-
| 'array'
|
|
14
|
-
| 'object'
|
|
15
|
-
| 'enum'
|
|
16
|
-
| 'date'
|
|
17
|
-
| 'url'
|
|
18
|
-
| 'hex'
|
|
19
|
-
| 'email';
|
|
20
|
-
/**
|
|
21
|
-
* Indicates that the field must exist on the source object being validated.
|
|
22
|
-
*/
|
|
23
|
-
required?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Custom validate function.
|
|
26
|
-
*/
|
|
27
|
-
validator?: (
|
|
28
|
-
rule: RuleProperty,
|
|
29
|
-
value: any,
|
|
30
|
-
callback: (error?: Error) => void
|
|
31
|
-
) => void | boolean | Error | Error[];
|
|
32
|
-
/**
|
|
33
|
-
* Custom async validate function.
|
|
34
|
-
*/
|
|
35
|
-
asyncValidator?: (
|
|
36
|
-
rule: RuleProperty,
|
|
37
|
-
value: any,
|
|
38
|
-
callback: (error?: Error) => void
|
|
39
|
-
) => Promise<void | boolean | Error | Error[]>;
|
|
40
|
-
/**
|
|
41
|
-
* Validate deep object properties you may do so for validation rules that are of the object or array type.
|
|
42
|
-
* @example
|
|
43
|
-
* var descriptor = {
|
|
44
|
-
address: {
|
|
45
|
-
type: "object", required: true, options: {single: true, first: true},
|
|
46
|
-
fields: {
|
|
47
|
-
street: {type: "string", required: true},
|
|
48
|
-
city: {type: "string", required: true},
|
|
49
|
-
zip: {type: "string", required: true, len: 8, message: "invalid zip"}
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
name: {type: "string", required: true}
|
|
53
|
-
}
|
|
54
|
-
*
|
|
55
|
-
* var descriptor = {
|
|
56
|
-
roles: {
|
|
57
|
-
type: "array", required: true, len: 3,
|
|
58
|
-
fields: {
|
|
59
|
-
0: {type: "string", required: true},
|
|
60
|
-
1: {type: "string", required: true},
|
|
61
|
-
2: {type: "string", required: true}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
*/
|
|
66
|
-
fields?: SchemaDescriptor;
|
|
67
|
-
/**
|
|
68
|
-
* Indicates a regular expression that the value must match to pass validation.
|
|
69
|
-
*/
|
|
70
|
-
pattern?: RegExp;
|
|
71
|
-
/**
|
|
72
|
-
* Minimum value within a range. For string and array types comparison is performed against the length, for number types the number must not be less than min.
|
|
73
|
-
*/
|
|
74
|
-
min?: number;
|
|
75
|
-
/**
|
|
76
|
-
* Minimum value within a range. For string and array types comparison is performed against the length, for number types the number must not be greater than max.
|
|
77
|
-
*/
|
|
78
|
-
max?: number;
|
|
79
|
-
/**
|
|
80
|
-
* Exact length of the value. For string and array types comparison is performed on the length property, for the number type this property indicates an exact match for the number, ie, it may only be strictly equal to len.
|
|
81
|
-
*/
|
|
82
|
-
len?: number;
|
|
83
|
-
/**
|
|
84
|
-
* To validate a value from a list of possible values use the enum type with a enum property listing the valid values for the field.
|
|
85
|
-
* @example
|
|
86
|
-
* var descriptor = {
|
|
87
|
-
role: {type: "enum", enum: ['admin', 'user', 'guest']}
|
|
88
|
-
}
|
|
89
|
-
*/
|
|
90
|
-
enum?: any[];
|
|
91
|
-
/**
|
|
92
|
-
* Test for a string that consists solely of whitespace. The rule must be a string type.
|
|
93
|
-
*/
|
|
94
|
-
whitespace?: boolean;
|
|
95
|
-
/**
|
|
96
|
-
* Can be used with the array or object type for validating all values of the container. It may be an object or array containing validation rules.
|
|
97
|
-
* @example
|
|
98
|
-
* var descriptor = {
|
|
99
|
-
urls: {
|
|
100
|
-
type: "array", required: true,
|
|
101
|
-
defaultField: {type: "url"}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
*/
|
|
105
|
-
defaultField?: RuleProperty | RuleProperty[];
|
|
106
|
-
/**
|
|
107
|
-
* Transform a value before validation. The property is transformed prior to validation and re-assigned to the source object to mutate the value of the property in place.
|
|
108
|
-
*/
|
|
109
|
-
transform?: (value: any) => any;
|
|
110
|
-
/**
|
|
111
|
-
* Message to display in the event of a validation error.
|
|
112
|
-
*/
|
|
113
|
-
message?: string | Function | any /* JSX.Element */;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
export interface SchemaDescriptor {
|
|
117
|
-
[modelProp: string]: RuleProperty | RuleProperty[];
|
|
118
|
-
[arrIndex: number]: RuleProperty | RuleProperty[];
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
export interface ValidationOptions {
|
|
122
|
-
/**
|
|
123
|
-
* Whether tu suppress internal warning logged to console about invalid fields
|
|
124
|
-
*/
|
|
125
|
-
suppressWarning?: boolean;
|
|
126
|
-
/**
|
|
127
|
-
* Invoke callback when the first validation rule generates an error, no more validation rules are processed. If your validation involves multiple asynchronous calls (for example, database queries) and you only need the first error use this option.
|
|
128
|
-
*/
|
|
129
|
-
first?: boolean;
|
|
130
|
-
/**
|
|
131
|
-
* Invoke callback when the first validation rule of the specified field generates an error, no more validation rules of the same field are processed. true means all fields.
|
|
132
|
-
*/
|
|
133
|
-
firstFields?: boolean | string[];
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
export interface ValidationError {
|
|
137
|
-
message: string | Function | any /* JSX.Element */;
|
|
138
|
-
field: string;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
export class ValidationResult {
|
|
142
|
-
errors: ValidationError[];
|
|
143
|
-
fields: {
|
|
144
|
-
[modelProp: string]: ValidationError[];
|
|
145
|
-
[arrIndex: number]: ValidationError[];
|
|
146
|
-
};
|
|
147
|
-
}
|
|
1
|
+
interface RuleProperty {
|
|
2
|
+
/**
|
|
3
|
+
* Indicates the type of validator to use.
|
|
4
|
+
*/
|
|
5
|
+
type?:
|
|
6
|
+
| 'string'
|
|
7
|
+
| 'number'
|
|
8
|
+
| 'boolean'
|
|
9
|
+
| 'method'
|
|
10
|
+
| 'regexp'
|
|
11
|
+
| 'integer'
|
|
12
|
+
| 'float'
|
|
13
|
+
| 'array'
|
|
14
|
+
| 'object'
|
|
15
|
+
| 'enum'
|
|
16
|
+
| 'date'
|
|
17
|
+
| 'url'
|
|
18
|
+
| 'hex'
|
|
19
|
+
| 'email';
|
|
20
|
+
/**
|
|
21
|
+
* Indicates that the field must exist on the source object being validated.
|
|
22
|
+
*/
|
|
23
|
+
required?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Custom validate function.
|
|
26
|
+
*/
|
|
27
|
+
validator?: (
|
|
28
|
+
rule: RuleProperty,
|
|
29
|
+
value: any,
|
|
30
|
+
callback: (error?: Error) => void
|
|
31
|
+
) => void | boolean | Error | Error[];
|
|
32
|
+
/**
|
|
33
|
+
* Custom async validate function.
|
|
34
|
+
*/
|
|
35
|
+
asyncValidator?: (
|
|
36
|
+
rule: RuleProperty,
|
|
37
|
+
value: any,
|
|
38
|
+
callback: (error?: Error) => void
|
|
39
|
+
) => Promise<void | boolean | Error | Error[]>;
|
|
40
|
+
/**
|
|
41
|
+
* Validate deep object properties you may do so for validation rules that are of the object or array type.
|
|
42
|
+
* @example
|
|
43
|
+
* var descriptor = {
|
|
44
|
+
address: {
|
|
45
|
+
type: "object", required: true, options: {single: true, first: true},
|
|
46
|
+
fields: {
|
|
47
|
+
street: {type: "string", required: true},
|
|
48
|
+
city: {type: "string", required: true},
|
|
49
|
+
zip: {type: "string", required: true, len: 8, message: "invalid zip"}
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
name: {type: "string", required: true}
|
|
53
|
+
}
|
|
54
|
+
*
|
|
55
|
+
* var descriptor = {
|
|
56
|
+
roles: {
|
|
57
|
+
type: "array", required: true, len: 3,
|
|
58
|
+
fields: {
|
|
59
|
+
0: {type: "string", required: true},
|
|
60
|
+
1: {type: "string", required: true},
|
|
61
|
+
2: {type: "string", required: true}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
*/
|
|
66
|
+
fields?: SchemaDescriptor;
|
|
67
|
+
/**
|
|
68
|
+
* Indicates a regular expression that the value must match to pass validation.
|
|
69
|
+
*/
|
|
70
|
+
pattern?: RegExp;
|
|
71
|
+
/**
|
|
72
|
+
* Minimum value within a range. For string and array types comparison is performed against the length, for number types the number must not be less than min.
|
|
73
|
+
*/
|
|
74
|
+
min?: number;
|
|
75
|
+
/**
|
|
76
|
+
* Minimum value within a range. For string and array types comparison is performed against the length, for number types the number must not be greater than max.
|
|
77
|
+
*/
|
|
78
|
+
max?: number;
|
|
79
|
+
/**
|
|
80
|
+
* Exact length of the value. For string and array types comparison is performed on the length property, for the number type this property indicates an exact match for the number, ie, it may only be strictly equal to len.
|
|
81
|
+
*/
|
|
82
|
+
len?: number;
|
|
83
|
+
/**
|
|
84
|
+
* To validate a value from a list of possible values use the enum type with a enum property listing the valid values for the field.
|
|
85
|
+
* @example
|
|
86
|
+
* var descriptor = {
|
|
87
|
+
role: {type: "enum", enum: ['admin', 'user', 'guest']}
|
|
88
|
+
}
|
|
89
|
+
*/
|
|
90
|
+
enum?: any[];
|
|
91
|
+
/**
|
|
92
|
+
* Test for a string that consists solely of whitespace. The rule must be a string type.
|
|
93
|
+
*/
|
|
94
|
+
whitespace?: boolean;
|
|
95
|
+
/**
|
|
96
|
+
* Can be used with the array or object type for validating all values of the container. It may be an object or array containing validation rules.
|
|
97
|
+
* @example
|
|
98
|
+
* var descriptor = {
|
|
99
|
+
urls: {
|
|
100
|
+
type: "array", required: true,
|
|
101
|
+
defaultField: {type: "url"}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
*/
|
|
105
|
+
defaultField?: RuleProperty | RuleProperty[];
|
|
106
|
+
/**
|
|
107
|
+
* Transform a value before validation. The property is transformed prior to validation and re-assigned to the source object to mutate the value of the property in place.
|
|
108
|
+
*/
|
|
109
|
+
transform?: (value: any) => any;
|
|
110
|
+
/**
|
|
111
|
+
* Message to display in the event of a validation error.
|
|
112
|
+
*/
|
|
113
|
+
message?: string | Function | any /* JSX.Element */;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
export interface SchemaDescriptor {
|
|
117
|
+
[modelProp: string]: RuleProperty | RuleProperty[];
|
|
118
|
+
[arrIndex: number]: RuleProperty | RuleProperty[];
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
export interface ValidationOptions {
|
|
122
|
+
/**
|
|
123
|
+
* Whether tu suppress internal warning logged to console about invalid fields
|
|
124
|
+
*/
|
|
125
|
+
suppressWarning?: boolean;
|
|
126
|
+
/**
|
|
127
|
+
* Invoke callback when the first validation rule generates an error, no more validation rules are processed. If your validation involves multiple asynchronous calls (for example, database queries) and you only need the first error use this option.
|
|
128
|
+
*/
|
|
129
|
+
first?: boolean;
|
|
130
|
+
/**
|
|
131
|
+
* Invoke callback when the first validation rule of the specified field generates an error, no more validation rules of the same field are processed. true means all fields.
|
|
132
|
+
*/
|
|
133
|
+
firstFields?: boolean | string[];
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
export interface ValidationError {
|
|
137
|
+
message: string | Function | any /* JSX.Element */;
|
|
138
|
+
field: string;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
export class ValidationResult {
|
|
142
|
+
errors: ValidationError[];
|
|
143
|
+
fields: {
|
|
144
|
+
[modelProp: string]: ValidationError[];
|
|
145
|
+
[arrIndex: number]: ValidationError[];
|
|
146
|
+
};
|
|
147
|
+
}
|
package/types/autocomplete.d.ts
CHANGED
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
import { MemorialUIFormPluginComponent } from './component';
|
|
2
|
-
|
|
3
|
-
export interface SdAutoCompleteSuggestionEntry {
|
|
4
|
-
readonly id: any;
|
|
5
|
-
readonly label: string;
|
|
6
|
-
[prop: string]: any;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
/** Autocomplete component */
|
|
10
|
-
export declare class SdAutoComplete extends MemorialUIFormPluginComponent {
|
|
11
|
-
/**
|
|
12
|
-
* The value to bind the autocomplete to.
|
|
13
|
-
*/
|
|
14
|
-
value: string | null;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Collection of suggestion items to always include in the suggestions list.
|
|
18
|
-
*/
|
|
19
|
-
suggestions: SdAutoCompleteSuggestionEntry[];
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Function to execute when no matching suggestion exist within the suggestions list. Function should return an array of suggestions.
|
|
23
|
-
* @param input The the string provided to the input box.
|
|
24
|
-
* @param value The current bound value of the component.
|
|
25
|
-
*/
|
|
26
|
-
fetchSuggestions: (
|
|
27
|
-
input: string,
|
|
28
|
-
value?: any
|
|
29
|
-
) =>
|
|
30
|
-
| SdAutoCompleteSuggestionEntry[]
|
|
31
|
-
| Promise<SdAutoCompleteSuggestionEntry[]>;
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Debounce delay for invoking the remote search when typing, in milliseconds.
|
|
35
|
-
* @default 300
|
|
36
|
-
*/
|
|
37
|
-
debounce: number;
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* Wether to execute the remote search on creation. The component must be provided with a valid value.
|
|
41
|
-
* @default false
|
|
42
|
-
*/
|
|
43
|
-
preFetch: boolean;
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Highlights the matched substring in each suggestion entry.
|
|
47
|
-
* @default true
|
|
48
|
-
*/
|
|
49
|
-
highlightMatch: boolean;
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Whether to emit a select event on enter when there is no autocomplete match.
|
|
53
|
-
* @default false
|
|
54
|
-
*/
|
|
55
|
-
selectWhenUnmatched: boolean;
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Whether reset the input to its previously bound value or clear it entirely when a user navigates away with an input that produces no suggestion match.
|
|
59
|
-
* @default 'reset'
|
|
60
|
-
*/
|
|
61
|
-
onNoMatchBlur: 'reset' | 'clear';
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* The minimum number of characters required to invoke the remote search.
|
|
65
|
-
* @default 2
|
|
66
|
-
*/
|
|
67
|
-
min: number;
|
|
68
|
-
|
|
69
|
-
/**
|
|
70
|
-
* The maximum allowed number of characters to invoke the remote search.
|
|
71
|
-
*/
|
|
72
|
-
max?: number;
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* Whether the component is disabled.
|
|
76
|
-
* @default false
|
|
77
|
-
*/
|
|
78
|
-
disabled: boolean;
|
|
79
|
-
|
|
80
|
-
/** Whether the input can be cleared */
|
|
81
|
-
clearable: boolean;
|
|
82
|
-
|
|
83
|
-
/** When set, the component emits the value of the property indicated by this key on the selected `SdAutoCompleteSuggestion` object. */
|
|
84
|
-
objKey?: string;
|
|
85
|
-
|
|
86
|
-
/** Optional sort function used to order the list of suggestions. */
|
|
87
|
-
sortFunction?: (
|
|
88
|
-
a: SdAutoCompleteSuggestionEntry,
|
|
89
|
-
b: SdAutoCompleteSuggestionEntry
|
|
90
|
-
) => -1 | 0 | 1;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
declare const plugin: SdAutoComplete;
|
|
94
|
-
export default plugin;
|
|
1
|
+
import { MemorialUIFormPluginComponent } from './component';
|
|
2
|
+
|
|
3
|
+
export interface SdAutoCompleteSuggestionEntry {
|
|
4
|
+
readonly id: any;
|
|
5
|
+
readonly label: string;
|
|
6
|
+
[prop: string]: any;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
/** Autocomplete component */
|
|
10
|
+
export declare class SdAutoComplete extends MemorialUIFormPluginComponent {
|
|
11
|
+
/**
|
|
12
|
+
* The value to bind the autocomplete to.
|
|
13
|
+
*/
|
|
14
|
+
value: string | null;
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Collection of suggestion items to always include in the suggestions list.
|
|
18
|
+
*/
|
|
19
|
+
suggestions: SdAutoCompleteSuggestionEntry[];
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Function to execute when no matching suggestion exist within the suggestions list. Function should return an array of suggestions.
|
|
23
|
+
* @param input The the string provided to the input box.
|
|
24
|
+
* @param value The current bound value of the component.
|
|
25
|
+
*/
|
|
26
|
+
fetchSuggestions: (
|
|
27
|
+
input: string,
|
|
28
|
+
value?: any
|
|
29
|
+
) =>
|
|
30
|
+
| SdAutoCompleteSuggestionEntry[]
|
|
31
|
+
| Promise<SdAutoCompleteSuggestionEntry[]>;
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Debounce delay for invoking the remote search when typing, in milliseconds.
|
|
35
|
+
* @default 300
|
|
36
|
+
*/
|
|
37
|
+
debounce: number;
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Wether to execute the remote search on creation. The component must be provided with a valid value.
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
preFetch: boolean;
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Highlights the matched substring in each suggestion entry.
|
|
47
|
+
* @default true
|
|
48
|
+
*/
|
|
49
|
+
highlightMatch: boolean;
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Whether to emit a select event on enter when there is no autocomplete match.
|
|
53
|
+
* @default false
|
|
54
|
+
*/
|
|
55
|
+
selectWhenUnmatched: boolean;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Whether reset the input to its previously bound value or clear it entirely when a user navigates away with an input that produces no suggestion match.
|
|
59
|
+
* @default 'reset'
|
|
60
|
+
*/
|
|
61
|
+
onNoMatchBlur: 'reset' | 'clear';
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* The minimum number of characters required to invoke the remote search.
|
|
65
|
+
* @default 2
|
|
66
|
+
*/
|
|
67
|
+
min: number;
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* The maximum allowed number of characters to invoke the remote search.
|
|
71
|
+
*/
|
|
72
|
+
max?: number;
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Whether the component is disabled.
|
|
76
|
+
* @default false
|
|
77
|
+
*/
|
|
78
|
+
disabled: boolean;
|
|
79
|
+
|
|
80
|
+
/** Whether the input can be cleared */
|
|
81
|
+
clearable: boolean;
|
|
82
|
+
|
|
83
|
+
/** When set, the component emits the value of the property indicated by this key on the selected `SdAutoCompleteSuggestion` object. */
|
|
84
|
+
objKey?: string;
|
|
85
|
+
|
|
86
|
+
/** Optional sort function used to order the list of suggestions. */
|
|
87
|
+
sortFunction?: (
|
|
88
|
+
a: SdAutoCompleteSuggestionEntry,
|
|
89
|
+
b: SdAutoCompleteSuggestionEntry
|
|
90
|
+
) => -1 | 0 | 1;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
declare const plugin: SdAutoComplete;
|
|
94
|
+
export default plugin;
|
package/types/button.d.ts
CHANGED
|
@@ -1,74 +1,74 @@
|
|
|
1
|
-
import { MemorialUIPluginComponent } from './component';
|
|
2
|
-
|
|
3
|
-
export type SdButtonType = 'default' | 'primary' | 'secondary';
|
|
4
|
-
|
|
5
|
-
export declare class SdButtonIconConfiguration {
|
|
6
|
-
icon: string | string[];
|
|
7
|
-
pos: 'left' | 'right' | undefined;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
/** Button component */
|
|
11
|
-
export declare class SdButton extends MemorialUIPluginComponent {
|
|
12
|
-
/**
|
|
13
|
-
* Button type
|
|
14
|
-
* @default 'default'
|
|
15
|
-
*/
|
|
16
|
-
type: SdButtonType;
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Determine whether the button has rounded corners.
|
|
20
|
-
* @default false
|
|
21
|
-
*/
|
|
22
|
-
round: boolean;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Determine whether the button is a circle.
|
|
26
|
-
* @default false
|
|
27
|
-
*/
|
|
28
|
-
circle: boolean;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Determine whether the button is just text.
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
text: boolean;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Indicates that this is a forms submit button.
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
submit: boolean;
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* Indicates that this is a forms reset button.
|
|
44
|
-
* @default false
|
|
45
|
-
*/
|
|
46
|
-
reset: boolean;
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* The size of the button.
|
|
50
|
-
* @default 'medium''
|
|
51
|
-
*/
|
|
52
|
-
size: 'mini' | 'small' | 'medium' | 'large';
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Specifies the type of DOM element to use, i.e. button, a, etc..
|
|
56
|
-
* @default 'Button'
|
|
57
|
-
*/
|
|
58
|
-
tag: string;
|
|
59
|
-
|
|
60
|
-
/** Whether the button is disabled. */
|
|
61
|
-
disabled: boolean;
|
|
62
|
-
|
|
63
|
-
/** The CSS class name of the **fontawesome** icon to use for this component. */
|
|
64
|
-
icon?: string | string[] | SdButtonIconConfiguration;
|
|
65
|
-
|
|
66
|
-
/** Whether the button has a label provided. */
|
|
67
|
-
hasLabel: boolean;
|
|
68
|
-
|
|
69
|
-
/** Triggers a click action. */
|
|
70
|
-
click(): void;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
declare const plugin: SdButton;
|
|
74
|
-
export default plugin;
|
|
1
|
+
import { MemorialUIPluginComponent } from './component';
|
|
2
|
+
|
|
3
|
+
export type SdButtonType = 'default' | 'primary' | 'secondary';
|
|
4
|
+
|
|
5
|
+
export declare class SdButtonIconConfiguration {
|
|
6
|
+
icon: string | string[];
|
|
7
|
+
pos: 'left' | 'right' | undefined;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/** Button component */
|
|
11
|
+
export declare class SdButton extends MemorialUIPluginComponent {
|
|
12
|
+
/**
|
|
13
|
+
* Button type
|
|
14
|
+
* @default 'default'
|
|
15
|
+
*/
|
|
16
|
+
type: SdButtonType;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Determine whether the button has rounded corners.
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
round: boolean;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Determine whether the button is a circle.
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
circle: boolean;
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Determine whether the button is just text.
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
text: boolean;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Indicates that this is a forms submit button.
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
submit: boolean;
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Indicates that this is a forms reset button.
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
reset: boolean;
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* The size of the button.
|
|
50
|
+
* @default 'medium''
|
|
51
|
+
*/
|
|
52
|
+
size: 'mini' | 'small' | 'medium' | 'large';
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Specifies the type of DOM element to use, i.e. button, a, etc..
|
|
56
|
+
* @default 'Button'
|
|
57
|
+
*/
|
|
58
|
+
tag: string;
|
|
59
|
+
|
|
60
|
+
/** Whether the button is disabled. */
|
|
61
|
+
disabled: boolean;
|
|
62
|
+
|
|
63
|
+
/** The CSS class name of the **fontawesome** icon to use for this component. */
|
|
64
|
+
icon?: string | string[] | SdButtonIconConfiguration;
|
|
65
|
+
|
|
66
|
+
/** Whether the button has a label provided. */
|
|
67
|
+
hasLabel: boolean;
|
|
68
|
+
|
|
69
|
+
/** Triggers a click action. */
|
|
70
|
+
click(): void;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
declare const plugin: SdButton;
|
|
74
|
+
export default plugin;
|