@gzmjs/ui-basic 0.1.0 → 0.2.0

package/dist/ui-basic.d.ts

@@ -77,6 +77,24 @@ export declare class CenterHelper {
     pos($tt?: HTMLElement & TransitionPopup): void;
 }
 
+/**
+ * https://www.bilibili.com/video/BV17w4m1D7xi
+ * https://devdocs.io/svg/attribute/stroke-dasharray
+ * https://devdocs.io/svg/attribute/stroke-dashoffset
+ */
+export declare class CheckCircle extends HTMLElement implements ELE.AttributeHandlers<typeof mutableAttributes_4[number]> {
+    #private;
+    connectedCallback(): void;
+    $circle?: SVGCircleElement;
+    $polyline?: SVGPolylineElement;
+    play(): Promise<unknown>;
+    accessor size: string | undefined;
+    accessor duration: number | undefined;
+    _size_set(nv: string | null): void;
+}
+
+export declare const checkCircleTagName = "GZM-CHECK-CIRCLE";
+
 export declare class CloseBtn extends HTMLElement implements ELE.AttributeHandlers<typeof mutableAttributes_2[number]> {
     constructor();
     readonly shadowRoot: ShadowRoot;
@@ -96,6 +114,8 @@ export declare class CornerHelper {
     pos(): void;
 }
 
+export declare function createDialog(options: DialogOptions): HTMLDialogElement;
+
 export declare function createStyleSheet(style: Style): CSSStyleSheet;
 
 export declare function createText<T extends Record<string, unknown>[]>(this: unknown, ...txts: T): JoinedText<T> & BindableTextProxy;
@@ -123,6 +143,17 @@ export declare function debounce<T extends (...args: unknown[]) => unknown>(func
 
 export declare function defineElement(ele: CustomElement): (constructor: CustomElementConstructor, ctx: ClassDecoratorContext) => void;
 
+export declare interface DialogOptions {
+    reusable?: boolean;
+    resizable?: boolean;
+    title?: string;
+    movable?: boolean;
+    $body?: HTMLElement;
+    width?: string;
+    height?: string;
+    okHandler?: ($dlg: HTMLDialogElement) => void;
+}
+
 declare namespace ELE {
     export {
         defineElement,
@@ -259,6 +290,8 @@ declare const mutableAttributes_2: readonly ["corner"];
 
 declare const mutableAttributes_3: readonly ["icon"];
 
+declare const mutableAttributes_4: readonly ["size"];
+
 declare type NumOrUndef = number | undefined;
 
 declare type NumType = number | NumOrUndef;
@@ -280,6 +313,21 @@ export declare function saAttr<This extends HTMLElement, V extends StrArrayType>
 
 export declare function setCurrentTheme(themeName: string): boolean;
 
+export declare function showAlert(msg: string): HTMLDialogElement;
+
+export declare function showDockRightModalDlg(options: DialogOptions): HTMLDialogElement;
+
+export declare function showError(errMsg: string): HTMLDialogElement;
+
+export declare function showWaiting(title: string, msg?: string): {
+    $dlg: HTMLDialogElement;
+    complete(msg?: string): Promise<void>;
+    error(e?: object | string): void;
+    alert(msg: string): void;
+    close(): void;
+    setTitle(title: string): void;
+};
+
 declare type StrArrayOrUndef = string[] | undefined;
 
 declare type StrArrayType = string[] | StrArrayOrUndef;