sinwan 1.0.0 → 1.1.1

package/dist/component/control-flow.d.ts

@@ -1,6 +1,12 @@
-import type { Reactive, SinwanElement, SinwanNode } from "../types.ts";
+import type { Reactive, SinwanComponent, SinwanElement, SinwanNode } from "../types.ts";
 export declare const SHOW_TYPE: unique symbol;
 export declare const FOR_TYPE: unique symbol;
+export declare const SWITCH_TYPE: unique symbol;
+export declare const MATCH_TYPE: unique symbol;
+export declare const INDEX_TYPE: unique symbol;
+export declare const KEY_TYPE: unique symbol;
+export declare const DYNAMIC_TYPE: unique symbol;
+export declare const PORTAL_TYPE: unique symbol;
 export interface ShowProps<T> {
     when: Reactive<T | false | null | undefined>;
     fallback?: SinwanNode;
@@ -9,10 +15,57 @@ export interface ShowProps<T> {
 export interface ForProps<T> {
     each: Reactive<readonly T[]>;
     key?: (item: T, index: number) => string | number | symbol;
+    fallback?: SinwanNode;
     children?: (item: T, index: () => number) => SinwanNode;
 }
+export interface SwitchProps {
+    fallback?: SinwanNode;
+    children?: SinwanNode | SinwanNode[];
+}
+export interface MatchProps<T> {
+    when: Reactive<T | false | null | undefined>;
+    children?: SinwanNode | ((value: NonNullable<T>) => SinwanNode);
+}
+export interface IndexProps<T> {
+    each: Reactive<readonly T[]>;
+    fallback?: SinwanNode;
+    children?: (item: () => T, index: number) => SinwanNode;
+}
+export interface KeyProps<T> {
+    when: Reactive<T>;
+    children?: SinwanNode | ((value: T) => SinwanNode);
+}
+export type DynamicTag<P extends object = any> = string | SinwanComponent<P>;
+export type DynamicProps<P extends object = Record<string, unknown>> = P & {
+    component: Reactive<DynamicTag<P> | null | undefined>;
+    children?: SinwanNode;
+};
+export interface VisibleProps {
+    when: Reactive<unknown>;
+    as?: string;
+    style?: Reactive<Record<string, string | number | null | undefined> | string>;
+    children?: SinwanNode;
+    [key: string]: unknown;
+}
+export interface PortalProps {
+    mount?: Reactive<Node | string | (() => Node | null) | null | undefined>;
+    children?: SinwanNode;
+}
 export declare function Show<T>(props: ShowProps<T>): SinwanElement;
 export declare function For<T>(props: ForProps<T>): SinwanElement;
+export declare function Switch(props: SwitchProps): SinwanElement;
+export declare function Match<T>(props: MatchProps<T>): SinwanElement;
+export declare function Index<T>(props: IndexProps<T>): SinwanElement;
+export declare function Key<T>(props: KeyProps<T>): SinwanElement;
+export declare function Dynamic<P extends object = Record<string, unknown>>(props: DynamicProps<P>): SinwanElement;
+export declare function Visible(props: VisibleProps): SinwanElement;
+export declare function Portal(props: PortalProps): SinwanElement;
 export declare function isShowElement(element: SinwanElement): boolean;
 export declare function isForElement(element: SinwanElement): boolean;
+export declare function isSwitchElement(element: SinwanElement): boolean;
+export declare function isMatchElement(element: SinwanElement): boolean;
+export declare function isIndexElement(element: SinwanElement): boolean;
+export declare function isKeyElement(element: SinwanElement): boolean;
+export declare function isDynamicElement(element: SinwanElement): boolean;
+export declare function isPortalElement(element: SinwanElement): boolean;
 //# sourceMappingURL=control-flow.d.ts.map

package/dist/component/control-flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-flow.d.ts","sourceRoot":"","sources":["../../src/component/control-flow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEvE,eAAO,MAAM,SAAS,eAA4B,CAAC;AACnD,eAAO,MAAM,QAAQ,eAA2B,CAAC;AAEjD,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,QAAQ,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,UAAU,CAAC;CACzD;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,aAAa,CAM1D;AAED,wBAAgB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAa,CAMxD;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAE7D;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAE5D"}
+{"version":3,"file":"control-flow.d.ts","sourceRoot":"","sources":["../../src/component/control-flow.ts"],"names":[],"mappings":"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"}

package/dist/component/index.d.ts

@@ -5,8 +5,8 @@ export { getCurrentInstance, setCurrentInstance, withInstance, createComponentIn
 export type { ComponentInstance } from "./instance.ts";
 export { onMounted, onUnmounted, onUpdated, onError } from "./lifecycle.ts";
 export { createComponent, createPage, createLayout } from "./create.ts";
-export { Show, For } from "./control-flow.ts";
-export type { ShowProps, ForProps } from "./control-flow.ts";
+export { Show, For, Switch, Match, Index, Key, Dynamic, Visible, Portal, } from "./control-flow.ts";
+export type { ShowProps, ForProps, SwitchProps, MatchProps, IndexProps, KeyProps, DynamicProps, DynamicTag, VisibleProps, PortalProps, } from "./control-flow.ts";
 export { provide, inject } from "./provide-inject.ts";
 export type { InjectionKey } from "./provide-inject.ts";
 //# sourceMappingURL=index.d.ts.map

package/dist/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAG5E,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAG5E,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,EACH,OAAO,EACP,OAAO,EACP,MAAM,GACP,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}