@esportsplus/ui 0.24.2 → 0.24.4
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/build/components/field/index.d.ts +1577 -307
- package/build/components/field/select.d.ts +31 -81
- package/package.json +1 -1
- package/src/components/field/select.ts +11 -14
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
import { type Attributes, type Renderable } from '@esportsplus/template';
|
|
2
|
-
import { Attributes as
|
|
2
|
+
import { Attributes as Attr } from '../../components/scrollbar/index.js';
|
|
3
|
+
type A = {
|
|
4
|
+
'field-mask-arrow'?: Attributes;
|
|
5
|
+
'field-mask-tag'?: Attributes;
|
|
6
|
+
'field-mask-text'?: Attributes;
|
|
7
|
+
'tooltip-content'?: Attributes & {
|
|
8
|
+
direction?: string;
|
|
9
|
+
};
|
|
10
|
+
} & Attributes & Attr;
|
|
11
|
+
declare const select: (this: {
|
|
12
|
+
options: {
|
|
13
|
+
content: unknown;
|
|
14
|
+
} & Attributes;
|
|
15
|
+
option?: Attributes;
|
|
16
|
+
state: {
|
|
17
|
+
active: boolean;
|
|
18
|
+
error: string;
|
|
19
|
+
render: boolean;
|
|
20
|
+
selected: string | number;
|
|
21
|
+
};
|
|
22
|
+
}, attributes: A, content: Renderable<unknown>) => Node;
|
|
3
23
|
declare const _default: {
|
|
4
24
|
(): ReturnType<(this: {
|
|
5
25
|
attributes?: ({
|
|
@@ -131,14 +151,7 @@ declare const _default: {
|
|
|
131
151
|
selected?: number | string;
|
|
132
152
|
};
|
|
133
153
|
})))) | undefined;
|
|
134
|
-
content?: ((mask:
|
|
135
|
-
"field-mask-arrow"?: Attributes;
|
|
136
|
-
"field-mask-tag"?: Attributes;
|
|
137
|
-
"field-mask-text"?: Attributes;
|
|
138
|
-
"tooltip-content"?: Attributes & {
|
|
139
|
-
direction?: string;
|
|
140
|
-
};
|
|
141
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) | undefined;
|
|
154
|
+
content?: ((mask: typeof select) => Renderable<unknown>) | undefined;
|
|
142
155
|
}, attributes: Readonly<{
|
|
143
156
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
144
157
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -267,14 +280,7 @@ declare const _default: {
|
|
|
267
280
|
render: boolean;
|
|
268
281
|
selected?: number | string;
|
|
269
282
|
};
|
|
270
|
-
})))>, content: (mask:
|
|
271
|
-
"field-mask-arrow"?: Attributes;
|
|
272
|
-
"field-mask-tag"?: Attributes;
|
|
273
|
-
"field-mask-text"?: Attributes;
|
|
274
|
-
"tooltip-content"?: Attributes & {
|
|
275
|
-
direction?: string;
|
|
276
|
-
};
|
|
277
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) => Renderable<any>>;
|
|
283
|
+
})))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
|
|
278
284
|
<T extends {
|
|
279
285
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
280
286
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -533,14 +539,7 @@ declare const _default: {
|
|
|
533
539
|
selected?: number | string;
|
|
534
540
|
};
|
|
535
541
|
})))) | undefined;
|
|
536
|
-
content?: ((mask:
|
|
537
|
-
"field-mask-arrow"?: Attributes;
|
|
538
|
-
"field-mask-tag"?: Attributes;
|
|
539
|
-
"field-mask-text"?: Attributes;
|
|
540
|
-
"tooltip-content"?: Attributes & {
|
|
541
|
-
direction?: string;
|
|
542
|
-
};
|
|
543
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) | undefined;
|
|
542
|
+
content?: ((mask: typeof select) => Renderable<unknown>) | undefined;
|
|
544
543
|
}, attributes: Readonly<{
|
|
545
544
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
546
545
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -669,22 +668,8 @@ declare const _default: {
|
|
|
669
668
|
render: boolean;
|
|
670
669
|
selected?: number | string;
|
|
671
670
|
};
|
|
672
|
-
})))>, content: (mask:
|
|
673
|
-
|
|
674
|
-
"field-mask-tag"?: Attributes;
|
|
675
|
-
"field-mask-text"?: Attributes;
|
|
676
|
-
"tooltip-content"?: Attributes & {
|
|
677
|
-
direction?: string;
|
|
678
|
-
};
|
|
679
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) => Renderable<any>>;
|
|
680
|
-
<T extends (mask: (attributes: {
|
|
681
|
-
"field-mask-arrow"?: Attributes;
|
|
682
|
-
"field-mask-tag"?: Attributes;
|
|
683
|
-
"field-mask-text"?: Attributes;
|
|
684
|
-
"tooltip-content"?: Attributes & {
|
|
685
|
-
direction?: string;
|
|
686
|
-
};
|
|
687
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>>(content: T): ReturnType<(this: {
|
|
671
|
+
})))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
|
|
672
|
+
<T extends (mask: typeof select) => Renderable<unknown>>(content: T): ReturnType<(this: {
|
|
688
673
|
attributes?: ({
|
|
689
674
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
690
675
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -814,14 +799,7 @@ declare const _default: {
|
|
|
814
799
|
selected?: number | string;
|
|
815
800
|
};
|
|
816
801
|
})))) | undefined;
|
|
817
|
-
content?: ((mask:
|
|
818
|
-
"field-mask-arrow"?: Attributes;
|
|
819
|
-
"field-mask-tag"?: Attributes;
|
|
820
|
-
"field-mask-text"?: Attributes;
|
|
821
|
-
"tooltip-content"?: Attributes & {
|
|
822
|
-
direction?: string;
|
|
823
|
-
};
|
|
824
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) | undefined;
|
|
802
|
+
content?: ((mask: typeof select) => Renderable<unknown>) | undefined;
|
|
825
803
|
}, attributes: Readonly<{
|
|
826
804
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
827
805
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -950,14 +928,7 @@ declare const _default: {
|
|
|
950
928
|
render: boolean;
|
|
951
929
|
selected?: number | string;
|
|
952
930
|
};
|
|
953
|
-
})))>, content: (mask:
|
|
954
|
-
"field-mask-arrow"?: Attributes;
|
|
955
|
-
"field-mask-tag"?: Attributes;
|
|
956
|
-
"field-mask-text"?: Attributes;
|
|
957
|
-
"tooltip-content"?: Attributes & {
|
|
958
|
-
direction?: string;
|
|
959
|
-
};
|
|
960
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) => Renderable<any>>;
|
|
931
|
+
})))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
|
|
961
932
|
(attributes: {
|
|
962
933
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
963
934
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -1086,14 +1057,7 @@ declare const _default: {
|
|
|
1086
1057
|
render: boolean;
|
|
1087
1058
|
selected?: number | string;
|
|
1088
1059
|
};
|
|
1089
|
-
}))), content: (mask: (
|
|
1090
|
-
"field-mask-arrow"?: Attributes;
|
|
1091
|
-
"field-mask-tag"?: Attributes;
|
|
1092
|
-
"field-mask-text"?: Attributes;
|
|
1093
|
-
"tooltip-content"?: Attributes & {
|
|
1094
|
-
direction?: string;
|
|
1095
|
-
};
|
|
1096
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>): ReturnType<(this: {
|
|
1060
|
+
}))), content: (mask: typeof select) => Renderable<unknown>): ReturnType<(this: {
|
|
1097
1061
|
attributes?: ({
|
|
1098
1062
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
1099
1063
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -1223,14 +1187,7 @@ declare const _default: {
|
|
|
1223
1187
|
selected?: number | string;
|
|
1224
1188
|
};
|
|
1225
1189
|
})))) | undefined;
|
|
1226
|
-
content?: ((mask:
|
|
1227
|
-
"field-mask-arrow"?: Attributes;
|
|
1228
|
-
"field-mask-tag"?: Attributes;
|
|
1229
|
-
"field-mask-text"?: Attributes;
|
|
1230
|
-
"tooltip-content"?: Attributes & {
|
|
1231
|
-
direction?: string;
|
|
1232
|
-
};
|
|
1233
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) | undefined;
|
|
1190
|
+
content?: ((mask: typeof select) => Renderable<unknown>) | undefined;
|
|
1234
1191
|
}, attributes: Readonly<{
|
|
1235
1192
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
1236
1193
|
[key: `data-${string}`]: string | undefined;
|
|
@@ -1359,13 +1316,6 @@ declare const _default: {
|
|
|
1359
1316
|
render: boolean;
|
|
1360
1317
|
selected?: number | string;
|
|
1361
1318
|
};
|
|
1362
|
-
})))>, content: (mask:
|
|
1363
|
-
"field-mask-arrow"?: Attributes;
|
|
1364
|
-
"field-mask-tag"?: Attributes;
|
|
1365
|
-
"field-mask-text"?: Attributes;
|
|
1366
|
-
"tooltip-content"?: Attributes & {
|
|
1367
|
-
direction?: string;
|
|
1368
|
-
};
|
|
1369
|
-
} & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) => Renderable<any>>;
|
|
1319
|
+
})))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
|
|
1370
1320
|
};
|
|
1371
1321
|
export default _default;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@ import { html, type Attributes, type Renderable } from '@esportsplus/template';
|
|
|
3
3
|
import { isObject, omit, toArray } from '@esportsplus/utilities';
|
|
4
4
|
import form from '~/components/form';
|
|
5
5
|
import root from '~/components/root';
|
|
6
|
-
import scrollbar, { Attributes as
|
|
6
|
+
import scrollbar, { Attributes as Attr } from '~/components/scrollbar';
|
|
7
7
|
import template from '~/components/template';
|
|
8
8
|
import error from './error';
|
|
9
9
|
|
|
@@ -22,6 +22,14 @@ const OMIT_MASK = [
|
|
|
22
22
|
const OMIT_OPTION = ['content'];
|
|
23
23
|
|
|
24
24
|
|
|
25
|
+
type A = {
|
|
26
|
+
'field-mask-arrow'?: Attributes;
|
|
27
|
+
'field-mask-tag'?: Attributes;
|
|
28
|
+
'field-mask-text'?: Attributes;
|
|
29
|
+
'tooltip-content'?: Attributes & { direction?: string };
|
|
30
|
+
} & Attributes & Attr;
|
|
31
|
+
|
|
32
|
+
|
|
25
33
|
let field: { active: boolean } | null = null;
|
|
26
34
|
|
|
27
35
|
|
|
@@ -54,12 +62,7 @@ const select = function(
|
|
|
54
62
|
selected: string | number;
|
|
55
63
|
}
|
|
56
64
|
},
|
|
57
|
-
attributes:
|
|
58
|
-
'field-mask-arrow'?: Attributes;
|
|
59
|
-
'field-mask-tag'?: Attributes;
|
|
60
|
-
'field-mask-text'?: Attributes;
|
|
61
|
-
'tooltip-content'?: Attributes & { direction?: string };
|
|
62
|
-
} & Attributes & A,
|
|
65
|
+
attributes: A,
|
|
63
66
|
content: Renderable<unknown>
|
|
64
67
|
) {
|
|
65
68
|
let { option, options, state } = this;
|
|
@@ -176,13 +179,7 @@ export default template.factory<
|
|
|
176
179
|
}
|
|
177
180
|
}
|
|
178
181
|
),
|
|
179
|
-
(mask:
|
|
180
|
-
'field-mask-arrow'?: Attributes;
|
|
181
|
-
'field-mask-tag'?: Attributes;
|
|
182
|
-
'field-mask-text'?: Attributes;
|
|
183
|
-
'tooltip-content'?: Attributes & { direction?: string };
|
|
184
|
-
} & Attributes & A,
|
|
185
|
-
content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>
|
|
182
|
+
(mask: typeof select) => Renderable<unknown>
|
|
186
183
|
>((attributes, content) => {
|
|
187
184
|
let options = attributes.options,
|
|
188
185
|
state = attributes.state || reactive({
|