TypeScript-based Declarative Development Paradigm

• Universal Component Information

  • Universal Events
    • Click Event
    • Touch Event
    • Show/Hide Event
    • Drag/Drop Event
    • Key Event
    • Focus Event
    • Mouse Event
    • Component Area Change Event
  • Universal Attributes
    • Size
    • Location
    • Layout Constraints
    • Flex Layout
    • Border
    • Background
    • Opacity
    • Visibility
    • Enable/Disable
    • Overlay
    • Z-order Control
    • Transformation
    • Image Effect Configuration
    • Shape Clipping
    • Text Style
    • Grid
    • Gradient Color
    • Popup Control
    • Menu Control
    • Click Control
    • Focus Control
    • Hover Effect
    • Component ID
    • Touch Target
    • Polymorphic Style
  • Gesture Processing
    • Gesture Binding Methods
    • Basic Gestures
      • TapGesture
      • LongPressGesture
      • PanGesture
      • PinchGesture
      • RotationGesture
      • SwipeGesture
    • Combined Gestures

• Basic Components

  • Blank
  • Button
  • Checkbox
  • CheckboxGroup
  • DataPanel
  • DatePicker
  • Divider
  • Gauge
  • Image
  • ImageAnimator
  • LoadingProgress
  • Marquee
  • Navigation
  • Progress
  • QRCode
  • Radio
  • Rating
  • RichText
  • ScrollBar
  • Search
  • Select
  • Slider
  • Span
  • Stepper
  • StepperItem
  • Text
  • TextArea
  • TextClock
  • TextInput
  • TextPicker
  • TextTimer
  • TimePicker
  • Toggle
  • Web
  • XComponent

• Container Components

  • AlphabetIndexer
  • Badge
  • Column
  • ColumnSplit
  • Counter
  • Flex
  • GridContainer
  • Grid
  • GridItem
  • List
  • ListItem
  • Navigator
  • Panel
  • Refresh
  • Row
  • RowSplit
  • Scroll
  • SideBarContainer
  • Stack
  • Swiper
  • Tabs
  • TabContent

• Media Components

  • Video

• Drawing Components

  • Circle
  • Ellipse
  • Line
  • Polyline
  • Polygon
  • Path
  • Rect
  • Shape

• Canvas Components

  • Canvas
  • CanvasRenderingContext2D
  • OffscreenCanvasRenderingConxt2D
  • Lottie
  • Path2D
  • CanvasGradient
  • ImageBitmap
  • ImageData

• Animation

  • AnimatorProperty
  • Explicit Animation
  • Transition Animation
    • Page Transition
    • Component Transition
    • Transition of Shared Elements
  • Motion Path Animation
  • Matrix Transformation
  • Interpolation Calculation

• Global UI Methods

  • Pop-up Window
    • Alert Dialog Box
    • Action Sheet
    • Custom Dialog Box
    • Date Picker Dialog Box
    • Time Picker Dialog Box
    • Text Picker Dialog Box
  • Menu

• Built-in Enums

• Types