Actualizar sigpro.d.ts
This commit is contained in:
463
sigpro.d.ts
vendored
463
sigpro.d.ts
vendored
@@ -1,287 +1,188 @@
|
||||
declare module 'sigpro' {
|
||||
type Signal<T> = {
|
||||
(): T;
|
||||
(value: T | ((prev: T) => T)): T;
|
||||
};
|
||||
// sigpro.d.ts
|
||||
|
||||
type ComputedSignal<T> = () => T;
|
||||
declare const SIG_BRAND: unique symbol;
|
||||
|
||||
type Unsubscribe = () => void;
|
||||
|
||||
type ViewInstance = {
|
||||
_isRuntime: true;
|
||||
container: HTMLDivElement;
|
||||
destroy: () => void;
|
||||
};
|
||||
|
||||
type ComponentFunction<P = {}> = (props?: P) => HTMLElement | ViewInstance | string | null;
|
||||
type ComponentChild = HTMLElement | ViewInstance | string | number | boolean | null | undefined;
|
||||
type ComponentChildren = ComponentChild | ComponentChild[];
|
||||
|
||||
interface BaseProps {
|
||||
class?: string | (() => string);
|
||||
style?: string | Record<string, string> | (() => string | Record<string, string>);
|
||||
id?: string | (() => string);
|
||||
ref?: ((el: HTMLElement) => void) | { current: HTMLElement | null };
|
||||
}
|
||||
|
||||
interface EventProps {
|
||||
onclick?: (event: MouseEvent) => void;
|
||||
oninput?: (event: Event) => void;
|
||||
onchange?: (event: Event) => void;
|
||||
onblur?: (event: FocusEvent) => void;
|
||||
onfocus?: (event: FocusEvent) => void;
|
||||
onkeydown?: (event: KeyboardEvent) => void;
|
||||
onkeyup?: (event: KeyboardEvent) => void;
|
||||
onmouseenter?: (event: MouseEvent) => void;
|
||||
onmouseleave?: (event: MouseEvent) => void;
|
||||
onsubmit?: (event: Event) => void;
|
||||
[key: `on${string}`]: ((event: any) => void) | undefined;
|
||||
}
|
||||
|
||||
interface HtmlProps extends BaseProps, EventProps {
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
interface Route {
|
||||
path: string;
|
||||
component: ComponentFunction | (() => Promise<ComponentFunction>);
|
||||
}
|
||||
|
||||
interface RouterOutlet {
|
||||
params: Signal<Record<string, string>>;
|
||||
to: (path: string) => void;
|
||||
back: () => void;
|
||||
path: () => string;
|
||||
}
|
||||
|
||||
interface Transition {
|
||||
in: (el: HTMLElement) => void;
|
||||
out: (el: HTMLElement, done: () => void) => void;
|
||||
}
|
||||
|
||||
function $<T>(initial: T, storageKey?: string): Signal<T>;
|
||||
function $<T>(computed: () => T): ComputedSignal<T>;
|
||||
|
||||
function $$<T extends object>(obj: T): T;
|
||||
|
||||
function Watch(
|
||||
target: () => any,
|
||||
callback?: never
|
||||
): Unsubscribe;
|
||||
function Watch(
|
||||
target: Array<() => any>,
|
||||
callback: () => void
|
||||
): Unsubscribe;
|
||||
|
||||
function Tag(
|
||||
tag: string,
|
||||
props?: HtmlProps | ComponentChildren,
|
||||
children?: ComponentChildren
|
||||
): HTMLElement;
|
||||
|
||||
function If(
|
||||
condition: boolean | (() => boolean),
|
||||
thenVal: ComponentFunction | ComponentChild,
|
||||
otherwiseVal?: ComponentFunction | ComponentChild,
|
||||
transition?: Transition
|
||||
): HTMLDivElement;
|
||||
|
||||
function For<T>(
|
||||
source: T[] | (() => T[]),
|
||||
render: (item: T, index: number) => ComponentChild,
|
||||
keyFn?: (item: T, index: number) => string | number,
|
||||
tag?: string,
|
||||
props?: HtmlProps
|
||||
): HTMLElement;
|
||||
|
||||
function Router(routes: Route[]): RouterOutlet;
|
||||
|
||||
function Mount(
|
||||
component: ComponentFunction | HTMLElement,
|
||||
target: string | HTMLElement
|
||||
): ViewInstance | undefined;
|
||||
|
||||
const Div: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Span: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const P: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const H1: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const H2: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const H3: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const H4: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const H5: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const H6: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Button: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Input: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Textarea: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Select: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Option: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Label: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Form: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const A: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Img: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Ul: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Ol: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Li: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Nav: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Header: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Footer: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Section: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Article: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Aside: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Main: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Table: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Thead: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Tbody: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Tr: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Th: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
const Td: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
|
||||
|
||||
const SigPro: {
|
||||
$: typeof $;
|
||||
$$: typeof $$;
|
||||
Watch: typeof Watch;
|
||||
Tag: typeof Tag;
|
||||
If: typeof If;
|
||||
For: typeof For;
|
||||
Router: typeof Router;
|
||||
Mount: typeof Mount;
|
||||
};
|
||||
|
||||
export default SigPro;
|
||||
export {
|
||||
$,
|
||||
$$,
|
||||
Watch,
|
||||
Tag,
|
||||
If,
|
||||
For,
|
||||
Router,
|
||||
Mount,
|
||||
Div,
|
||||
Span,
|
||||
P,
|
||||
H1,
|
||||
H2,
|
||||
H3,
|
||||
H4,
|
||||
H5,
|
||||
H6,
|
||||
Button,
|
||||
Input,
|
||||
Textarea,
|
||||
Select,
|
||||
Option,
|
||||
Label,
|
||||
Form,
|
||||
A,
|
||||
Img,
|
||||
Ul,
|
||||
Ol,
|
||||
Li,
|
||||
Nav,
|
||||
Header,
|
||||
Footer,
|
||||
Section,
|
||||
Article,
|
||||
Aside,
|
||||
Main,
|
||||
Table,
|
||||
Thead,
|
||||
Tbody,
|
||||
Tr,
|
||||
Th,
|
||||
Td,
|
||||
};
|
||||
export interface Signal<T = any> {
|
||||
readonly [SIG_BRAND]: true;
|
||||
(): T;
|
||||
(value: T): T;
|
||||
(updater: (prev: T) => T): T;
|
||||
}
|
||||
|
||||
export interface Computed<T = any> {
|
||||
readonly [SIG_BRAND]: true;
|
||||
(): T;
|
||||
}
|
||||
|
||||
export interface RuntimeInstance {
|
||||
readonly _isRuntime: true;
|
||||
readonly container: HTMLElement;
|
||||
destroy(): void;
|
||||
}
|
||||
|
||||
export interface TransitionOptions {
|
||||
on?: (el: HTMLElement) => void;
|
||||
off?: (el: HTMLElement, destroy: () => void) => void;
|
||||
}
|
||||
|
||||
export interface Route {
|
||||
path: string;
|
||||
component: (params: Record<string, string>) => any;
|
||||
}
|
||||
|
||||
export interface RenderContext {
|
||||
onCleanup: (fn: () => void) => void;
|
||||
}
|
||||
|
||||
export interface TagProps extends Record<string, any> {
|
||||
ref?: ((el: HTMLElement) => void) | { current: HTMLElement | null };
|
||||
class?: string | (() => string);
|
||||
style?: string | (() => string);
|
||||
}
|
||||
|
||||
export type ReactiveObject<T extends object> = {
|
||||
[K in keyof T]: T[K] extends object ? ReactiveObject<T[K]> : T[K];
|
||||
};
|
||||
|
||||
export function $<T>(val: T, key?: string | null): Signal<T>;
|
||||
export function $<T>(val: () => T): Computed<T>;
|
||||
|
||||
export function $$<T>(fn: () => T): Computed<T>;
|
||||
|
||||
export function $_<T extends object>(obj: T): ReactiveObject<T>;
|
||||
|
||||
export function untrack<T>(fn: () => T): T;
|
||||
|
||||
export function Watch(cb: () => void): () => void;
|
||||
export function Watch(cb: () => () => void): () => void;
|
||||
|
||||
export function Render<T>(fn: (ctx: RenderContext) => T): RuntimeInstance;
|
||||
|
||||
export function Tag(tag: string, props?: TagProps | null, children?: any[]): HTMLElement;
|
||||
export function Tag(tag: string, children?: any[]): HTMLElement;
|
||||
|
||||
export function If(
|
||||
cond: boolean | (() => boolean),
|
||||
a: any | (() => any),
|
||||
b?: any | (() => any) | null,
|
||||
options?: TransitionOptions
|
||||
): HTMLElement;
|
||||
|
||||
export function For<T>(
|
||||
source: T[] | (() => T[]),
|
||||
renderFn: (item: T, index: number) => any,
|
||||
keyFn?: (item: T, index: number) => any,
|
||||
tag?: string,
|
||||
props?: TagProps
|
||||
): HTMLElement;
|
||||
|
||||
export function Router(routes: Route[]): HTMLElement;
|
||||
|
||||
export namespace Router {
|
||||
const params: Signal<Record<string, string>>;
|
||||
function to(path: string): void;
|
||||
function back(): void;
|
||||
function path(): string;
|
||||
}
|
||||
|
||||
export function Mount(
|
||||
component: (() => any) | any,
|
||||
target: string | HTMLElement
|
||||
): RuntimeInstance;
|
||||
|
||||
export function Share<T>(key: string, value: T): void;
|
||||
|
||||
export function Use<T>(key: string, defaultValue?: T): T | undefined;
|
||||
|
||||
// Funciones JSX (etiquetas globales)
|
||||
export const Div: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Span: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const P: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const H1: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const H2: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const H3: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const H4: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const H5: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const H6: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Button: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const A: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Img: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Input: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Textarea: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Select: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Option: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Form: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Label: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Ul: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Ol: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Li: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Table: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Tr: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Td: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Th: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Section: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Article: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Aside: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Nav: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Header: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Footer: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
export const Main: (props?: TagProps, children?: any[]) => HTMLElement;
|
||||
|
||||
export interface SigProAPI {
|
||||
$: typeof $;
|
||||
$$: typeof $$;
|
||||
$_: typeof $_;
|
||||
untrack: typeof untrack;
|
||||
Render: typeof Render;
|
||||
Watch: typeof Watch;
|
||||
Tag: typeof Tag;
|
||||
If: typeof If;
|
||||
For: typeof For;
|
||||
Router: typeof Router;
|
||||
Mount: typeof Mount;
|
||||
Share: typeof Share;
|
||||
Use: typeof Use;
|
||||
}
|
||||
|
||||
declare const SigPro: SigProAPI;
|
||||
export default SigPro;
|
||||
|
||||
declare global {
|
||||
const $: typeof import('sigpro').$;
|
||||
const $$: typeof import('sigpro').$$;
|
||||
const Watch: typeof import('sigpro').Watch;
|
||||
const Tag: typeof import('sigpro').Tag;
|
||||
const If: typeof import('sigpro').If;
|
||||
const For: typeof import('sigpro').For;
|
||||
const Router: typeof import('sigpro').Router;
|
||||
const Mount: typeof import('sigpro').Mount;
|
||||
const Div: typeof import('sigpro').Div;
|
||||
const Span: typeof import('sigpro').Span;
|
||||
const P: typeof import('sigpro').P;
|
||||
const H1: typeof import('sigpro').H1;
|
||||
const H2: typeof import('sigpro').H2;
|
||||
const H3: typeof import('sigpro').H3;
|
||||
const H4: typeof import('sigpro').H4;
|
||||
const H5: typeof import('sigpro').H5;
|
||||
const H6: typeof import('sigpro').H6;
|
||||
const Button: typeof import('sigpro').Button;
|
||||
const Input: typeof import('sigpro').Input;
|
||||
const Textarea: typeof import('sigpro').Textarea;
|
||||
const Select: typeof import('sigpro').Select;
|
||||
const Option: typeof import('sigpro').Option;
|
||||
const Label: typeof import('sigpro').Label;
|
||||
const Form: typeof import('sigpro').Form;
|
||||
const A: typeof import('sigpro').A;
|
||||
const Img: typeof import('sigpro').Img;
|
||||
const Ul: typeof import('sigpro').Ul;
|
||||
const Ol: typeof import('sigpro').Ol;
|
||||
const Li: typeof import('sigpro').Li;
|
||||
const Nav: typeof import('sigpro').Nav;
|
||||
const Header: typeof import('sigpro').Header;
|
||||
const Footer: typeof import('sigpro').Footer;
|
||||
const Section: typeof import('sigpro').Section;
|
||||
const Article: typeof import('sigpro').Article;
|
||||
const Aside: typeof import('sigpro').Aside;
|
||||
const Main: typeof import('sigpro').Main;
|
||||
const Table: typeof import('sigpro').Table;
|
||||
const Thead: typeof import('sigpro').Thead;
|
||||
const Tbody: typeof import('sigpro').Tbody;
|
||||
const Tr: typeof import('sigpro').Tr;
|
||||
const Th: typeof import('sigpro').Th;
|
||||
const Td: typeof import('sigpro').Td;
|
||||
|
||||
interface Window {
|
||||
$: typeof $;
|
||||
$$: typeof $$;
|
||||
Watch: typeof Watch;
|
||||
Tag: typeof Tag;
|
||||
If: typeof If;
|
||||
For: typeof For;
|
||||
Router: typeof Router;
|
||||
Mount: typeof Mount;
|
||||
SigPro: typeof import('sigpro').default;
|
||||
Div: typeof Div;
|
||||
Span: typeof Span;
|
||||
P: typeof P;
|
||||
H1: typeof H1;
|
||||
H2: typeof H2;
|
||||
H3: typeof H3;
|
||||
H4: typeof H4;
|
||||
H5: typeof H5;
|
||||
H6: typeof H6;
|
||||
Button: typeof Button;
|
||||
Input: typeof Input;
|
||||
Textarea: typeof Textarea;
|
||||
Select: typeof Select;
|
||||
Option: typeof Option;
|
||||
Label: typeof Label;
|
||||
Form: typeof Form;
|
||||
A: typeof A;
|
||||
Img: typeof Img;
|
||||
Ul: typeof Ul;
|
||||
Ol: typeof Ol;
|
||||
Li: typeof Li;
|
||||
Nav: typeof Nav;
|
||||
Header: typeof Header;
|
||||
Footer: typeof Footer;
|
||||
Section: typeof Section;
|
||||
Article: typeof Article;
|
||||
Aside: typeof Aside;
|
||||
Main: typeof Main;
|
||||
Table: typeof Table;
|
||||
Thead: typeof Thead;
|
||||
Tbody: typeof Tbody;
|
||||
Tr: typeof Tr;
|
||||
Th: typeof Th;
|
||||
Td: typeof Td;
|
||||
namespace JSX {
|
||||
interface IntrinsicElements {
|
||||
div: TagProps;
|
||||
span: TagProps;
|
||||
p: TagProps;
|
||||
h1: TagProps;
|
||||
h2: TagProps;
|
||||
h3: TagProps;
|
||||
h4: TagProps;
|
||||
h5: TagProps;
|
||||
h6: TagProps;
|
||||
button: TagProps;
|
||||
a: TagProps;
|
||||
img: TagProps;
|
||||
input: TagProps;
|
||||
textarea: TagProps;
|
||||
select: TagProps;
|
||||
option: TagProps;
|
||||
form: TagProps;
|
||||
label: TagProps;
|
||||
ul: TagProps;
|
||||
ol: TagProps;
|
||||
li: TagProps;
|
||||
table: TagProps;
|
||||
tr: TagProps;
|
||||
td: TagProps;
|
||||
th: TagProps;
|
||||
section: TagProps;
|
||||
article: TagProps;
|
||||
aside: TagProps;
|
||||
nav: TagProps;
|
||||
header: TagProps;
|
||||
footer: TagProps;
|
||||
main: TagProps;
|
||||
}
|
||||
interface Element extends HTMLElement {}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user