@fugood/bricks-ctor 2.24.0-beta.40

package/types/bricks/Lottie.ts

@@ -0,0 +1,168 @@
+/* Auto generated by build script
+ *
+ * Lottie animation player supporting .json and .dotlottie formats. Supports speed, loop, frame range control, color/text filters, and hardware rendering
+ */
+import type { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from '../switch'
+import type { Data, DataLink } from '../data'
+import type { Animation, AnimationBasicEvents } from '../animation'
+import type {
+  Brick,
+  EventAction,
+  EventActionForItem,
+  ActionWithDataParams,
+  ActionWithParams,
+  Action,
+  EventProperty,
+} from '../common'
+import type { BrickBasicProperty, BrickBasicEvents, BrickBasicEventsForItem } from '../brick-base'
+import type { TemplateEventPropsMap } from '../../utils/event-props'
+
+/* Play animation */
+export type BrickLottieActionPlay = ActionWithParams & {
+  __actionName: 'BRICK_LOTTIE_PLAY'
+  params?: Array<
+    | {
+        input: 'startFrame'
+        value?: number | DataLink | EventProperty
+        mapping?: string
+      }
+    | {
+        input: 'endFrame'
+        value?: number | DataLink | EventProperty
+        mapping?: string
+      }
+  >
+}
+
+/* Pause animation */
+export type BrickLottieActionPause = Action & {
+  __actionName: 'BRICK_LOTTIE_PAUSE'
+}
+
+/* Resume animation */
+export type BrickLottieActionResume = Action & {
+  __actionName: 'BRICK_LOTTIE_RESUME'
+}
+
+/* Stop animation */
+export type BrickLottieActionStop = Action & {
+  __actionName: 'BRICK_LOTTIE_STOP'
+}
+
+/* Reset animation */
+export type BrickLottieActionReset = Action & {
+  __actionName: 'BRICK_LOTTIE_RESET'
+}
+
+interface BrickLottieDef {
+  /*
+Default property:
+{
+  "loop": true,
+  "autoPlay": true,
+  "resizeMode": "contain",
+  "renderMode": "auto"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The animation json config content from uri */
+    uri?: string | DataLink
+    /* The checksum of `uri` */
+    md5?: string | DataLink
+    /* The animation json config content（The `uri` will be ignored if `source` is defined) */
+    source?: {} | DataLink
+    /* The speed the animation will progress.  This only affects the imperative API.  Sending a negative value will reverse the animation. */
+    speed?: number | DataLink
+    /* A boolean flag indicating whether  or not the animation should loop. */
+    loop?: boolean | DataLink
+    /* A boolean flag indicating whether or not the animation  should start automatically when mounted.  This only affects the imperative API. */
+    autoPlay?: boolean | DataLink
+    /* The animation resize mode */
+    resizeMode?: 'cover' | 'contain' | 'center' | DataLink
+    /* A flag to set whether or not to render with hardware or software acceleration (Not supported for iOS) */
+    renderMode?: 'auto' | 'hardware' | 'software' | DataLink
+    /* Replace color (as hex string) by keypath */
+    colorFilters?:
+      | Array<
+          | DataLink
+          | {
+              keypath?: string | DataLink
+              color?: string | DataLink
+            }
+        >
+      | DataLink
+    /* Replace color (as hex string) by find text.  Use text filters will disable glyphs text render / force software render mode,  This means that a specific font needs to be loaded. */
+    textFilters?:
+      | Array<
+          | DataLink
+          | {
+              find?: string | DataLink
+              replace?: string | DataLink
+            }
+        >
+      | DataLink
+  }
+  events?: BrickBasicEvents & {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick long press */
+    onLongPress?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+    /* Event of the animation finished */
+    onAnimationFinish?: Array<
+      EventAction<string & keyof TemplateEventPropsMap['Lottie']['onAnimationFinish']>
+    >
+    /* Event of the uri on load failed */
+    onAnimationFailure?: Array<
+      EventAction<string & keyof TemplateEventPropsMap['Lottie']['onAnimationFailure']>
+    >
+    /* Event of the animation on loop */
+    onAnimationLoop?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data<boolean>
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data<boolean>
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onLongPress?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+    onAnimationFinish?: Animation
+    onAnimationFailure?: Animation
+    onAnimationLoop?: Animation
+  }
+}
+
+/* Lottie animation player supporting .json and .dotlottie formats. Supports speed, loop, frame range control, color/text filters, and hardware rendering */
+export type BrickLottie = Brick &
+  BrickLottieDef & {
+    templateKey: 'BRICK_LOTTIE'
+    switches?: Array<
+      SwitchDef &
+        BrickLottieDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }

package/types/bricks/Maps.ts

@@ -0,0 +1,262 @@
+/* Auto generated by build script
+ *
+ * Interactive map with markers, paths, and location tracking. Supports Google Maps (iOS/Android/Desktop/Web) and Apple Maps (iOS/tvOS)
+ */
+import type { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from '../switch'
+import type { Data, DataLink } from '../data'
+import type { Animation, AnimationBasicEvents } from '../animation'
+import type {
+  Brick,
+  EventAction,
+  EventActionForItem,
+  ActionWithDataParams,
+  ActionWithParams,
+  Action,
+  EventProperty,
+} from '../common'
+import type { BrickBasicProperty, BrickBasicEvents, BrickBasicEventsForItem } from '../brick-base'
+import type { TemplateEventPropsMap } from '../../utils/event-props'
+
+/* Zoom in the map */
+export type BrickMapsActionZoomIn = Action & {
+  __actionName: 'BRICK_MAPS_ZOOM_IN'
+}
+
+/* Zoom out the map */
+export type BrickMapsActionZoomOut = Action & {
+  __actionName: 'BRICK_MAPS_ZOOM_OUT'
+}
+
+/* Pan the map in a direction */
+export type BrickMapsActionPan = ActionWithParams & {
+  __actionName: 'BRICK_MAPS_PAN'
+  params?: Array<{
+    input: 'panDirection'
+    value?: 'up' | 'down' | 'left' | 'right' | DataLink | EventProperty
+    mapping?: string
+  }>
+}
+
+/* Navigate to a specific location */
+export type BrickMapsActionNavigateTo = ActionWithParams & {
+  __actionName: 'BRICK_MAPS_NAVIGATE_TO'
+  params?: Array<
+    | {
+        input: 'targetLatitude'
+        value?: number | DataLink | EventProperty
+        mapping?: string
+      }
+    | {
+        input: 'targetLongitude'
+        value?: number | DataLink | EventProperty
+        mapping?: string
+      }
+    | {
+        input: 'targetZoom'
+        value?: number | DataLink | EventProperty
+        mapping?: string
+      }
+  >
+}
+
+/* Focus on a marker by ID */
+export type BrickMapsActionFocusMarker = ActionWithParams & {
+  __actionName: 'BRICK_MAPS_FOCUS_MARKER'
+  params?: Array<{
+    input: 'markerId'
+    value?: string | DataLink | EventProperty
+    mapping?: string
+  }>
+}
+
+/* Reset map to initial position */
+export type BrickMapsActionReset = Action & {
+  __actionName: 'BRICK_MAPS_RESET'
+}
+
+/* Fit map to show all markers */
+export type BrickMapsActionFitToMarkers = ActionWithParams & {
+  __actionName: 'BRICK_MAPS_FIT_TO_MARKERS'
+  params?: Array<
+    | {
+        input: 'edgePadding'
+        value?: number | DataLink | EventProperty
+        mapping?: string
+      }
+    | {
+        input: 'animated'
+        value?: boolean | DataLink | EventProperty
+        mapping?: string
+      }
+  >
+}
+
+interface BrickMapsDef {
+  /*
+Default property:
+{
+  "provider": "google",
+  "apiKey": "",
+  "initialLatitude": 25.033,
+  "initialLongitude": 121.5654,
+  "initialZoom": 10,
+  "mapType": "standard",
+  "mapTheme": "standard",
+  "showUserLocation": false,
+  "showCompass": true,
+  "showZoomControls": true,
+  "scrollEnabled": true,
+  "zoomEnabled": true,
+  "rotateEnabled": true,
+  "markers": [],
+  "customMapStyle": [],
+  "showTraffic": false,
+  "showBuildings": false,
+  "showIndoors": true,
+  "minZoomLevel": 1,
+  "maxZoomLevel": 20,
+  "followUserLocation": false,
+  "showPath": false,
+  "pathStrokeColor": "#4285F4",
+  "pathStrokeWidth": 3
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Map provider (iOS/tvOS only - Android and Web always use Google Maps) */
+    provider?: 'google' | 'apple' | DataLink
+    /* Google Maps API Key (Web only) */
+    apiKey?: string | DataLink
+    /* Initial latitude */
+    initialLatitude?: number | DataLink
+    /* Initial longitude */
+    initialLongitude?: number | DataLink
+    /* Initial zoom level (1-20) */
+    initialZoom?: number | DataLink
+    /* Map type */
+    mapType?: 'standard' | 'satellite' | 'hybrid' | 'terrain' | DataLink
+    /* Map theme preset */
+    mapTheme?: 'standard' | 'dark' | 'night' | 'retro' | 'silver' | 'aubergine' | DataLink
+    /* Show user location button */
+    showUserLocation?: boolean | DataLink
+    /* Show compass */
+    showCompass?: boolean | DataLink
+    /* Show zoom controls */
+    showZoomControls?: boolean | DataLink
+    /* Enable scrolling */
+    scrollEnabled?: boolean | DataLink
+    /* Enable zooming */
+    zoomEnabled?: boolean | DataLink
+    /* Enable rotating */
+    rotateEnabled?: boolean | DataLink
+    /* Map markers data */
+    markers?:
+      | Array<
+          | DataLink
+          | {
+              id?: string | DataLink
+              latitude?: number | DataLink
+              longitude?: number | DataLink
+              title?: string | DataLink
+              description?: string | DataLink
+              color?: string | DataLink
+              icon?: string | DataLink
+            }
+        >
+      | DataLink
+    /* Custom map style (array of Google Maps style objects) */
+    customMapStyle?:
+      | Array<
+          | DataLink
+          | {
+              featureType?: string | DataLink
+              elementType?: string | DataLink
+              stylers?: Array<{} | DataLink> | DataLink
+            }
+        >
+      | DataLink
+    /* Show traffic layer */
+    showTraffic?: boolean | DataLink
+    /* Show buildings in 3D */
+    showBuildings?: boolean | DataLink
+    /* Show indoor maps */
+    showIndoors?: boolean | DataLink
+    /* Minimum zoom level */
+    minZoomLevel?: number | DataLink
+    /* Maximum zoom level */
+    maxZoomLevel?: number | DataLink
+    /* Follow user location */
+    followUserLocation?: boolean | DataLink
+    /* Show path between markers */
+    showPath?: boolean | DataLink
+    /* Path stroke color */
+    pathStrokeColor?: string | DataLink
+    /* Path stroke width */
+    pathStrokeWidth?: number | DataLink
+  }
+  events?: BrickBasicEvents & {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick long press */
+    onLongPress?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+    /* Event when a marker is pressed */
+    onMarkerPress?: Array<
+      EventAction<string & keyof TemplateEventPropsMap['Maps']['onMarkerPress']>
+    >
+    /* Event when the map is pressed */
+    onMapPress?: Array<EventAction<string & keyof TemplateEventPropsMap['Maps']['onMapPress']>>
+    /* Event when the map region changes */
+    onRegionChange?: Array<
+      EventAction<string & keyof TemplateEventPropsMap['Maps']['onRegionChange']>
+    >
+    /* Event when the map is ready */
+    onReady?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data<boolean>
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data<boolean>
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onLongPress?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+    onMarkerPress?: Animation
+    onMapPress?: Animation
+    onRegionChange?: Animation
+    onReady?: Animation
+  }
+}
+
+/* Interactive map with markers, paths, and location tracking. Supports Google Maps (iOS/Android/Desktop/Web) and Apple Maps (iOS/tvOS) */
+export type BrickMaps = Brick &
+  BrickMapsDef & {
+    templateKey: 'BRICK_MAPS'
+    switches?: Array<
+      SwitchDef &
+        BrickMapsDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }

package/types/bricks/QrCode.ts

@@ -0,0 +1,117 @@
+/* Auto generated by build script
+ *
+ * Generate and display QR codes from text or URL values
+ */
+import type { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from '../switch'
+import type { Data, DataLink } from '../data'
+import type { Animation, AnimationBasicEvents } from '../animation'
+import type {
+  Brick,
+  EventAction,
+  EventActionForItem,
+  ActionWithDataParams,
+  ActionWithParams,
+  Action,
+  EventProperty,
+} from '../common'
+import type { BrickBasicProperty, BrickBasicEvents, BrickBasicEventsForItem } from '../brick-base'
+import type { TemplateEventPropsMap } from '../../utils/event-props'
+
+interface BrickQrcodeDef {
+  /*
+Default property:
+{
+  "value": "",
+  "positiveColor": "#1e252a",
+  "negativeColor": "transparent",
+  "padding": 0,
+  "linearGradientEnabled": false,
+  "linearGradientStart": "black",
+  "linearGradientEnd": "black",
+  "linearGradientDirection": [
+    "0%",
+    "0%",
+    "100%",
+    "100%"
+  ],
+  "logoSize": 20,
+  "logoBackgroundColor": "transparent"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The QRCode content */
+    value?: string | DataLink
+    /* The foreground color of QRCode */
+    positiveColor?: string | DataLink
+    /* The background color of QRCode */
+    negativeColor?: string | DataLink
+    /* Quiet zone around the qr */
+    padding?: number | DataLink
+    /* Enables or disables linear gradient */
+    linearGradientEnabled?: boolean | DataLink
+    /* Linear gradient start color */
+    linearGradientStart?: string | DataLink
+    /* Linear gradient end color */
+    linearGradientEnd?: string | DataLink
+    /* Linear gradient direction ('0%', '0%', '100%', '100%') */
+    linearGradientDirection?: Array<string | DataLink> | DataLink
+    /* Logo image source */
+    logoPath?: string | DataLink
+    /* The checksum of logo file */
+    md5?: string | DataLink
+    /* Logo image size (% of QRCode) */
+    logoSize?: number | DataLink
+    /* The logo gets a filled quadratic background with this color. */
+    logoBackgroundColor?: string | DataLink
+  }
+  events?: BrickBasicEvents & {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick long press */
+    onLongPress?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data<boolean>
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data<boolean>
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onLongPress?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+  }
+}
+
+/* Generate and display QR codes from text or URL values */
+export type BrickQrcode = Brick &
+  BrickQrcodeDef & {
+    templateKey: 'BRICK_QRCODE'
+    switches?: Array<
+      SwitchDef &
+        BrickQrcodeDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }

package/types/bricks/Rect.ts

@@ -0,0 +1,150 @@
+/* Auto generated by build script
+ *
+ * Rectangle shape with customizable fill, border, radius, shadow, and blur
+ */
+import type { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from '../switch'
+import type { Data, DataLink } from '../data'
+import type { Animation, AnimationBasicEvents } from '../animation'
+import type {
+  Brick,
+  EventAction,
+  EventActionForItem,
+  ActionWithDataParams,
+  ActionWithParams,
+  Action,
+  EventProperty,
+} from '../common'
+import type { BrickBasicProperty, BrickBasicEvents, BrickBasicEventsForItem } from '../brick-base'
+import type { TemplateEventPropsMap } from '../../utils/event-props'
+
+interface BrickRectDef {
+  /*
+Default property:
+{
+  "linearGradientEnabled": false,
+  "linearGradientColors": [
+    "#000000",
+    "#FFFFFF"
+  ],
+  "linearGradientStart": {
+    "x": 0,
+    "y": 0
+  },
+  "linearGradientEnd": {
+    "x": 1,
+    "y": 1
+  },
+  "linearGradientLocations": [
+    0,
+    1
+  ],
+  "blurEnabled": false,
+  "blurVariant": "blur",
+  "blurType": "light",
+  "blurAmount": 10,
+  "blurDirection": "blurredTopClearBottom",
+  "blurStartOffset": 0,
+  "blurGlassType": "regular",
+  "blurGlassOpacity": 0.5,
+  "blurGlassInteractive": false
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Enables or disables linear gradient */
+    linearGradientEnabled?: boolean | DataLink
+    /* An array of at least two color values that represent gradient colors */
+    linearGradientColors?: Array<string | DataLink> | DataLink
+    /* An optional object of the following type: { x: number, y: number } */
+    linearGradientStart?:
+      | DataLink
+      | {
+          x?: number | DataLink
+          y?: number | DataLink
+        }
+    /* Same as start, but for the end of the gradient */
+    linearGradientEnd?:
+      | DataLink
+      | {
+          x?: number | DataLink
+          y?: number | DataLink
+        }
+    /* An optional array of numbers defining the location of each gradient color stop */
+    linearGradientLocations?: Array<number | DataLink> | DataLink
+    /* Enable blur effect.
+ Not supported on Desktop (Electron) and Web.  
+ Avoid using opacity prop with blur — use alpha backgroundColor (e.g. rgba) instead. */
+    blurEnabled?: boolean | DataLink
+    /* Blur variant */
+    blurVariant?: 'blur' | 'progressiveBlur' | 'liquidGlass' | DataLink
+    /* Blur type (blur variant) */
+    blurType?: 'xlight' | 'light' | 'dark' | 'regular' | 'prominent' | DataLink
+    /* Blur amount (0 ~ 100, blur variant) */
+    blurAmount?: number | DataLink
+    /* Progressive blur direction (progressiveBlur variant) */
+    blurDirection?:
+      | 'blurredTopClearBottom'
+      | 'blurredBottomClearTop'
+      | 'blurredCenterClearTopAndBottom'
+      | DataLink
+    /* Progressive blur start offset (0 ~ 1, progressiveBlur variant) */
+    blurStartOffset?: number | DataLink
+    /* Glass type (liquidGlass variant, iOS 26+) */
+    blurGlassType?: 'clear' | 'regular' | DataLink
+    /* Glass tint color (liquidGlass variant) */
+    blurGlassTintColor?: string | DataLink
+    /* Glass opacity (0 ~ 1, liquidGlass variant) */
+    blurGlassOpacity?: number | DataLink
+    /* Enable glass interaction (liquidGlass variant) */
+    blurGlassInteractive?: boolean | DataLink
+  }
+  events?: BrickBasicEvents & {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick long press */
+    onLongPress?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data<boolean>
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data<boolean>
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onLongPress?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+  }
+}
+
+/* Rectangle shape with customizable fill, border, radius, shadow, and blur */
+export type BrickRect = Brick &
+  BrickRectDef & {
+    templateKey: 'BRICK_RECT'
+    switches?: Array<
+      SwitchDef &
+        BrickRectDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }