vanilla-jui 1.7.30 → 1.7.31
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/dist/index.d.ts +253 -331
- package/dist/index.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +8 -4
- package/src/css/themes/default/tooltip.css +1 -1
- package/src/primitives/tooltip.ts +4 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { MaybeAccessor, Renderable } from "vanilla-signal";
|
|
2
|
-
//#region src/utilities/browser.d.ts
|
|
3
2
|
declare global {
|
|
4
3
|
interface Navigator {
|
|
5
4
|
userAgentData?: {
|
|
@@ -20,7 +19,7 @@ declare global {
|
|
|
20
19
|
/**
|
|
21
20
|
* 采用 MDN 推荐的组合策略:特性检测优先,UA 嗅探兜底
|
|
22
21
|
*/
|
|
23
|
-
declare function isMobile(): boolean;
|
|
22
|
+
export declare function isMobile(): boolean;
|
|
24
23
|
/**
|
|
25
24
|
* 复制文本到剪贴板。
|
|
26
25
|
*
|
|
@@ -28,12 +27,10 @@ declare function isMobile(): boolean;
|
|
|
28
27
|
* @param {unknown} text 需要复制的文本(接受任意类型,内部会安全转换为字符串)。
|
|
29
28
|
* @returns {Promise<boolean>} 是否复制成功。
|
|
30
29
|
*/
|
|
31
|
-
declare function copy(text: unknown): Promise<boolean>;
|
|
32
|
-
type SupportES2022 = boolean;
|
|
33
|
-
declare function isModernBrowser(): SupportES2022;
|
|
34
|
-
declare function checkModernBrowser(): SupportES2022;
|
|
35
|
-
//#endregion
|
|
36
|
-
//#region src/utilities/id.d.ts
|
|
30
|
+
export declare function copy(text: unknown): Promise<boolean>;
|
|
31
|
+
export type SupportES2022 = boolean;
|
|
32
|
+
export declare function isModernBrowser(): SupportES2022;
|
|
33
|
+
export declare function checkModernBrowser(): SupportES2022;
|
|
37
34
|
/**
|
|
38
35
|
* 生成标准 UUID v4 字符串。
|
|
39
36
|
*
|
|
@@ -42,7 +39,7 @@ declare function checkModernBrowser(): SupportES2022;
|
|
|
42
39
|
*
|
|
43
40
|
* @returns UUID v4 字符串(如 xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx)
|
|
44
41
|
*/
|
|
45
|
-
declare function uuid(): string;
|
|
42
|
+
export declare function uuid(): string;
|
|
46
43
|
/**
|
|
47
44
|
* 生成适合 DOM id 的随机字符串。
|
|
48
45
|
*
|
|
@@ -52,7 +49,7 @@ declare function uuid(): string;
|
|
|
52
49
|
* @returns 随机字符串
|
|
53
50
|
* @throws {Error} 长度不在有效范围内时抛出错误
|
|
54
51
|
*/
|
|
55
|
-
declare function randomId(length?: number): string;
|
|
52
|
+
export declare function randomId(length?: number): string;
|
|
56
53
|
/**
|
|
57
54
|
* 查询参数值类型
|
|
58
55
|
*/
|
|
@@ -76,22 +73,20 @@ type QueryParams = Record<string, QueryParamValue>;
|
|
|
76
73
|
* // 返回: "2k7x9f3m4n5p"
|
|
77
74
|
* ```
|
|
78
75
|
*/
|
|
79
|
-
declare function hashQueryParams(params: QueryParams, bytes?: number): Promise<string>;
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
type ContainerExpect = '
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type
|
|
86
|
-
type
|
|
87
|
-
type
|
|
88
|
-
type
|
|
89
|
-
type
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
declare function joinClasses(...tokens: ClassNameToken[]): string;
|
|
94
|
-
interface LazyRenderOptions {
|
|
76
|
+
export declare function hashQueryParams(params: QueryParams, bytes?: number): Promise<string>;
|
|
77
|
+
export type ContainerExpect = 'node' | 'element' | 'array';
|
|
78
|
+
export type ResolveContainerResult<TExpect extends ContainerExpect = 'element'> = TExpect extends 'array' ? Node[] : TExpect extends 'node' ? Node : Element;
|
|
79
|
+
export type RequireContainerResult<TExpect extends ContainerExpect = 'element'> = NonNullable<ResolveContainerResult<TExpect>>;
|
|
80
|
+
export type DOMReference = Node | string | readonly DOMReference[] | false | null | undefined;
|
|
81
|
+
export type QueryContext = Document | DocumentFragment | Element;
|
|
82
|
+
export type CleanupFunction = () => void;
|
|
83
|
+
export type LazyRenderTarget = string | Element;
|
|
84
|
+
export type LazyRenderCallback = () => void;
|
|
85
|
+
export type ClassNameToken = string | false | null | undefined;
|
|
86
|
+
export type RenderableContent<TContext = unknown> = Node | string | number | boolean | null | undefined | readonly RenderableContent<TContext>[] | ((context: TContext) => RenderableContent<TContext>);
|
|
87
|
+
export declare function asRenderable<TContext>(value: RenderableContent<TContext>): Renderable;
|
|
88
|
+
export declare function joinClasses(...tokens: ClassNameToken[]): string;
|
|
89
|
+
export interface LazyRenderOptions {
|
|
95
90
|
threshold?: number | number[];
|
|
96
91
|
rootMargin?: string;
|
|
97
92
|
root?: Element | Document | null;
|
|
@@ -102,13 +97,13 @@ interface LazyRenderOptions {
|
|
|
102
97
|
* @param {*} value 需要判断的值。
|
|
103
98
|
* @returns {boolean}
|
|
104
99
|
*/
|
|
105
|
-
declare function isNode(value: unknown): value is Node;
|
|
100
|
+
export declare function isNode(value: unknown): value is Node;
|
|
106
101
|
/**
|
|
107
102
|
* 判断是否为 DOM Element。
|
|
108
103
|
* @param {*} value 需要判断的值。
|
|
109
104
|
* @returns {boolean}
|
|
110
105
|
*/
|
|
111
|
-
declare function isElement(value: unknown): value is Element;
|
|
106
|
+
export declare function isElement(value: unknown): value is Element;
|
|
112
107
|
/**
|
|
113
108
|
* 将 DOM 引用解析为节点列表。
|
|
114
109
|
*
|
|
@@ -122,7 +117,7 @@ declare function isElement(value: unknown): value is Element;
|
|
|
122
117
|
* @param {Element|Node|string|Array|false|null|undefined} ref 元素引用、选择器、节点或空值。
|
|
123
118
|
* @returns {Node[]|null}
|
|
124
119
|
*/
|
|
125
|
-
declare function resolveNodeList(ref: DOMReference): Node[] | null;
|
|
120
|
+
export declare function resolveNodeList(ref: DOMReference): Node[] | null;
|
|
126
121
|
/**
|
|
127
122
|
* 将 DOM 引用解析为节点。
|
|
128
123
|
*
|
|
@@ -135,7 +130,7 @@ declare function resolveNodeList(ref: DOMReference): Node[] | null;
|
|
|
135
130
|
* @param {Element|Node|string|Array|false|null|undefined} ref 元素引用、选择器、节点或空值。
|
|
136
131
|
* @returns {Node|null}
|
|
137
132
|
*/
|
|
138
|
-
declare function resolveNode(ref: DOMReference): Node | null;
|
|
133
|
+
export declare function resolveNode(ref: DOMReference): Node | null;
|
|
139
134
|
/**
|
|
140
135
|
* 将 DOM 引用解析为元素。
|
|
141
136
|
*
|
|
@@ -148,7 +143,7 @@ declare function resolveNode(ref: DOMReference): Node | null;
|
|
|
148
143
|
* @param {Element|Node|string|Array|false|null|undefined} ref 元素引用、选择器、节点或空值。
|
|
149
144
|
* @returns {Element|null}
|
|
150
145
|
*/
|
|
151
|
-
declare function resolveElement(ref: DOMReference): Element | null;
|
|
146
|
+
export declare function resolveElement(ref: DOMReference): Element | null;
|
|
152
147
|
/**
|
|
153
148
|
* 统一解析容器引用。
|
|
154
149
|
*
|
|
@@ -157,7 +152,7 @@ declare function resolveElement(ref: DOMReference): Element | null;
|
|
|
157
152
|
* @param {'node'|'element'|'array'} [expect='element'] 期望返回类型。
|
|
158
153
|
* @returns {Node|Element|Node[]|null}
|
|
159
154
|
*/
|
|
160
|
-
declare function resolveContainer<TExpect extends ContainerExpect = 'element'>(container: DOMReference, namespace?: string, expect?: TExpect): ResolveContainerResult<TExpect> | null;
|
|
155
|
+
export declare function resolveContainer<TExpect extends ContainerExpect = 'element'>(container: DOMReference, namespace?: string, expect?: TExpect): ResolveContainerResult<TExpect> | null;
|
|
161
156
|
/**
|
|
162
157
|
* 强制解析容器并要求返回值存在。
|
|
163
158
|
*
|
|
@@ -166,27 +161,27 @@ declare function resolveContainer<TExpect extends ContainerExpect = 'element'>(c
|
|
|
166
161
|
* @param {'node'|'element'|'array'} [expect='element'] 期望返回类型。
|
|
167
162
|
* @returns {Node|Element|Node[]}
|
|
168
163
|
*/
|
|
169
|
-
declare function requireContainer<TExpect extends ContainerExpect = 'element'>(container: DOMReference, namespace?: string, expect?: TExpect): RequireContainerResult<TExpect>;
|
|
164
|
+
export declare function requireContainer<TExpect extends ContainerExpect = 'element'>(container: DOMReference, namespace?: string, expect?: TExpect): RequireContainerResult<TExpect>;
|
|
170
165
|
/**
|
|
171
166
|
* 判断是否为组件可渲染内容。
|
|
172
167
|
* @param {*} value 需要判断的值。
|
|
173
168
|
* @returns {boolean}
|
|
174
169
|
*/
|
|
175
|
-
declare function isRenderableContent(value: unknown): value is RenderableContent;
|
|
170
|
+
export declare function isRenderableContent(value: unknown): value is RenderableContent;
|
|
176
171
|
/**
|
|
177
172
|
* 根据 CSS 选择器获取第一个匹配的元素。
|
|
178
173
|
* @param {string} selector CSS 选择器。
|
|
179
174
|
* @param {Document|Element} [context=document] 查询范围。
|
|
180
175
|
* @returns {Element|null}
|
|
181
176
|
*/
|
|
182
|
-
declare function q<TElement extends Element = Element>(selector: string, context?: QueryContext): TElement | null;
|
|
177
|
+
export declare function q<TElement extends Element = Element>(selector: string, context?: QueryContext): TElement | null;
|
|
183
178
|
/**
|
|
184
179
|
* 根据 CSS 选择器获取所有匹配的元素。
|
|
185
180
|
* @param {string} selector CSS 选择器。
|
|
186
181
|
* @param {Document|Element} [context=document] 查询范围。
|
|
187
182
|
* @returns {Element[]}
|
|
188
183
|
*/
|
|
189
|
-
declare function all<TElement extends Element = Element>(selector: string, context?: QueryContext): TElement[];
|
|
184
|
+
export declare function all<TElement extends Element = Element>(selector: string, context?: QueryContext): TElement[];
|
|
190
185
|
/**
|
|
191
186
|
* 当目标元素进入可视区域时执行渲染回调,仅执行一次后自动清理。
|
|
192
187
|
*
|
|
@@ -197,9 +192,7 @@ declare function all<TElement extends Element = Element>(selector: string, conte
|
|
|
197
192
|
* @param {Object} [options] 配置项。
|
|
198
193
|
* @returns {Function} 停止观察的清理函数。
|
|
199
194
|
*/
|
|
200
|
-
declare function lazyRender(target: LazyRenderTarget, renderCallback: LazyRenderCallback, options?: LazyRenderOptions): CleanupFunction;
|
|
201
|
-
//#endregion
|
|
202
|
-
//#region src/utilities/events.d.ts
|
|
195
|
+
export declare function lazyRender(target: LazyRenderTarget, renderCallback: LazyRenderCallback, options?: LazyRenderOptions): CleanupFunction;
|
|
203
196
|
/**
|
|
204
197
|
* 绑定 DOM 事件并返回一次性解绑函数。
|
|
205
198
|
*
|
|
@@ -211,11 +204,11 @@ declare function lazyRender(target: LazyRenderTarget, renderCallback: LazyRender
|
|
|
211
204
|
* @param {boolean | AddEventListenerOptions} [options] - 事件选项。
|
|
212
205
|
* @returns {() => void} 解绑函数,可重复调用。
|
|
213
206
|
*/
|
|
214
|
-
declare function listen<T extends EventTarget, K extends string>(target: T, type: K, handler: (this: T, ev: Event) => any, options?: boolean | AddEventListenerOptions): () => void;
|
|
207
|
+
export declare function listen<T extends EventTarget, K extends string>(target: T, type: K, handler: (this: T, ev: Event) => any, options?: boolean | AddEventListenerOptions): () => void;
|
|
215
208
|
/**
|
|
216
209
|
* 事件管理器实例的接口定义
|
|
217
210
|
*/
|
|
218
|
-
interface IEventManager {
|
|
211
|
+
export interface IEventManager {
|
|
219
212
|
/**
|
|
220
213
|
* 绑定事件并自动记录解绑函数。
|
|
221
214
|
* 同一个 key 重复绑定时会先解绑旧事件,避免组件重渲染时重复监听。
|
|
@@ -235,14 +228,12 @@ interface IEventManager {
|
|
|
235
228
|
* - 同一个 key 重复绑定时会先解绑旧事件,避免组件重渲染时重复监听。
|
|
236
229
|
* - `off(key)` 和 `clear()` 用于跨作用域精确释放。
|
|
237
230
|
*/
|
|
238
|
-
declare function createEventManager(): IEventManager;
|
|
239
|
-
//#endregion
|
|
240
|
-
//#region src/utilities/http.d.ts
|
|
231
|
+
export declare function createEventManager(): IEventManager;
|
|
241
232
|
/**
|
|
242
233
|
* 当前站点 WordPress REST API 根地址。
|
|
243
234
|
* @type {string}
|
|
244
235
|
*/
|
|
245
|
-
declare const restUrl: string;
|
|
236
|
+
export declare const restUrl: string;
|
|
246
237
|
/**
|
|
247
238
|
* 发送 JSON POST 请求并解析 JSON 响应。
|
|
248
239
|
* @template T - 期望返回的 JSON 数据类型
|
|
@@ -251,37 +242,29 @@ declare const restUrl: string;
|
|
|
251
242
|
* @param {RequestInit} [options] - 透传给 fetch 的请求配置(排除 method 和 body)
|
|
252
243
|
* @returns {Promise<T>} 解析后的 JSON 响应体
|
|
253
244
|
*/
|
|
254
|
-
declare function postJson<T = unknown>(url: string, body: unknown, options?: Omit<RequestInit, 'method' | 'body'>): Promise<T>;
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
declare function isPlainObject(value: unknown): boolean;
|
|
258
|
-
//#endregion
|
|
259
|
-
//#region src/utilities/timer.d.ts
|
|
260
|
-
declare const timer: {
|
|
245
|
+
export declare function postJson<T = unknown>(url: string, body: unknown, options?: Omit<RequestInit, 'method' | 'body'>): Promise<T>;
|
|
246
|
+
export declare function isPlainObject(value: unknown): boolean;
|
|
247
|
+
export declare const timer: {
|
|
261
248
|
timers: Record<string, number>;
|
|
262
249
|
start(key: string, duration: number, callback: () => void): void;
|
|
263
250
|
cancel(key: string): void;
|
|
264
251
|
};
|
|
265
|
-
|
|
266
|
-
//#region src/utilities/string.d.ts
|
|
267
|
-
declare function removeSpaces(value: string | null | undefined): string;
|
|
268
|
-
//#endregion
|
|
269
|
-
//#region src/utilities/types.d.ts
|
|
252
|
+
export declare function removeSpaces(value: string | null | undefined): string;
|
|
270
253
|
type LooseRecord$1 = Record<string, unknown>;
|
|
271
254
|
type ValueTypeName = string;
|
|
272
255
|
type TypeRule = ValueTypeName | readonly ValueTypeName[];
|
|
273
|
-
declare function isNilValue(value: unknown): value is null | undefined;
|
|
274
|
-
declare function isDomNodeValue(value: unknown): value is Node;
|
|
275
|
-
declare function isDomElementValue(value: unknown): value is Element;
|
|
276
|
-
declare function isHtmlElementValue(value: unknown): value is HTMLElement;
|
|
277
|
-
declare function isRenderablePrimitive(value: unknown): value is string | number | boolean;
|
|
278
|
-
declare function isRenderableValue(value: unknown): boolean;
|
|
279
|
-
declare const getType: (val: unknown) => string;
|
|
280
|
-
type ValidateCondition = ((value: unknown) => boolean) | {
|
|
256
|
+
export declare function isNilValue(value: unknown): value is null | undefined;
|
|
257
|
+
export declare function isDomNodeValue(value: unknown): value is Node;
|
|
258
|
+
export declare function isDomElementValue(value: unknown): value is Element;
|
|
259
|
+
export declare function isHtmlElementValue(value: unknown): value is HTMLElement;
|
|
260
|
+
export declare function isRenderablePrimitive(value: unknown): value is string | number | boolean;
|
|
261
|
+
export declare function isRenderableValue(value: unknown): boolean;
|
|
262
|
+
export declare const getType: (val: unknown) => string;
|
|
263
|
+
export type ValidateCondition = ((value: unknown) => boolean) | {
|
|
281
264
|
test: (value: unknown) => boolean;
|
|
282
265
|
message?: string;
|
|
283
266
|
};
|
|
284
|
-
interface ParamRule<_TInput extends LooseRecord$1 = LooseRecord$1> {
|
|
267
|
+
export interface ParamRule<_TInput extends LooseRecord$1 = LooseRecord$1> {
|
|
285
268
|
type?: TypeRule;
|
|
286
269
|
types?: TypeRule;
|
|
287
270
|
required?: boolean;
|
|
@@ -304,74 +287,64 @@ interface ParamRule<_TInput extends LooseRecord$1 = LooseRecord$1> {
|
|
|
304
287
|
default?: unknown;
|
|
305
288
|
[key: string]: unknown;
|
|
306
289
|
}
|
|
307
|
-
type ParamRuleInput<TInput extends LooseRecord$1 = LooseRecord$1> = TypeRule | ParamRule<TInput>;
|
|
308
|
-
type ParamShapeSchema<TInput extends LooseRecord$1 = LooseRecord$1> = Record<string, ParamRuleInput<TInput>>;
|
|
309
|
-
declare function validateParam<TInput extends LooseRecord$1 = LooseRecord$1>(name: string, value: unknown, rule?: ParamRuleInput<TInput>, namespace?: string): unknown;
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
type MergeStrategy = 'replace' | 'shallow' | 'deep' | ((defaultValue: unknown, inputValue: unknown, context: MergeContext) => unknown);
|
|
313
|
-
interface MergeContext {
|
|
290
|
+
export type ParamRuleInput<TInput extends LooseRecord$1 = LooseRecord$1> = TypeRule | ParamRule<TInput>;
|
|
291
|
+
export type ParamShapeSchema<TInput extends LooseRecord$1 = LooseRecord$1> = Record<string, ParamRuleInput<TInput>>;
|
|
292
|
+
export declare function validateParam<TInput extends LooseRecord$1 = LooseRecord$1>(name: string, value: unknown, rule?: ParamRuleInput<TInput>, namespace?: string): unknown;
|
|
293
|
+
export type MergeStrategy = 'replace' | 'shallow' | 'deep' | ((defaultValue: unknown, inputValue: unknown, context: MergeContext) => unknown);
|
|
294
|
+
export interface MergeContext {
|
|
314
295
|
key: string;
|
|
315
296
|
path: string;
|
|
316
297
|
}
|
|
317
|
-
declare function cloneConfigValue<T>(value: T): T;
|
|
318
|
-
declare function mergeShallowConfig(defaultValue: unknown, inputValue: unknown): unknown;
|
|
319
|
-
declare function mergeDeepConfig(defaultValue: unknown, inputValue: unknown): unknown;
|
|
320
|
-
declare function mergeConfigValue(defaultValue: unknown, inputValue: unknown, strategy: MergeStrategy | undefined, context: MergeContext): unknown;
|
|
321
|
-
//#endregion
|
|
322
|
-
//#region src/utilities/config.d.ts
|
|
298
|
+
export declare function cloneConfigValue<T>(value: T): T;
|
|
299
|
+
export declare function mergeShallowConfig(defaultValue: unknown, inputValue: unknown): unknown;
|
|
300
|
+
export declare function mergeDeepConfig(defaultValue: unknown, inputValue: unknown): unknown;
|
|
301
|
+
export declare function mergeConfigValue(defaultValue: unknown, inputValue: unknown, strategy: MergeStrategy | undefined, context: MergeContext): unknown;
|
|
323
302
|
type LooseRecord = Record<string, unknown>;
|
|
324
303
|
type ConfigTypeRule = string | readonly string[];
|
|
325
|
-
interface ConfigNormalizeContext<TInput extends LooseRecord = LooseRecord> {
|
|
304
|
+
export interface ConfigNormalizeContext<TInput extends LooseRecord = LooseRecord> {
|
|
326
305
|
key: string;
|
|
327
306
|
path: string;
|
|
328
307
|
input: TInput;
|
|
329
308
|
options: LooseRecord;
|
|
330
309
|
schema: ConfigSchema<TInput>;
|
|
331
310
|
}
|
|
332
|
-
interface ConfigRule<TInput extends LooseRecord = LooseRecord> extends Omit<ParamRule<TInput>, 'normalize' | 'shape'> {
|
|
311
|
+
export interface ConfigRule<TInput extends LooseRecord = LooseRecord> extends Omit<ParamRule<TInput>, 'normalize' | 'shape'> {
|
|
333
312
|
defaultFactory?: () => unknown;
|
|
334
313
|
merge?: MergeStrategy;
|
|
335
314
|
schema?: ConfigSchema;
|
|
336
315
|
normalize?: (value: unknown, context: ConfigNormalizeContext<TInput>) => unknown;
|
|
337
316
|
}
|
|
338
|
-
type ConfigRuleInput<TInput extends LooseRecord = LooseRecord> = ConfigTypeRule | ConfigRule<TInput>;
|
|
339
|
-
type ConfigSchema<TInput extends LooseRecord = LooseRecord> = Record<string, ConfigRuleInput<TInput>>;
|
|
340
|
-
type ResolvedConfig<TSchema extends object> = LooseRecord & { [Key in keyof TSchema]: unknown; };
|
|
341
|
-
declare function resolveConfig<TInput extends LooseRecord, TSchema extends ConfigSchema<TInput>>(input?: TInput | null | undefined, schema?: TSchema, namespace?: string): ResolvedConfig<TSchema>;
|
|
342
|
-
|
|
343
|
-
//#region src/utilities/state.d.ts
|
|
344
|
-
interface StateSyncOptions {
|
|
317
|
+
export type ConfigRuleInput<TInput extends LooseRecord = LooseRecord> = ConfigTypeRule | ConfigRule<TInput>;
|
|
318
|
+
export type ConfigSchema<TInput extends LooseRecord = LooseRecord> = Record<string, ConfigRuleInput<TInput>>;
|
|
319
|
+
export type ResolvedConfig<TSchema extends object> = LooseRecord & { [Key in keyof TSchema]: unknown; };
|
|
320
|
+
export declare function resolveConfig<TInput extends LooseRecord, TSchema extends ConfigSchema<TInput>>(input?: TInput | null | undefined, schema?: TSchema, namespace?: string): ResolvedConfig<TSchema>;
|
|
321
|
+
export interface StateSyncOptions {
|
|
345
322
|
deferInitial?: boolean;
|
|
346
323
|
flushInitial?: boolean;
|
|
347
324
|
flush?: 'microtask' | 'sync';
|
|
348
325
|
}
|
|
349
|
-
declare function getStoreVersion(value: unknown): number;
|
|
350
|
-
declare function trackStoreVersion<T>(value: T): T;
|
|
351
|
-
declare function stateSnapshot<T>(value: T): T;
|
|
326
|
+
export declare function getStoreVersion(value: unknown): number;
|
|
327
|
+
export declare function trackStoreVersion<T>(value: T): T;
|
|
328
|
+
export declare function stateSnapshot<T>(value: T): T;
|
|
352
329
|
/**
|
|
353
330
|
* Bridges reactive state to an expensive imperative effect. Declarative view
|
|
354
331
|
* bindings should depend on state directly instead of using this helper.
|
|
355
332
|
*/
|
|
356
|
-
declare function createStateSync<TSnapshot>(read: () => TSnapshot, sync: (snapshot: TSnapshot) => void | Promise<void>, { deferInitial, flushInitial, flush }?: StateSyncOptions): () => void;
|
|
357
|
-
|
|
358
|
-
//#region src/utilities/refs.d.ts
|
|
359
|
-
interface ElementRef<TElement extends Element> {
|
|
333
|
+
export declare function createStateSync<TSnapshot>(read: () => TSnapshot, sync: (snapshot: TSnapshot) => void | Promise<void>, { deferInitial, flushInitial, flush }?: StateSyncOptions): () => void;
|
|
334
|
+
export interface ElementRef<TElement extends Element> {
|
|
360
335
|
readonly current: TElement | null;
|
|
361
336
|
set: (element: TElement) => void;
|
|
362
337
|
clear: () => void;
|
|
363
338
|
}
|
|
364
|
-
declare function createElementRef<TElement extends Element>(): ElementRef<TElement>;
|
|
365
|
-
interface KeyedElementRefs<TKey, TElement extends Element> {
|
|
339
|
+
export declare function createElementRef<TElement extends Element>(): ElementRef<TElement>;
|
|
340
|
+
export interface KeyedElementRefs<TKey, TElement extends Element> {
|
|
366
341
|
readonly elements: ReadonlyMap<TKey, TElement>;
|
|
367
342
|
get: (key: TKey) => TElement | undefined;
|
|
368
343
|
bind: (key: TKey) => (element: TElement) => void;
|
|
369
344
|
delete: (key: TKey) => void;
|
|
370
345
|
clear: () => void;
|
|
371
346
|
}
|
|
372
|
-
declare function createKeyedElementRefs<TKey, TElement extends Element>(): KeyedElementRefs<TKey, TElement>;
|
|
373
|
-
//#endregion
|
|
374
|
-
//#region src/utilities/validator.d.ts
|
|
347
|
+
export declare function createKeyedElementRefs<TKey, TElement extends Element>(): KeyedElementRefs<TKey, TElement>;
|
|
375
348
|
type ValidatorElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
|
|
376
349
|
type ValidatorMessageMap = Record<string, Partial<Record<string, string>>>;
|
|
377
350
|
type ValidatorCustomResult = boolean | string;
|
|
@@ -404,10 +377,10 @@ interface ValidatorProps extends Record<string, unknown> {
|
|
|
404
377
|
className?: ValidatorClassNameConfig;
|
|
405
378
|
onSubmit?: ((validator: ValidatorInstance) => void) | null;
|
|
406
379
|
}
|
|
407
|
-
interface ValidatorClassNames {
|
|
380
|
+
export interface ValidatorClassNames {
|
|
408
381
|
help: string;
|
|
409
382
|
}
|
|
410
|
-
type ValidatorClassNameConfig = Partial<ValidatorClassNames>;
|
|
383
|
+
export type ValidatorClassNameConfig = Partial<ValidatorClassNames>;
|
|
411
384
|
interface ResolvedValidatorProps extends Record<string, unknown> {
|
|
412
385
|
rules: Record<string, ValidatorRule>;
|
|
413
386
|
messages: ValidatorMessageMap;
|
|
@@ -424,7 +397,7 @@ interface ValidatorRuntime {
|
|
|
424
397
|
interface ResetOptions {
|
|
425
398
|
native?: boolean;
|
|
426
399
|
}
|
|
427
|
-
interface ValidatorInstance {
|
|
400
|
+
export interface ValidatorInstance {
|
|
428
401
|
readonly element: HTMLFormElement | null;
|
|
429
402
|
props: ResolvedValidatorProps | null;
|
|
430
403
|
runtime: ValidatorRuntime;
|
|
@@ -432,10 +405,8 @@ interface ValidatorInstance {
|
|
|
432
405
|
reset(options?: ResetOptions): void;
|
|
433
406
|
destroy(): void;
|
|
434
407
|
}
|
|
435
|
-
declare function createValidator(element: DOMReference, props?: ValidatorProps, bindEvents?: boolean): ValidatorInstance;
|
|
436
|
-
|
|
437
|
-
//#region src/utilities/compress.d.ts
|
|
438
|
-
interface CompressOptions {
|
|
408
|
+
export declare function createValidator(element: DOMReference, props?: ValidatorProps, bindEvents?: boolean): ValidatorInstance;
|
|
409
|
+
export interface CompressOptions {
|
|
439
410
|
/** 压缩质量,范围 0-1,默认 0.7 */
|
|
440
411
|
quality?: number;
|
|
441
412
|
/** 目标宽度(像素),不指定则按原图比例缩放 */
|
|
@@ -443,7 +414,7 @@ interface CompressOptions {
|
|
|
443
414
|
/** 目标高度(像素),不指定则按原图比例缩放 */
|
|
444
415
|
height?: number;
|
|
445
416
|
}
|
|
446
|
-
interface ImgCompressInstance {
|
|
417
|
+
export interface ImgCompressInstance {
|
|
447
418
|
/**
|
|
448
419
|
* 将图片路径转换为压缩后的 base64 数据
|
|
449
420
|
* @param path - 图片文件路径或 base64 字符串
|
|
@@ -492,22 +463,18 @@ declare function getImgCompressInstance(options?: CompressOptions): ImgCompressI
|
|
|
492
463
|
* 重置单例实例(用于测试或重新配置)
|
|
493
464
|
*/
|
|
494
465
|
declare function resetImgCompressInstance(): void;
|
|
495
|
-
//#endregion
|
|
496
|
-
//#region src/core/scheduler.d.ts
|
|
497
466
|
interface ScheduledTask {
|
|
498
467
|
schedule: () => void;
|
|
499
468
|
flush: () => void;
|
|
500
469
|
cancel: () => void;
|
|
501
470
|
dispose: () => void;
|
|
502
471
|
}
|
|
503
|
-
declare function createScheduledTask(run: () => void): ScheduledTask;
|
|
504
|
-
|
|
505
|
-
//#region src/core/view.d.ts
|
|
506
|
-
interface OwnedView<TElement extends Element> {
|
|
472
|
+
export declare function createScheduledTask(run: () => void): ScheduledTask;
|
|
473
|
+
export interface OwnedView<TElement extends Element> {
|
|
507
474
|
element: TElement;
|
|
508
475
|
dispose: () => void;
|
|
509
476
|
}
|
|
510
|
-
interface OwnedViewOptions {
|
|
477
|
+
export interface OwnedViewOptions {
|
|
511
478
|
removeOnDispose?: boolean;
|
|
512
479
|
}
|
|
513
480
|
/**
|
|
@@ -515,36 +482,32 @@ interface OwnedViewOptions {
|
|
|
515
482
|
* Reactive accessors declared by the factory retain the owner, while the
|
|
516
483
|
* factory itself is not turned into a replaceable dynamic region.
|
|
517
484
|
*/
|
|
518
|
-
declare function createOwnedView<TElement extends Element>(factory: () => TElement, options?: OwnedViewOptions): OwnedView<TElement>;
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
type TransitionTarget = () => Element | null | undefined;
|
|
522
|
-
interface TransitionDefinition {
|
|
485
|
+
export declare function createOwnedView<TElement extends Element>(factory: () => TElement, options?: OwnedViewOptions): OwnedView<TElement>;
|
|
486
|
+
export type TransitionTarget = () => Element | null | undefined;
|
|
487
|
+
export interface TransitionDefinition {
|
|
523
488
|
keyframes: Keyframe[] | PropertyIndexedKeyframes;
|
|
524
489
|
options?: KeyframeAnimationOptions;
|
|
525
490
|
respectReducedMotion?: boolean;
|
|
526
491
|
}
|
|
527
|
-
interface MotionController {
|
|
492
|
+
export interface MotionController {
|
|
528
493
|
enter: (signal?: AbortSignal) => Promise<void>;
|
|
529
494
|
leave: (signal?: AbortSignal) => Promise<void>;
|
|
530
495
|
cancel: () => void;
|
|
531
496
|
}
|
|
532
|
-
interface CollapseTransitionDefinition {
|
|
497
|
+
export interface CollapseTransitionDefinition {
|
|
533
498
|
axis?: 'vertical' | 'horizontal';
|
|
534
499
|
options?: KeyframeAnimationOptions;
|
|
535
500
|
fade?: boolean;
|
|
536
501
|
respectReducedMotion?: boolean;
|
|
537
502
|
}
|
|
538
|
-
interface CollapseMotionController extends MotionController {
|
|
503
|
+
export interface CollapseMotionController extends MotionController {
|
|
539
504
|
setExpanded: (expanded: boolean) => void;
|
|
540
505
|
}
|
|
541
|
-
declare function createMotionGroup(...motions: readonly MotionController[]): MotionController;
|
|
542
|
-
declare function createTransition(target: TransitionTarget, definition: TransitionDefinition): MotionController;
|
|
543
|
-
declare function createCollapseTransition(target: () => HTMLElement | null | undefined, definition?: CollapseTransitionDefinition): CollapseMotionController;
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
type PresencePhase = 'hidden' | 'entering' | 'visible' | 'leaving';
|
|
547
|
-
interface PresenceOptions {
|
|
506
|
+
export declare function createMotionGroup(...motions: readonly MotionController[]): MotionController;
|
|
507
|
+
export declare function createTransition(target: TransitionTarget, definition: TransitionDefinition): MotionController;
|
|
508
|
+
export declare function createCollapseTransition(target: () => HTMLElement | null | undefined, definition?: CollapseTransitionDefinition): CollapseMotionController;
|
|
509
|
+
export type PresencePhase = 'hidden' | 'entering' | 'visible' | 'leaving';
|
|
510
|
+
export interface PresenceOptions {
|
|
548
511
|
elements: () => readonly (Element | null | undefined)[];
|
|
549
512
|
mount: () => void;
|
|
550
513
|
activate: () => void;
|
|
@@ -552,20 +515,18 @@ interface PresenceOptions {
|
|
|
552
515
|
unmount: () => void;
|
|
553
516
|
motion?: MotionController;
|
|
554
517
|
}
|
|
555
|
-
interface PresenceController {
|
|
518
|
+
export interface PresenceController {
|
|
556
519
|
readonly phase: PresencePhase;
|
|
557
520
|
enter: () => Promise<boolean>;
|
|
558
521
|
leave: () => Promise<boolean>;
|
|
559
522
|
cancel: () => void;
|
|
560
523
|
}
|
|
561
|
-
declare function waitForMotion(elements: readonly Element[], signal?: AbortSignal): Promise<void>;
|
|
562
|
-
declare function createPresence(options: PresenceOptions): PresenceController;
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
type
|
|
566
|
-
|
|
567
|
-
type IconAttributeValue = string | number | boolean | null | undefined;
|
|
568
|
-
interface IconProps {
|
|
524
|
+
export declare function waitForMotion(elements: readonly Element[], signal?: AbortSignal): Promise<void>;
|
|
525
|
+
export declare function createPresence(options: PresenceOptions): PresenceController;
|
|
526
|
+
export type IconPathMap = Record<string, string>;
|
|
527
|
+
export type IconName = string;
|
|
528
|
+
export type IconAttributeValue = string | number | boolean | null | undefined;
|
|
529
|
+
export interface IconProps {
|
|
569
530
|
className?: IconAttributeValue;
|
|
570
531
|
[attribute: string]: IconAttributeValue;
|
|
571
532
|
}
|
|
@@ -578,7 +539,7 @@ interface IconProps {
|
|
|
578
539
|
* @returns {SVGElement}
|
|
579
540
|
* @throws {Error} 图标不存在或非 DOM 环境时抛出。
|
|
580
541
|
*/
|
|
581
|
-
declare function icon(name: IconName, props?: IconProps): SVGElement;
|
|
542
|
+
export declare function icon(name: IconName, props?: IconProps): SVGElement;
|
|
582
543
|
/**
|
|
583
544
|
* 获取完整 SVG 字符串。
|
|
584
545
|
*
|
|
@@ -586,13 +547,13 @@ declare function icon(name: IconName, props?: IconProps): SVGElement;
|
|
|
586
547
|
* @param {string} name 图标名称。
|
|
587
548
|
* @returns {string}
|
|
588
549
|
*/
|
|
589
|
-
declare function iconHtml(name: IconName): string;
|
|
590
|
-
declare const iconMarkup: typeof iconHtml;
|
|
550
|
+
export declare function iconHtml(name: IconName): string;
|
|
551
|
+
export declare const iconMarkup: typeof iconHtml;
|
|
591
552
|
/**
|
|
592
553
|
* 获取当前已注册图标的 path 片段浅拷贝。
|
|
593
554
|
* @returns {Record<string, string>}
|
|
594
555
|
*/
|
|
595
|
-
declare function getRegistedIconPath(): IconPathMap;
|
|
556
|
+
export declare function getRegistedIconPath(): IconPathMap;
|
|
596
557
|
/**
|
|
597
558
|
* 批量注册自定义图标。
|
|
598
559
|
*
|
|
@@ -600,28 +561,22 @@ declare function getRegistedIconPath(): IconPathMap;
|
|
|
600
561
|
* @param {Record<string, string>} svgPathObjects 图标名称到 SVG path 的映射。
|
|
601
562
|
* @returns {void}
|
|
602
563
|
*/
|
|
603
|
-
declare function addIcons(svgPathObjects: IconPathMap): void;
|
|
604
|
-
|
|
605
|
-
//#region src/primitives/loading.d.ts
|
|
606
|
-
type flexPosition = 'center' | 'flex-start' | 'flex-end';
|
|
564
|
+
export declare function addIcons(svgPathObjects: IconPathMap): void;
|
|
565
|
+
export type flexPosition = 'center' | 'flex-start' | 'flex-end';
|
|
607
566
|
/**
|
|
608
567
|
* 创建通用加载状态节点
|
|
609
568
|
* 定位 absolute 撑满父元素 居中 背景模糊滤镜
|
|
610
569
|
* @returns {HTMLElement}
|
|
611
570
|
*/
|
|
612
|
-
declare function createLoading(xDirection?: flexPosition, yDirection?: flexPosition): HTMLDivElement;
|
|
613
|
-
|
|
614
|
-
//#region src/primitives/popup.d.ts
|
|
615
|
-
interface PopupProps extends Record<string, unknown> {
|
|
571
|
+
export declare function createLoading(xDirection?: flexPosition, yDirection?: flexPosition): HTMLDivElement;
|
|
572
|
+
export interface PopupProps extends Record<string, unknown> {
|
|
616
573
|
className?: string;
|
|
617
574
|
position?: string;
|
|
618
575
|
component?: string;
|
|
619
576
|
labelledby?: string;
|
|
620
577
|
content?: RenderableContent;
|
|
621
578
|
}
|
|
622
|
-
declare function createPopup(props?: PopupProps): HTMLElement;
|
|
623
|
-
//#endregion
|
|
624
|
-
//#region src/primitives/drop.d.ts
|
|
579
|
+
export declare function createPopup(props?: PopupProps): HTMLElement;
|
|
625
580
|
type DropMode$1 = 'hover' | 'click';
|
|
626
581
|
type DropPosition$1 = 'auto' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left' | 'right';
|
|
627
582
|
interface DropClassNames {
|
|
@@ -664,7 +619,7 @@ interface ResolvedDropProps extends Record<string, unknown> {
|
|
|
664
619
|
onShown: NonNullable<DropProps['onShown']> | null;
|
|
665
620
|
onHidden: NonNullable<DropProps['onHidden']> | null;
|
|
666
621
|
}
|
|
667
|
-
interface DropInstance {
|
|
622
|
+
export interface DropInstance {
|
|
668
623
|
readonly target: Element | null;
|
|
669
624
|
readonly props: ResolvedDropProps;
|
|
670
625
|
readonly element: HTMLElement | null;
|
|
@@ -681,9 +636,7 @@ interface DropInstance {
|
|
|
681
636
|
*
|
|
682
637
|
* 可用于菜单、提示、下拉面板等场景,支持点击或 hover 触发,并自动计算视口内位置。
|
|
683
638
|
*/
|
|
684
|
-
declare function createDrop(reference: DOMReference, input?: DropProps): DropInstance;
|
|
685
|
-
//#endregion
|
|
686
|
-
//#region src/primitives/tooltip.d.ts
|
|
639
|
+
export declare function createDrop(reference: DOMReference, input?: DropProps): DropInstance;
|
|
687
640
|
type DropInstance$1 = ReturnType<typeof createDrop>;
|
|
688
641
|
type DropMode = 'hover' | 'click';
|
|
689
642
|
type DropPosition = 'auto' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left' | 'right';
|
|
@@ -691,7 +644,7 @@ interface DropDelay {
|
|
|
691
644
|
show?: number;
|
|
692
645
|
hide?: number;
|
|
693
646
|
}
|
|
694
|
-
interface TooltipInstance {
|
|
647
|
+
export interface TooltipInstance {
|
|
695
648
|
readonly element: HTMLElement | null;
|
|
696
649
|
readonly drop: DropInstance$1 | null;
|
|
697
650
|
show(useDelay?: boolean): void;
|
|
@@ -706,12 +659,12 @@ interface TooltipClassNames {
|
|
|
706
659
|
}
|
|
707
660
|
interface TooltipThemeClassNames {
|
|
708
661
|
reverse: string;
|
|
709
|
-
|
|
662
|
+
info: string;
|
|
710
663
|
success: string;
|
|
711
664
|
warning: string;
|
|
712
665
|
error: string;
|
|
713
666
|
}
|
|
714
|
-
type TooltipTheme = false | 'reverse' | '
|
|
667
|
+
type TooltipTheme = false | 'reverse' | 'info' | 'success' | 'warning' | 'error';
|
|
715
668
|
type TooltipClassNameConfig = Partial<Omit<TooltipClassNames, 'ui'>> & {
|
|
716
669
|
ui?: Partial<TooltipThemeClassNames>;
|
|
717
670
|
};
|
|
@@ -736,11 +689,9 @@ interface TooltipProps extends Record<string, unknown> {
|
|
|
736
689
|
*
|
|
737
690
|
* 基于 Drop 实现,提供更轻量的文本提示封装。
|
|
738
691
|
*/
|
|
739
|
-
declare function createTooltip(element: DOMReference, input?: TooltipProps): TooltipInstance;
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
type ToastTheme = '' | 'info' | 'success' | 'warning' | 'error';
|
|
743
|
-
interface ToastClassNames {
|
|
692
|
+
export declare function createTooltip(element: DOMReference, input?: TooltipProps): TooltipInstance;
|
|
693
|
+
export type ToastTheme = '' | 'info' | 'success' | 'warning' | 'error';
|
|
694
|
+
export interface ToastClassNames {
|
|
744
695
|
container: string;
|
|
745
696
|
toast: string;
|
|
746
697
|
icon: string;
|
|
@@ -756,14 +707,14 @@ interface ToastClassNames {
|
|
|
756
707
|
warning: string;
|
|
757
708
|
error: string;
|
|
758
709
|
}
|
|
759
|
-
type ToastClassNameConfig = Partial<ToastClassNames>;
|
|
760
|
-
interface ToastClassNameOptions {
|
|
710
|
+
export type ToastClassNameConfig = Partial<ToastClassNames>;
|
|
711
|
+
export interface ToastClassNameOptions {
|
|
761
712
|
className?: ToastClassNameConfig;
|
|
762
713
|
}
|
|
763
|
-
interface ToastThemeOptions extends ToastClassNameOptions {
|
|
714
|
+
export interface ToastThemeOptions extends ToastClassNameOptions {
|
|
764
715
|
theme?: ToastTheme;
|
|
765
716
|
}
|
|
766
|
-
interface ToastOptions extends ToastThemeOptions {
|
|
717
|
+
export interface ToastOptions extends ToastThemeOptions {
|
|
767
718
|
duration?: number;
|
|
768
719
|
once?: boolean;
|
|
769
720
|
loading?: MaybeAccessor<boolean>;
|
|
@@ -773,7 +724,7 @@ interface ToastOptions extends ToastThemeOptions {
|
|
|
773
724
|
onClose?: () => void | Promise<void>;
|
|
774
725
|
onCancel?: () => void | Promise<void>;
|
|
775
726
|
}
|
|
776
|
-
interface ToastConfirmProps extends ToastClassNameOptions {
|
|
727
|
+
export interface ToastConfirmProps extends ToastClassNameOptions {
|
|
777
728
|
once?: boolean;
|
|
778
729
|
text?: {
|
|
779
730
|
close?: string;
|
|
@@ -787,7 +738,7 @@ declare function show(message?: string, options?: ToastOptions): HTMLElement;
|
|
|
787
738
|
declare function lite(message?: string, duration?: number, className?: ToastClassNameConfig): HTMLElement;
|
|
788
739
|
declare function confirm(message?: string, props?: ToastConfirmProps): HTMLElement;
|
|
789
740
|
declare function clearAll(): void;
|
|
790
|
-
declare const Toast: {
|
|
741
|
+
export declare const Toast: {
|
|
791
742
|
timers: Set<string>;
|
|
792
743
|
disposers: Map<HTMLElement, () => void>;
|
|
793
744
|
configure(options?: ToastClassNameOptions): ToastClassNameOptions;
|
|
@@ -802,10 +753,8 @@ declare const Toast: {
|
|
|
802
753
|
clearAll: typeof clearAll;
|
|
803
754
|
destroyAll: typeof clearAll;
|
|
804
755
|
};
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
type ThemeConfigKey = 'mode' | 'theme' | 'radius' | 'shadow' | 'font';
|
|
808
|
-
interface ThemeClassNames {
|
|
756
|
+
export type ThemeConfigKey = 'mode' | 'theme' | 'radius' | 'shadow' | 'font';
|
|
757
|
+
export interface ThemeClassNames {
|
|
809
758
|
panel: string;
|
|
810
759
|
title: string;
|
|
811
760
|
container: string;
|
|
@@ -818,8 +767,8 @@ interface ThemeClassNames {
|
|
|
818
767
|
swatch: string;
|
|
819
768
|
buttonText: string;
|
|
820
769
|
}
|
|
821
|
-
type ThemeClassNameConfig = Partial<ThemeClassNames>;
|
|
822
|
-
interface ThemeOptions extends Record<string, unknown> {
|
|
770
|
+
export type ThemeClassNameConfig = Partial<ThemeClassNames>;
|
|
771
|
+
export interface ThemeOptions extends Record<string, unknown> {
|
|
823
772
|
mode?: string;
|
|
824
773
|
theme?: string;
|
|
825
774
|
radius?: string;
|
|
@@ -828,12 +777,12 @@ interface ThemeOptions extends Record<string, unknown> {
|
|
|
828
777
|
key?: string;
|
|
829
778
|
className?: ThemeClassNameConfig;
|
|
830
779
|
}
|
|
831
|
-
interface ThemePanelGroup {
|
|
780
|
+
export interface ThemePanelGroup {
|
|
832
781
|
title: string;
|
|
833
782
|
type: ThemeConfigKey;
|
|
834
783
|
buttons: Array<[string, string]>;
|
|
835
784
|
}
|
|
836
|
-
interface ThemeResolvedOptions {
|
|
785
|
+
export interface ThemeResolvedOptions {
|
|
837
786
|
mode: string;
|
|
838
787
|
theme: string;
|
|
839
788
|
radius: string;
|
|
@@ -842,15 +791,13 @@ interface ThemeResolvedOptions {
|
|
|
842
791
|
key: string;
|
|
843
792
|
className: ThemeClassNames;
|
|
844
793
|
}
|
|
845
|
-
interface ThemeInstance {
|
|
794
|
+
export interface ThemeInstance {
|
|
846
795
|
props: ThemeResolvedOptions;
|
|
847
796
|
createPanel(containerClass?: string | null, panelConfig?: ThemePanelGroup[] | null): HTMLElement;
|
|
848
797
|
setConfig(newConfig: ThemeOptions): void;
|
|
849
798
|
destroy(): void;
|
|
850
799
|
}
|
|
851
|
-
declare function createTheme(options?: ThemeOptions): ThemeInstance;
|
|
852
|
-
//#endregion
|
|
853
|
-
//#region src/primitives/parabola.d.ts
|
|
800
|
+
export declare function createTheme(options?: ThemeOptions): ThemeInstance;
|
|
854
801
|
type ParabolaDirection = 'center' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
855
802
|
interface ParabolaBallProps {
|
|
856
803
|
color: string;
|
|
@@ -883,16 +830,14 @@ interface ResolvedParabolaProps extends Record<string, unknown> {
|
|
|
883
830
|
interface ParabolaRuntime {
|
|
884
831
|
destroyed: boolean;
|
|
885
832
|
}
|
|
886
|
-
interface ParabolaInstance {
|
|
833
|
+
export interface ParabolaInstance {
|
|
887
834
|
readonly props: ResolvedParabolaProps;
|
|
888
835
|
readonly element: HTMLElement | null;
|
|
889
836
|
readonly runtime: ParabolaRuntime;
|
|
890
837
|
show(): Promise<boolean>;
|
|
891
838
|
destroy(): void;
|
|
892
839
|
}
|
|
893
|
-
declare function createParabola(input?: ParabolaProps): ParabolaInstance;
|
|
894
|
-
//#endregion
|
|
895
|
-
//#region src/primitives/sticky.d.ts
|
|
840
|
+
export declare function createParabola(input?: ParabolaProps): ParabolaInstance;
|
|
896
841
|
type StickyOverflow = 'destroy' | 'ignore';
|
|
897
842
|
interface StickyProps extends Record<string, unknown> {
|
|
898
843
|
target?: DOMReference;
|
|
@@ -936,23 +881,21 @@ interface StickyInstance {
|
|
|
936
881
|
reBuild(): StickyInstance;
|
|
937
882
|
destroy(): void;
|
|
938
883
|
}
|
|
939
|
-
declare function createSticky(props?: StickyProps): StickyInstance;
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
type
|
|
943
|
-
type ComponentState = Record<string, unknown>;
|
|
944
|
-
type ComponentCleanup = void | (() => void) | {
|
|
884
|
+
export declare function createSticky(props?: StickyProps): StickyInstance;
|
|
885
|
+
export type ComponentProps = Record<string, unknown>;
|
|
886
|
+
export type ComponentState = Record<string, unknown>;
|
|
887
|
+
export type ComponentCleanup = void | (() => void) | {
|
|
945
888
|
destroy: () => void;
|
|
946
889
|
};
|
|
947
|
-
type ComponentPluginOptions = Record<string, unknown> | undefined;
|
|
948
|
-
interface ComponentRuntime {
|
|
890
|
+
export type ComponentPluginOptions = Record<string, unknown> | undefined;
|
|
891
|
+
export interface ComponentRuntime {
|
|
949
892
|
built: boolean;
|
|
950
893
|
mounted: boolean;
|
|
951
894
|
destroyed: boolean;
|
|
952
895
|
}
|
|
953
|
-
type ComponentLifecycleEvent = 'build' | 'mount' | 'unmount' | 'destroy';
|
|
954
|
-
type ComponentListener = (...args: unknown[]) => void;
|
|
955
|
-
interface ComponentController<TProps extends ComponentProps = ComponentProps, TState extends ComponentState = ComponentState, TElement extends Element = HTMLElement> {
|
|
896
|
+
export type ComponentLifecycleEvent = 'build' | 'mount' | 'unmount' | 'destroy';
|
|
897
|
+
export type ComponentListener = (...args: unknown[]) => void;
|
|
898
|
+
export interface ComponentController<TProps extends ComponentProps = ComponentProps, TState extends ComponentState = ComponentState, TElement extends Element = HTMLElement> {
|
|
956
899
|
readonly props: TProps;
|
|
957
900
|
readonly state: TState;
|
|
958
901
|
readonly runtime: ComponentRuntime;
|
|
@@ -969,10 +912,10 @@ interface ComponentController<TProps extends ComponentProps = ComponentProps, TS
|
|
|
969
912
|
emit(event: string, ...args: unknown[]): this;
|
|
970
913
|
destroy(): void;
|
|
971
914
|
}
|
|
972
|
-
type ComponentPlugin<TComponent = ComponentController> = ((component: TComponent, options?: ComponentPluginOptions) => ComponentCleanup) | {
|
|
915
|
+
export type ComponentPlugin<TComponent = ComponentController> = ((component: TComponent, options?: ComponentPluginOptions) => ComponentCleanup) | {
|
|
973
916
|
install: (component: TComponent, options?: ComponentPluginOptions) => ComponentCleanup;
|
|
974
917
|
};
|
|
975
|
-
interface ComponentContext<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element> {
|
|
918
|
+
export interface ComponentContext<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element> {
|
|
976
919
|
readonly props: TProps;
|
|
977
920
|
readonly state: TState;
|
|
978
921
|
readonly runtime: ComponentRuntime;
|
|
@@ -981,7 +924,7 @@ interface ComponentContext<TProps extends ComponentProps, TState extends Compone
|
|
|
981
924
|
assertActive: (operation: string) => void;
|
|
982
925
|
emit: (event: string, ...args: unknown[]) => void;
|
|
983
926
|
}
|
|
984
|
-
interface ComponentDefinition<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object> {
|
|
927
|
+
export interface ComponentDefinition<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object> {
|
|
985
928
|
name: string;
|
|
986
929
|
ownsElement?: boolean;
|
|
987
930
|
props: TProps;
|
|
@@ -995,12 +938,10 @@ interface ComponentDefinition<TProps extends ComponentProps, TState extends Comp
|
|
|
995
938
|
onUnmount?: (context: ComponentContext<TProps, TState, TElement>) => void;
|
|
996
939
|
onDestroy?: (context: ComponentContext<TProps, TState, TElement>) => void;
|
|
997
940
|
}
|
|
998
|
-
type FunctionalComponent<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object = object> = ComponentController<TProps, TState, TElement> & TActions;
|
|
999
|
-
declare function useComponentPlugin(name: string, plugin: ComponentPlugin | null | undefined): void;
|
|
1000
|
-
declare function removeComponentPlugin(name: string): void;
|
|
1001
|
-
declare function defineComponent<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object = object>(definition: ComponentDefinition<TProps, TState, TElement, TActions>): FunctionalComponent<TProps, TState, TElement, TActions>;
|
|
1002
|
-
//#endregion
|
|
1003
|
-
//#region src/components/toc.d.ts
|
|
941
|
+
export type FunctionalComponent<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object = object> = ComponentController<TProps, TState, TElement> & TActions;
|
|
942
|
+
export declare function useComponentPlugin(name: string, plugin: ComponentPlugin | null | undefined): void;
|
|
943
|
+
export declare function removeComponentPlugin(name: string): void;
|
|
944
|
+
export declare function defineComponent<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object = object>(definition: ComponentDefinition<TProps, TState, TElement, TActions>): FunctionalComponent<TProps, TState, TElement, TActions>;
|
|
1004
945
|
interface TocClassNames {
|
|
1005
946
|
toc: string;
|
|
1006
947
|
title: string;
|
|
@@ -1017,16 +958,16 @@ interface TocIndicatorConfig {
|
|
|
1017
958
|
color: string;
|
|
1018
959
|
}
|
|
1019
960
|
type TocIndicatorConfigInput = Partial<TocIndicatorConfig>;
|
|
1020
|
-
interface TocItem {
|
|
961
|
+
export interface TocItem {
|
|
1021
962
|
id: string;
|
|
1022
963
|
text: string;
|
|
1023
964
|
level: number;
|
|
1024
965
|
}
|
|
1025
|
-
interface TocCurrent {
|
|
966
|
+
export interface TocCurrent {
|
|
1026
967
|
index: number;
|
|
1027
968
|
item: TocItem | null;
|
|
1028
969
|
}
|
|
1029
|
-
interface TocIndicator {
|
|
970
|
+
export interface TocIndicator {
|
|
1030
971
|
visible: boolean;
|
|
1031
972
|
top: number;
|
|
1032
973
|
height: number;
|
|
@@ -1062,9 +1003,7 @@ interface TocActions {
|
|
|
1062
1003
|
activate(index: number): TocInstance;
|
|
1063
1004
|
}
|
|
1064
1005
|
type TocInstance = FunctionalComponent<ResolvedTocProps, TocState, HTMLElement, TocActions>;
|
|
1065
|
-
declare function createToc(props?: TocProps): TocInstance;
|
|
1066
|
-
//#endregion
|
|
1067
|
-
//#region src/components/accordion.d.ts
|
|
1006
|
+
export declare function createToc(props?: TocProps): TocInstance;
|
|
1068
1007
|
type AccordionActive = number | string | Array<number | string> | null;
|
|
1069
1008
|
type AccordionDirection = 'vertical' | 'horizontal';
|
|
1070
1009
|
type AccordionContent = RenderableContent<AccordionContentContext> | ((context: AccordionContentContext) => Promise<RenderableContent<AccordionContentContext>>);
|
|
@@ -1128,17 +1067,15 @@ interface AccordionActions {
|
|
|
1128
1067
|
getIndex(value: number | string | undefined | null): number;
|
|
1129
1068
|
activate(value: number | string | undefined): Promise<void>;
|
|
1130
1069
|
}
|
|
1131
|
-
declare function createAccordion(props: AccordionProps): AccordionInstance;
|
|
1132
|
-
//#endregion
|
|
1133
|
-
//#region src/components/form.d.ts
|
|
1070
|
+
export declare function createAccordion(props: AccordionProps): AccordionInstance;
|
|
1134
1071
|
type FormValue = string | number | boolean;
|
|
1135
|
-
type FieldOption = FormValue | FormOption;
|
|
1072
|
+
export type FieldOption = FormValue | FormOption;
|
|
1136
1073
|
type FormStyle = string | Partial<CSSStyleDeclaration> | null;
|
|
1137
|
-
type FormDataValue = FormDataEntryValue | FormDataEntryValue[];
|
|
1138
|
-
type FormDataRecord = Record<string, FormDataValue>;
|
|
1139
|
-
type FormItemType = FormControlType;
|
|
1074
|
+
export type FormDataValue = FormDataEntryValue | FormDataEntryValue[];
|
|
1075
|
+
export type FormDataRecord = Record<string, FormDataValue>;
|
|
1076
|
+
export type FormItemType = FormControlType;
|
|
1140
1077
|
type FormControlType = 'checkbox' | 'custom' | 'email' | 'password' | 'radio' | 'select' | 'switch' | 'text' | 'textarea' | (string & {});
|
|
1141
|
-
interface FormClassNames {
|
|
1078
|
+
export interface FormClassNames {
|
|
1142
1079
|
form: string;
|
|
1143
1080
|
item: string;
|
|
1144
1081
|
label: string;
|
|
@@ -1160,22 +1097,22 @@ interface FormClassNames {
|
|
|
1160
1097
|
switch: string;
|
|
1161
1098
|
switchSlider: string;
|
|
1162
1099
|
}
|
|
1163
|
-
type FormClassNameConfig = Partial<FormClassNames>;
|
|
1164
|
-
interface FormOption {
|
|
1100
|
+
export type FormClassNameConfig = Partial<FormClassNames>;
|
|
1101
|
+
export interface FormOption {
|
|
1165
1102
|
value?: FormValue | FormDataEntryValue | null;
|
|
1166
1103
|
text?: RenderableContent<Form>;
|
|
1167
1104
|
label?: RenderableContent<Form>;
|
|
1168
1105
|
checked?: boolean;
|
|
1169
1106
|
disabled?: boolean;
|
|
1170
1107
|
}
|
|
1171
|
-
type FormItemNext = (current: FormItem, acients: FormItem[]) => FormItem | null;
|
|
1172
|
-
interface FormItem<TPayload = FormField> {
|
|
1108
|
+
export type FormItemNext = (current: FormItem, acients: FormItem[]) => FormItem | null;
|
|
1109
|
+
export interface FormItem<TPayload = FormField> {
|
|
1173
1110
|
id?: string;
|
|
1174
1111
|
type: FormItemType;
|
|
1175
1112
|
payload: TPayload;
|
|
1176
1113
|
next?: FormItemNext | null;
|
|
1177
1114
|
}
|
|
1178
|
-
interface FormField {
|
|
1115
|
+
export interface FormField {
|
|
1179
1116
|
[key: string]: unknown;
|
|
1180
1117
|
id?: string;
|
|
1181
1118
|
label?: RenderableContent<Form> | false;
|
|
@@ -1196,7 +1133,7 @@ interface FormField {
|
|
|
1196
1133
|
className?: string;
|
|
1197
1134
|
content?: RenderableContent<FormControlContext>;
|
|
1198
1135
|
}
|
|
1199
|
-
interface FormValidatorConfig {
|
|
1136
|
+
export interface FormValidatorConfig {
|
|
1200
1137
|
rules?: Record<string, Record<string, unknown>>;
|
|
1201
1138
|
messages?: Record<string, Record<string, string>>;
|
|
1202
1139
|
vanilla?: boolean;
|
|
@@ -1204,13 +1141,13 @@ interface FormValidatorConfig {
|
|
|
1204
1141
|
onSubmit?: (() => void) | null;
|
|
1205
1142
|
[key: string]: unknown;
|
|
1206
1143
|
}
|
|
1207
|
-
type FormButtons = boolean | string;
|
|
1208
|
-
interface FormText {
|
|
1144
|
+
export type FormButtons = boolean | string;
|
|
1145
|
+
export interface FormText {
|
|
1209
1146
|
submit: RenderableContent<Form>;
|
|
1210
1147
|
reset: RenderableContent<Form>;
|
|
1211
1148
|
}
|
|
1212
|
-
type FormTextConfig = Partial<FormText>;
|
|
1213
|
-
interface FormProps extends Record<string, unknown> {
|
|
1149
|
+
export type FormTextConfig = Partial<FormText>;
|
|
1150
|
+
export interface FormProps extends Record<string, unknown> {
|
|
1214
1151
|
id?: string | null;
|
|
1215
1152
|
size?: string;
|
|
1216
1153
|
style?: FormStyle;
|
|
@@ -1254,23 +1191,21 @@ interface FormActions {
|
|
|
1254
1191
|
setFields(fields: readonly FormItem<FormField>[]): Form;
|
|
1255
1192
|
resetFields(): Form;
|
|
1256
1193
|
}
|
|
1257
|
-
type Form = FunctionalComponent<ResolvedFormProps, FormState, HTMLFormElement, FormActions>;
|
|
1258
|
-
declare function createForm(input?: FormProps): Form;
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
type
|
|
1262
|
-
type
|
|
1263
|
-
type
|
|
1264
|
-
type
|
|
1265
|
-
type
|
|
1266
|
-
type
|
|
1267
|
-
type
|
|
1268
|
-
type FlowTarget = string | number;
|
|
1269
|
-
type FlowStepResult = string | {
|
|
1194
|
+
export type Form = FunctionalComponent<ResolvedFormProps, FormState, HTMLFormElement, FormActions>;
|
|
1195
|
+
export declare function createForm(input?: FormProps): Form;
|
|
1196
|
+
export type FlowData = Record<string, unknown>;
|
|
1197
|
+
export type FlowPayload = FlowData | null;
|
|
1198
|
+
export type FlowAction = 'next' | 'back' | 'goTo' | 'finish';
|
|
1199
|
+
export type FlowBusyStrategy = 'ignore' | 'throw';
|
|
1200
|
+
export type FlowDirection = string;
|
|
1201
|
+
export type FlowSlotName = 'renderHeader' | 'renderBody' | 'renderFooter';
|
|
1202
|
+
export type FlowCleanup = () => void;
|
|
1203
|
+
export type FlowTarget = string | number;
|
|
1204
|
+
export type FlowStepResult = string | {
|
|
1270
1205
|
id: string;
|
|
1271
1206
|
data?: FlowPayload;
|
|
1272
1207
|
};
|
|
1273
|
-
interface FlowClassNames {
|
|
1208
|
+
export interface FlowClassNames {
|
|
1274
1209
|
root: string;
|
|
1275
1210
|
header: string;
|
|
1276
1211
|
steps: string;
|
|
@@ -1287,8 +1222,8 @@ interface FlowClassNames {
|
|
|
1287
1222
|
back: string;
|
|
1288
1223
|
next: string;
|
|
1289
1224
|
}
|
|
1290
|
-
type FlowClassNameConfig = Partial<FlowClassNames>;
|
|
1291
|
-
interface FlowStep {
|
|
1225
|
+
export type FlowClassNameConfig = Partial<FlowClassNames>;
|
|
1226
|
+
export interface FlowStep {
|
|
1292
1227
|
id: string;
|
|
1293
1228
|
title?: string;
|
|
1294
1229
|
content?: RenderableContent<FlowContext>;
|
|
@@ -1301,8 +1236,8 @@ interface FlowStep {
|
|
|
1301
1236
|
canLeave?: FlowGuardHook;
|
|
1302
1237
|
[key: string]: unknown;
|
|
1303
1238
|
}
|
|
1304
|
-
type PublicFlowStep = Omit<FlowStep, 'onEnter' | 'onLeave' | 'onNext' | 'onBack' | 'canEnter' | 'canLeave'>;
|
|
1305
|
-
interface FlowSnapshot {
|
|
1239
|
+
export type PublicFlowStep = Omit<FlowStep, 'onEnter' | 'onLeave' | 'onNext' | 'onBack' | 'canEnter' | 'canLeave'>;
|
|
1240
|
+
export interface FlowSnapshot {
|
|
1306
1241
|
id: string;
|
|
1307
1242
|
currentId: string;
|
|
1308
1243
|
currentIndex: number;
|
|
@@ -1321,7 +1256,7 @@ interface FlowSnapshot {
|
|
|
1321
1256
|
busyAction: FlowAction | null;
|
|
1322
1257
|
error: unknown;
|
|
1323
1258
|
}
|
|
1324
|
-
interface FlowState extends Record<string, unknown> {
|
|
1259
|
+
export interface FlowState extends Record<string, unknown> {
|
|
1325
1260
|
id: string;
|
|
1326
1261
|
currentId: string;
|
|
1327
1262
|
currentIndex: number;
|
|
@@ -1336,10 +1271,10 @@ interface FlowState extends Record<string, unknown> {
|
|
|
1336
1271
|
busyAction: FlowAction | null;
|
|
1337
1272
|
version: number;
|
|
1338
1273
|
}
|
|
1339
|
-
interface FlowGoToOptions {
|
|
1274
|
+
export interface FlowGoToOptions {
|
|
1340
1275
|
direction?: FlowDirection;
|
|
1341
1276
|
}
|
|
1342
|
-
interface FlowContext {
|
|
1277
|
+
export interface FlowContext {
|
|
1343
1278
|
flow: Flow;
|
|
1344
1279
|
step: FlowStep;
|
|
1345
1280
|
state: FlowState;
|
|
@@ -1359,7 +1294,7 @@ interface FlowContext {
|
|
|
1359
1294
|
goTo: (target: FlowTarget, payload?: FlowPayload, options?: FlowGoToOptions) => Promise<FlowSnapshot | null>;
|
|
1360
1295
|
addCleanup: (cleanup: FlowCleanup) => FlowCleanup;
|
|
1361
1296
|
}
|
|
1362
|
-
interface FlowRenderContext {
|
|
1297
|
+
export interface FlowRenderContext {
|
|
1363
1298
|
flow: Flow;
|
|
1364
1299
|
snapshot: FlowSnapshot;
|
|
1365
1300
|
state: FlowState;
|
|
@@ -1373,23 +1308,23 @@ interface FlowRenderContext {
|
|
|
1373
1308
|
goTo: (target: FlowTarget, payload?: FlowPayload, options?: FlowGoToOptions) => Promise<FlowSnapshot | null>;
|
|
1374
1309
|
reset: () => Flow;
|
|
1375
1310
|
}
|
|
1376
|
-
type FlowLifecycleHook = (context: FlowContext) => void | Promise<void>;
|
|
1377
|
-
type FlowGuardHook = (context: FlowContext) => boolean | void | Promise<boolean | void>;
|
|
1378
|
-
type FlowMoveHook = (context: FlowContext) => FlowStepResult | FlowPayload | void | Promise<FlowStepResult | FlowPayload | void>;
|
|
1379
|
-
type FlowFinishHook = (snapshot: FlowSnapshot, flow: Flow) => void | Promise<void>;
|
|
1380
|
-
type FlowChangeHook = (snapshot: FlowSnapshot, flow: Flow, previous: FlowSnapshot | null) => void;
|
|
1381
|
-
type FlowErrorHook = (error: unknown, snapshot: FlowSnapshot, flow: Flow, previous: FlowSnapshot | null) => void;
|
|
1382
|
-
type FlowBusyHook = (action: FlowAction, snapshot: FlowSnapshot, flow: Flow) => void;
|
|
1383
|
-
type FlowSlot = false | null | ((context: FlowRenderContext) => RenderableContent<FlowRenderContext>);
|
|
1384
|
-
type FlowSubscriber = (snapshot: FlowSnapshot, flow: Flow, previous: FlowSnapshot | null) => void;
|
|
1385
|
-
interface FlowText {
|
|
1311
|
+
export type FlowLifecycleHook = (context: FlowContext) => void | Promise<void>;
|
|
1312
|
+
export type FlowGuardHook = (context: FlowContext) => boolean | void | Promise<boolean | void>;
|
|
1313
|
+
export type FlowMoveHook = (context: FlowContext) => FlowStepResult | FlowPayload | void | Promise<FlowStepResult | FlowPayload | void>;
|
|
1314
|
+
export type FlowFinishHook = (snapshot: FlowSnapshot, flow: Flow) => void | Promise<void>;
|
|
1315
|
+
export type FlowChangeHook = (snapshot: FlowSnapshot, flow: Flow, previous: FlowSnapshot | null) => void;
|
|
1316
|
+
export type FlowErrorHook = (error: unknown, snapshot: FlowSnapshot, flow: Flow, previous: FlowSnapshot | null) => void;
|
|
1317
|
+
export type FlowBusyHook = (action: FlowAction, snapshot: FlowSnapshot, flow: Flow) => void;
|
|
1318
|
+
export type FlowSlot = false | null | ((context: FlowRenderContext) => RenderableContent<FlowRenderContext>);
|
|
1319
|
+
export type FlowSubscriber = (snapshot: FlowSnapshot, flow: Flow, previous: FlowSnapshot | null) => void;
|
|
1320
|
+
export interface FlowText {
|
|
1386
1321
|
back: string;
|
|
1387
1322
|
next: string;
|
|
1388
1323
|
finish: string;
|
|
1389
1324
|
reset: string;
|
|
1390
1325
|
[key: string]: string;
|
|
1391
1326
|
}
|
|
1392
|
-
interface FlowProps extends Record<string, unknown> {
|
|
1327
|
+
export interface FlowProps extends Record<string, unknown> {
|
|
1393
1328
|
id?: string | null;
|
|
1394
1329
|
steps?: FlowStep[];
|
|
1395
1330
|
initial?: string | number | null;
|
|
@@ -1458,7 +1393,7 @@ interface FlowActions {
|
|
|
1458
1393
|
reset(): Flow;
|
|
1459
1394
|
finish(payload?: FlowPayload): Promise<FlowSnapshot | null>;
|
|
1460
1395
|
}
|
|
1461
|
-
interface Flow extends FlowActions {
|
|
1396
|
+
export interface Flow extends FlowActions {
|
|
1462
1397
|
readonly props: ResolvedFlowProps;
|
|
1463
1398
|
readonly steps: FlowStep[];
|
|
1464
1399
|
readonly state: FlowState;
|
|
@@ -1474,13 +1409,11 @@ interface Flow extends FlowActions {
|
|
|
1474
1409
|
unmount(): this;
|
|
1475
1410
|
destroy(): void;
|
|
1476
1411
|
}
|
|
1477
|
-
declare function createFlow(input?: FlowProps): Flow;
|
|
1478
|
-
//#endregion
|
|
1479
|
-
//#region src/components/modal.d.ts
|
|
1412
|
+
export declare function createFlow(input?: FlowProps): Flow;
|
|
1480
1413
|
type ModalTextInput = Partial<ModalText> & Record<string, unknown>;
|
|
1481
1414
|
type ModalContentResult = RenderableContent<Modal>;
|
|
1482
1415
|
type ModalContent = ModalContentResult | ((modal: Modal) => ModalContentResult | Promise<ModalContentResult>);
|
|
1483
|
-
interface ModalClassNames {
|
|
1416
|
+
export interface ModalClassNames {
|
|
1484
1417
|
layout: string;
|
|
1485
1418
|
modal: string;
|
|
1486
1419
|
header: string;
|
|
@@ -1492,14 +1425,14 @@ interface ModalClassNames {
|
|
|
1492
1425
|
confirmBtn: string;
|
|
1493
1426
|
button: string;
|
|
1494
1427
|
}
|
|
1495
|
-
type ModalClassNameConfig = Partial<ModalClassNames>;
|
|
1496
|
-
interface ModalText {
|
|
1428
|
+
export type ModalClassNameConfig = Partial<ModalClassNames>;
|
|
1429
|
+
export interface ModalText {
|
|
1497
1430
|
title: string;
|
|
1498
1431
|
confirm: string;
|
|
1499
1432
|
cancel: string;
|
|
1500
1433
|
}
|
|
1501
1434
|
type ModalStyle = string | Partial<CSSStyleDeclaration> | null;
|
|
1502
|
-
interface ModalProps extends Record<string, unknown> {
|
|
1435
|
+
export interface ModalProps extends Record<string, unknown> {
|
|
1503
1436
|
content?: ModalContent;
|
|
1504
1437
|
cache?: boolean;
|
|
1505
1438
|
ttl?: number;
|
|
@@ -1556,11 +1489,9 @@ interface ModalActions {
|
|
|
1556
1489
|
hide(): Modal;
|
|
1557
1490
|
reset(): Modal;
|
|
1558
1491
|
}
|
|
1559
|
-
type Modal = FunctionalComponent<ResolvedModalProps, ModalState, HTMLElement, ModalActions>;
|
|
1560
|
-
declare function createModal(input?: ModalProps): Modal;
|
|
1561
|
-
|
|
1562
|
-
//#region src/components/swiper.d.ts
|
|
1563
|
-
interface SwiperClassNames {
|
|
1492
|
+
export type Modal = FunctionalComponent<ResolvedModalProps, ModalState, HTMLElement, ModalActions>;
|
|
1493
|
+
export declare function createModal(input?: ModalProps): Modal;
|
|
1494
|
+
export interface SwiperClassNames {
|
|
1564
1495
|
root: string;
|
|
1565
1496
|
wrapper: string;
|
|
1566
1497
|
slide: string;
|
|
@@ -1578,8 +1509,8 @@ interface SwiperClassNames {
|
|
|
1578
1509
|
active: string;
|
|
1579
1510
|
disabled: string;
|
|
1580
1511
|
}
|
|
1581
|
-
type SwiperClassNameConfig = Partial<SwiperClassNames>;
|
|
1582
|
-
interface SwiperDataItem extends Record<string, unknown> {
|
|
1512
|
+
export type SwiperClassNameConfig = Partial<SwiperClassNames>;
|
|
1513
|
+
export interface SwiperDataItem extends Record<string, unknown> {
|
|
1583
1514
|
image?: string | null;
|
|
1584
1515
|
url?: string | null;
|
|
1585
1516
|
title?: string | null;
|
|
@@ -1592,14 +1523,14 @@ interface NormalizedSwiperDataItem extends SwiperDataItem {
|
|
|
1592
1523
|
index: number;
|
|
1593
1524
|
key: string;
|
|
1594
1525
|
}
|
|
1595
|
-
interface SwiperSlideContext {
|
|
1526
|
+
export interface SwiperSlideContext {
|
|
1596
1527
|
swiper: Swiper;
|
|
1597
1528
|
item: NormalizedSwiperDataItem;
|
|
1598
1529
|
index: number;
|
|
1599
1530
|
}
|
|
1600
|
-
type SwiperDataLoader = (swiper: Swiper) => SwiperDataItem[] | Promise<SwiperDataItem[]>;
|
|
1601
|
-
type SwiperDataSource = SwiperDataItem[] | SwiperDataLoader;
|
|
1602
|
-
interface SwiperProps extends Record<string, unknown> {
|
|
1531
|
+
export type SwiperDataLoader = (swiper: Swiper) => SwiperDataItem[] | Promise<SwiperDataItem[]>;
|
|
1532
|
+
export type SwiperDataSource = SwiperDataItem[] | SwiperDataLoader;
|
|
1533
|
+
export interface SwiperProps extends Record<string, unknown> {
|
|
1603
1534
|
id?: string | null;
|
|
1604
1535
|
data?: SwiperDataSource;
|
|
1605
1536
|
loop?: boolean;
|
|
@@ -1653,17 +1584,15 @@ interface SwiperActions {
|
|
|
1653
1584
|
restartAutoplay(): void;
|
|
1654
1585
|
}
|
|
1655
1586
|
type SwiperBase = FunctionalComponent<ResolvedSwiperProps, SwiperState, HTMLElement, SwiperActions>;
|
|
1656
|
-
type Swiper = SwiperBase & {
|
|
1587
|
+
export type Swiper = SwiperBase & {
|
|
1657
1588
|
readonly realCount: number;
|
|
1658
1589
|
readonly realIndex: number;
|
|
1659
1590
|
};
|
|
1660
|
-
declare function createSwiper(input?: SwiperProps): Swiper;
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
type
|
|
1664
|
-
|
|
1665
|
-
type TabsDisabled = TabsValue | TabsValue[];
|
|
1666
|
-
interface TabsClassNames {
|
|
1591
|
+
export declare function createSwiper(input?: SwiperProps): Swiper;
|
|
1592
|
+
export type TabsDirection = 'top' | 'bottom' | 'left' | 'right';
|
|
1593
|
+
export type TabsValue = number | string;
|
|
1594
|
+
export type TabsDisabled = TabsValue | TabsValue[];
|
|
1595
|
+
export interface TabsClassNames {
|
|
1667
1596
|
root: string;
|
|
1668
1597
|
wrap: string;
|
|
1669
1598
|
list: string;
|
|
@@ -1672,22 +1601,22 @@ interface TabsClassNames {
|
|
|
1672
1601
|
panel: string;
|
|
1673
1602
|
dragging: string;
|
|
1674
1603
|
}
|
|
1675
|
-
type TabsClassNameConfig = Partial<TabsClassNames>;
|
|
1676
|
-
interface TabsPanelContext {
|
|
1604
|
+
export type TabsClassNameConfig = Partial<TabsClassNames>;
|
|
1605
|
+
export interface TabsPanelContext {
|
|
1677
1606
|
tabs: Tabs;
|
|
1678
1607
|
item: TabItem;
|
|
1679
1608
|
index: number;
|
|
1680
1609
|
name: string | number;
|
|
1681
1610
|
}
|
|
1682
|
-
type TabContent = RenderableContent<TabsPanelContext> | ((context: TabsPanelContext) => RenderableContent<TabsPanelContext>) | ((context: TabsPanelContext) => Promise<RenderableContent<TabsPanelContext>>);
|
|
1683
|
-
interface TabItem extends Record<string, unknown> {
|
|
1611
|
+
export type TabContent = RenderableContent<TabsPanelContext> | ((context: TabsPanelContext) => RenderableContent<TabsPanelContext>) | ((context: TabsPanelContext) => Promise<RenderableContent<TabsPanelContext>>);
|
|
1612
|
+
export interface TabItem extends Record<string, unknown> {
|
|
1684
1613
|
name?: string;
|
|
1685
1614
|
title: RenderableContent<TabsPanelContext>;
|
|
1686
1615
|
content: TabContent;
|
|
1687
1616
|
cache?: boolean;
|
|
1688
1617
|
ttl?: number;
|
|
1689
1618
|
}
|
|
1690
|
-
interface TabsProps extends Record<string, unknown> {
|
|
1619
|
+
export interface TabsProps extends Record<string, unknown> {
|
|
1691
1620
|
id?: string | null;
|
|
1692
1621
|
direction?: TabsDirection;
|
|
1693
1622
|
active?: TabsValue;
|
|
@@ -1721,22 +1650,20 @@ interface TabsActions {
|
|
|
1721
1650
|
activate(value: TabsValue): Promise<void>;
|
|
1722
1651
|
}
|
|
1723
1652
|
type TabsBase = FunctionalComponent<ResolvedTabsProps, TabsState, HTMLElement, TabsActions>;
|
|
1724
|
-
type Tabs = TabsBase & {
|
|
1653
|
+
export type Tabs = TabsBase & {
|
|
1725
1654
|
readonly current: TabsCurrent;
|
|
1726
1655
|
};
|
|
1727
|
-
declare function createTabs(input?: TabsProps): Tabs;
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
type OffcanvasAnimate = string;
|
|
1732
|
-
interface OffcanvasClassNames {
|
|
1656
|
+
export declare function createTabs(input?: TabsProps): Tabs;
|
|
1657
|
+
export type OffcanvasDirection = 'top' | 'right' | 'bottom' | 'left';
|
|
1658
|
+
export type OffcanvasAnimate = string;
|
|
1659
|
+
export interface OffcanvasClassNames {
|
|
1733
1660
|
root: string;
|
|
1734
1661
|
overlay: string;
|
|
1735
1662
|
content: string;
|
|
1736
1663
|
}
|
|
1737
|
-
type OffcanvasClassNameConfig = Partial<OffcanvasClassNames>;
|
|
1738
|
-
type OffcanvasContent = RenderableContent<Offcanvas> | ((offcanvas: Offcanvas) => Promise<RenderableContent<Offcanvas>>);
|
|
1739
|
-
interface OffcanvasProps extends Record<string, unknown> {
|
|
1664
|
+
export type OffcanvasClassNameConfig = Partial<OffcanvasClassNames>;
|
|
1665
|
+
export type OffcanvasContent = RenderableContent<Offcanvas> | ((offcanvas: Offcanvas) => Promise<RenderableContent<Offcanvas>>);
|
|
1666
|
+
export interface OffcanvasProps extends Record<string, unknown> {
|
|
1740
1667
|
content?: OffcanvasContent;
|
|
1741
1668
|
overlay?: boolean;
|
|
1742
1669
|
filter?: boolean;
|
|
@@ -1781,19 +1708,17 @@ interface OffcanvasActions {
|
|
|
1781
1708
|
show(): Promise<void>;
|
|
1782
1709
|
hide(): Promise<void>;
|
|
1783
1710
|
}
|
|
1784
|
-
type Offcanvas = FunctionalComponent<ResolvedOffcanvasProps, OffcanvasState, HTMLElement, OffcanvasActions>;
|
|
1785
|
-
declare function createOffcanvas(input?: OffcanvasProps): Offcanvas;
|
|
1786
|
-
|
|
1787
|
-
//#region src/components/pagination.d.ts
|
|
1788
|
-
interface PaginationPage {
|
|
1711
|
+
export type Offcanvas = FunctionalComponent<ResolvedOffcanvasProps, OffcanvasState, HTMLElement, OffcanvasActions>;
|
|
1712
|
+
export declare function createOffcanvas(input?: OffcanvasProps): Offcanvas;
|
|
1713
|
+
export interface PaginationPage {
|
|
1789
1714
|
size: number;
|
|
1790
1715
|
current: number;
|
|
1791
1716
|
}
|
|
1792
|
-
interface PaginationCount {
|
|
1717
|
+
export interface PaginationCount {
|
|
1793
1718
|
sibling: number;
|
|
1794
1719
|
boundary: number;
|
|
1795
1720
|
}
|
|
1796
|
-
interface PaginationClassNames {
|
|
1721
|
+
export interface PaginationClassNames {
|
|
1797
1722
|
root: string;
|
|
1798
1723
|
list: string;
|
|
1799
1724
|
item: string;
|
|
@@ -1802,8 +1727,8 @@ interface PaginationClassNames {
|
|
|
1802
1727
|
currentBtn: string;
|
|
1803
1728
|
loading: string;
|
|
1804
1729
|
}
|
|
1805
|
-
type PaginationClassNameConfig = Partial<PaginationClassNames>;
|
|
1806
|
-
interface PaginationProps extends Record<string, unknown> {
|
|
1730
|
+
export type PaginationClassNameConfig = Partial<PaginationClassNames>;
|
|
1731
|
+
export interface PaginationProps extends Record<string, unknown> {
|
|
1807
1732
|
total?: number;
|
|
1808
1733
|
page?: Partial<PaginationPage>;
|
|
1809
1734
|
count?: Partial<PaginationCount>;
|
|
@@ -1828,16 +1753,14 @@ interface PaginationState extends Record<string, unknown> {
|
|
|
1828
1753
|
interface PaginationActions {
|
|
1829
1754
|
go(page: number): Pagination;
|
|
1830
1755
|
}
|
|
1831
|
-
type Pagination = FunctionalComponent<ResolvedPaginationProps, PaginationState, HTMLElement, PaginationActions> & {
|
|
1756
|
+
export type Pagination = FunctionalComponent<ResolvedPaginationProps, PaginationState, HTMLElement, PaginationActions> & {
|
|
1832
1757
|
readonly pageCount: number;
|
|
1833
1758
|
};
|
|
1834
|
-
declare function createPagination(input?: PaginationProps): Pagination;
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
type
|
|
1838
|
-
|
|
1839
|
-
type MenuItemRenderType = 0 | 1 | 2;
|
|
1840
|
-
interface MenuClassNames {
|
|
1759
|
+
export declare function createPagination(input?: PaginationProps): Pagination;
|
|
1760
|
+
export type MenuType = string | undefined;
|
|
1761
|
+
export type MenuItemId = string | number;
|
|
1762
|
+
export type MenuItemRenderType = 0 | 1 | 2;
|
|
1763
|
+
export interface MenuClassNames {
|
|
1841
1764
|
root: string;
|
|
1842
1765
|
list: string;
|
|
1843
1766
|
item: string;
|
|
@@ -1849,8 +1772,8 @@ interface MenuClassNames {
|
|
|
1849
1772
|
backIcon: string;
|
|
1850
1773
|
text: string;
|
|
1851
1774
|
}
|
|
1852
|
-
type MenuClassNameConfig = Partial<MenuClassNames>;
|
|
1853
|
-
interface MenuItem extends Record<string, unknown> {
|
|
1775
|
+
export type MenuClassNameConfig = Partial<MenuClassNames>;
|
|
1776
|
+
export interface MenuItem extends Record<string, unknown> {
|
|
1854
1777
|
id?: MenuItemId;
|
|
1855
1778
|
title: string | number;
|
|
1856
1779
|
type?: MenuItemRenderType;
|
|
@@ -1859,7 +1782,7 @@ interface MenuItem extends Record<string, unknown> {
|
|
|
1859
1782
|
classes?: string | string[];
|
|
1860
1783
|
children?: MenuItem[];
|
|
1861
1784
|
}
|
|
1862
|
-
interface MenuProps extends Record<string, unknown> {
|
|
1785
|
+
export interface MenuProps extends Record<string, unknown> {
|
|
1863
1786
|
type?: MenuType;
|
|
1864
1787
|
id?: string | null;
|
|
1865
1788
|
user?: MaybeAccessor<number>;
|
|
@@ -1880,7 +1803,6 @@ interface MenuState extends Record<string, unknown> {
|
|
|
1880
1803
|
data: MenuItem[];
|
|
1881
1804
|
activeKeys: string[];
|
|
1882
1805
|
}
|
|
1883
|
-
type Menu = FunctionalComponent<ResolvedMenuProps, MenuState, HTMLElement>;
|
|
1884
|
-
declare function createMenu(input?: MenuProps): Menu;
|
|
1885
|
-
|
|
1886
|
-
export { ClassNameToken, CleanupFunction, CollapseMotionController, CollapseTransitionDefinition, ComponentCleanup, ComponentContext, ComponentController, ComponentDefinition, ComponentLifecycleEvent, ComponentListener, ComponentPlugin, ComponentPluginOptions, ComponentProps, ComponentRuntime, ComponentState, CompressOptions, ConfigNormalizeContext, ConfigRule, ConfigRuleInput, ConfigSchema, ContainerExpect, DOMReference, DropInstance, ElementRef, FieldOption, Flow, FlowAction, FlowBusyHook, FlowBusyStrategy, FlowChangeHook, FlowClassNameConfig, FlowClassNames, FlowCleanup, FlowContext, FlowData, FlowDirection, FlowErrorHook, FlowFinishHook, FlowGoToOptions, FlowGuardHook, FlowLifecycleHook, FlowMoveHook, FlowPayload, FlowProps, FlowRenderContext, FlowSlot, FlowSlotName, FlowSnapshot, FlowState, FlowStep, FlowStepResult, FlowSubscriber, FlowTarget, FlowText, Form, FormButtons, FormClassNameConfig, FormClassNames, FormDataRecord, FormDataValue, FormField, FormItem, FormItemNext, FormItemType, FormOption, FormProps, FormText, FormTextConfig, FormValidatorConfig, FunctionalComponent, IEventManager, IconAttributeValue, IconName, IconPathMap, IconProps, ImgCompressInstance, KeyedElementRefs, LazyRenderCallback, LazyRenderOptions, LazyRenderTarget, Menu, MenuClassNameConfig, MenuClassNames, MenuItem, MenuItemId, MenuItemRenderType, MenuProps, MenuType, MergeContext, MergeStrategy, Modal, ModalClassNameConfig, ModalClassNames, ModalProps, ModalText, MotionController, Offcanvas, OffcanvasAnimate, OffcanvasClassNameConfig, OffcanvasClassNames, OffcanvasContent, OffcanvasDirection, OffcanvasProps, OwnedView, OwnedViewOptions, Pagination, PaginationClassNameConfig, PaginationClassNames, PaginationCount, PaginationPage, PaginationProps, ParabolaInstance, ParamRule, ParamRuleInput, ParamShapeSchema, PopupProps, PresenceController, PresenceOptions, PresencePhase, PublicFlowStep, QueryContext, RenderableContent, RequireContainerResult, ResolveContainerResult, ResolvedConfig, StateSyncOptions, SupportES2022, Swiper, SwiperClassNameConfig, SwiperClassNames, SwiperDataItem, SwiperDataLoader, SwiperDataSource, SwiperProps, SwiperSlideContext, TabContent, TabItem, Tabs, TabsClassNameConfig, TabsClassNames, TabsDirection, TabsDisabled, TabsPanelContext, TabsProps, TabsValue, ThemeClassNameConfig, ThemeClassNames, ThemeConfigKey, ThemeInstance, ThemeOptions, ThemePanelGroup, ThemeResolvedOptions, Toast, ToastClassNameConfig, ToastClassNameOptions, ToastClassNames, ToastConfirmProps, ToastOptions, ToastTheme, ToastThemeOptions, TocCurrent, TocIndicator, TocItem, TooltipInstance, TransitionDefinition, TransitionTarget, ValidateCondition, ValidatorClassNameConfig, ValidatorClassNames, ValidatorInstance, addIcons, all, asRenderable, checkModernBrowser, cloneConfigValue, copy, createAccordion, createCollapseTransition, createDrop, createElementRef, createEventManager, createFlow, createForm, createImgCompress, createKeyedElementRefs, createLoading, createMenu, createModal, createMotionGroup, createOffcanvas, createOwnedView, createPagination, createParabola, createPopup, createPresence, createScheduledTask, createStateSync, createSticky, createSwiper, createTabs, createTheme, createToc, createTooltip, createTransition, createValidator, defineComponent, flexPosition, getImgCompressInstance, getRegistedIconPath, getStoreVersion, getType, hashQueryParams, icon, iconHtml, iconMarkup, isDomElementValue, isDomNodeValue, isElement, isHtmlElementValue, isMobile, isModernBrowser, isNilValue, isNode, isPlainObject, isRenderableContent, isRenderablePrimitive, isRenderableValue, joinClasses, lazyRender, listen, mergeConfigValue, mergeDeepConfig, mergeShallowConfig, postJson, q, randomId, removeComponentPlugin, removeSpaces, requireContainer, resetImgCompressInstance, resolveConfig, resolveContainer, resolveElement, resolveNode, resolveNodeList, restUrl, stateSnapshot, timer, trackStoreVersion, useComponentPlugin, uuid, validateParam, waitForMotion };
|
|
1806
|
+
export type Menu = FunctionalComponent<ResolvedMenuProps, MenuState, HTMLElement>;
|
|
1807
|
+
export declare function createMenu(input?: MenuProps): Menu;
|
|
1808
|
+
export { createImgCompress, getImgCompressInstance, resetImgCompressInstance };
|