@lowdefy/blocks-antd 5.6.0 → 6.0.0

package/dist/blocks/TreeSelector/gallery.yaml

@@ -0,0 +1,81 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+- title: Basic (flat data)
+  blocks:
+    - id: basic_tree_selector
+      type: TreeSelector
+      properties:
+        title: Category
+        primaryKey: id
+        parentKey: parentId
+        valueKey: id
+        html: '{{ item.label }}'
+        treeDefaultExpandAll: true
+        data:
+          - { id: 1, label: Electronics }
+          - { id: 2, label: Phones, parentId: 1 }
+          - { id: 3, label: Laptops, parentId: 1 }
+          - { id: 4, label: Clothing }
+          - { id: 5, label: Shirts, parentId: 4 }
+          - { id: 6, label: Shoes, parentId: 4 }
+
+- title: Store a value field
+  blocks:
+    - id: value_tree_selector
+      type: TreeSelector
+      properties:
+        title: Region
+        placeholder: Pick a region...
+        primaryKey: id
+        parentKey: parentId
+        valueKey: code
+        html: '{{ item.label }}'
+        treeDefaultExpandAll: true
+        data:
+          - { id: 1, label: Europe, code: eu }
+          - { id: 2, label: Germany, code: de, parentId: 1 }
+          - { id: 3, label: France, code: fr, parentId: 1 }
+          - { id: 4, label: Americas, code: am }
+          - { id: 5, label: United States, code: us, parentId: 4 }
+      events:
+        onChange:
+          - id: capture
+            type: SetState
+            params:
+              region:
+                _event: value
+    - id: value_tree_display
+      type: Paragraph
+      properties:
+        content:
+          _nunjucks:
+            template: 'Selected code: {{ region if region != null else "—" }}'
+            on:
+              _state: true
+
+- title: Options (label/value)
+  blocks:
+    - id: options_tree_selector
+      type: TreeSelector
+      properties:
+        title: Department
+        primaryKey: value
+        parentKey: parent
+        treeDefaultExpandAll: true
+        options:
+          - { value: eng, label: Engineering }
+          - { value: fe, label: Frontend, parent: eng }
+          - { value: be, label: Backend, parent: eng }
+          - { value: ops, label: Operations }

package/dist/blocks/Watermark/gallery.yaml

@@ -0,0 +1,479 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+- title: Basic Text Watermark
+  blocks:
+    - id: basic_single
+      type: Watermark
+      properties:
+        text: Lowdefy
+      blocks:
+        - id: basic_single_child
+          type: Box
+          style:
+            height: 200px
+
+    - id: basic_multiline
+      type: Watermark
+      properties:
+        text:
+          - Lowdefy
+          - Confidential
+      blocks:
+        - id: basic_multiline_child
+          type: Box
+          style:
+            height: 220px
+
+- title: Image Watermark
+  blocks:
+    - id: img_logo
+      type: Watermark
+      properties:
+        image: https://lowdefy.com/favicon-32x32.png
+        width: 80
+        height: 80
+      blocks:
+        - id: img_logo_child
+          type: Box
+          style:
+            height: 240px
+
+    - id: img_small
+      type: Watermark
+      properties:
+        image: https://lowdefy.com/favicon-32x32.png
+        width: 40
+        height: 40
+      blocks:
+        - id: img_small_child
+          type: Box
+          style:
+            height: 200px
+
+- title: Font Customization
+  blocks:
+    - id: font_red
+      type: Watermark
+      properties:
+        text: Rejected
+        font:
+          color: rgba(255, 0, 0, 0.15)
+      blocks:
+        - id: font_red_child
+          type: Box
+          style:
+            height: 180px
+
+    - id: font_large_bold
+      type: Watermark
+      properties:
+        text: DRAFT
+        font:
+          fontSize: 28
+          fontWeight: bold
+          color: rgba(255, 0, 0, 0.08)
+      blocks:
+        - id: font_large_bold_child
+          type: Box
+          style:
+            height: 220px
+
+    - id: font_serif_italic
+      type: Watermark
+      properties:
+        text: Elegant
+        font:
+          fontFamily: Georgia, serif
+          fontStyle: italic
+          fontSize: 20
+          color: rgba(139, 92, 246, 0.1)
+      blocks:
+        - id: font_serif_italic_child
+          type: Box
+          style:
+            height: 200px
+
+- title: Text Alignment
+  blocks:
+    - id: align_left
+      type: Watermark
+      properties:
+        text:
+          - Left Aligned
+          - Second Line
+        font:
+          textAlign: left
+          color: rgba(0, 0, 0, 0.1)
+      blocks:
+        - id: align_left_child
+          type: Box
+          style:
+            height: 200px
+
+    - id: align_center
+      type: Watermark
+      properties:
+        text:
+          - Center Aligned
+          - Second Line
+        font:
+          textAlign: center
+          color: rgba(0, 0, 0, 0.1)
+      blocks:
+        - id: align_center_child
+          type: Box
+          style:
+            height: 200px
+
+    - id: align_right
+      type: Watermark
+      properties:
+        text:
+          - Right Aligned
+          - Second Line
+        font:
+          textAlign: right
+          color: rgba(0, 0, 0, 0.1)
+      blocks:
+        - id: align_right_child
+          type: Box
+          style:
+            height: 200px
+
+- title: Rotation Angles
+  blocks:
+    - id: rotate_default
+      type: Watermark
+      properties:
+        text: Default (-22 degrees)
+      blocks:
+        - id: rotate_default_child
+          type: Box
+          style:
+            height: 180px
+
+    - id: rotate_horizontal
+      type: Watermark
+      properties:
+        text: Horizontal (0 degrees)
+        rotate: 0
+      blocks:
+        - id: rotate_horizontal_child
+          type: Box
+          style:
+            height: 180px
+
+    - id: rotate_steep
+      type: Watermark
+      properties:
+        text: Steep (-45 degrees)
+        rotate: -45
+      blocks:
+        - id: rotate_steep_child
+          type: Box
+          style:
+            height: 200px
+
+- title: Gap and Offset
+  blocks:
+    - id: gap_tight
+      type: Watermark
+      properties:
+        text: Tight Gap
+        gap:
+          - 50
+          - 50
+      blocks:
+        - id: gap_tight_child
+          type: Box
+          style:
+            height: 200px
+
+    - id: gap_wide
+      type: Watermark
+      properties:
+        text: Wide Gap
+        gap:
+          - 200
+          - 200
+      blocks:
+        - id: gap_wide_child
+          type: Box
+          style:
+            height: 200px
+
+    - id: offset_shifted
+      type: Watermark
+      properties:
+        text: Offset (50, 40)
+        offset:
+          - 50
+          - 40
+      blocks:
+        - id: offset_shifted_child
+          type: Box
+          style:
+            height: 200px
+
+- title: Z-Index and Inherit
+  blocks:
+    - id: zindex_high
+      type: Watermark
+      properties:
+        text: High zIndex (100)
+        zIndex: 100
+      blocks:
+        - id: zindex_high_child
+          type: Box
+          style:
+            height: 180px
+
+    - id: inherit_false
+      type: Watermark
+      properties:
+        text: Inherit disabled
+        inherit: false
+      blocks:
+        - id: inherit_false_child
+          type: Box
+          style:
+            height: 180px
+
+- title: Theme Token Overrides
+  blocks:
+    - id: theme_color_fill
+      type: Watermark
+      properties:
+        text: Custom Fill Color
+        theme:
+          colorFill: rgba(22, 119, 255, 0.12)
+      blocks:
+        - id: theme_color_fill_child
+          type: Box
+          style:
+            height: 200px
+
+    - id: theme_font_size
+      type: Watermark
+      properties:
+        text: Large Default Font
+        theme:
+          fontSizeLG: 24
+      blocks:
+        - id: theme_font_size_child
+          type: Box
+          style:
+            height: 200px
+
+    - id: theme_font_family
+      type: Watermark
+      properties:
+        text: Serif Theme Font
+        theme:
+          fontFamily: 'Georgia, serif'
+      blocks:
+        - id: theme_font_family_child
+          type: Box
+          style:
+            height: 200px
+
+- title: CSS Key Classes
+  blocks:
+    - id: css_gradient_bg
+      type: Watermark
+      class:
+        element: bg-gradient-to-br from-primary/10 to-primary/5 rounded-lg p-4
+      properties:
+        text: Preview
+        font:
+          color: rgba(79, 70, 229, 0.1)
+          fontSize: 18
+      blocks:
+        - id: css_gradient_bg_content
+          type: Paragraph
+          properties:
+            content: >
+              The element CSS key applies Tailwind classes to the Watermark wrapper.
+              Here a gradient background and rounded corners create a styled preview area.
+
+    - id: css_dark_surface
+      type: Watermark
+      class:
+        element: bg-bg-layout rounded-lg p-4
+      properties:
+        text: Dark Theme
+        font:
+          color: rgba(255, 255, 255, 0.08)
+          fontSize: 16
+      blocks:
+        - id: css_dark_surface_title
+          type: Title
+          style:
+            color: white
+          properties:
+            content: Dark Background
+            level: 5
+        - id: css_dark_surface_content
+          type: Paragraph
+          style:
+            color: rgba(255, 255, 255, 0.7)
+          properties:
+            content: >
+              White watermark text with low opacity stays subtle on a dark surface.
+              Useful for dark-mode interfaces and embedded viewers.
+
+    - id: css_bordered_area
+      type: Watermark
+      class:
+        element: border-2 border-dashed border-border rounded-xl p-6
+      properties:
+        text: Upload Area
+        font:
+          color: rgba(0, 0, 0, 0.06)
+          fontSize: 20
+        rotate: 0
+        gap:
+          - 120
+          - 80
+      blocks:
+        - id: css_bordered_area_text
+          type: Paragraph
+          style:
+            textAlign: center
+            color: '#999'
+          properties:
+            content: Drag and drop files here or click to browse
+
+- title: Draft Financial Report
+  blocks:
+    - id: report_wrapper
+      type: Box
+      class: bg-bg-container rounded-lg shadow-sm
+      blocks:
+        - id: report_watermark
+          type: Watermark
+          properties:
+            text: DRAFT
+            font:
+              fontSize: 28
+              fontWeight: bold
+              color: rgba(255, 0, 0, 0.06)
+            gap:
+              - 150
+              - 150
+            rotate: -30
+          blocks:
+            - id: report_heading
+              type: Title
+              properties:
+                content: Quarterly Financial Report
+                level: 4
+            - id: report_subtitle
+              type: Paragraph
+              properties:
+                content: Prepared for the Board of Directors — Q1 2026
+            - id: report_divider
+              type: Divider
+            - id: report_body_1
+              type: Paragraph
+              properties:
+                content: >
+                  Revenue for the first quarter reached $12.4M, representing a 15% increase
+                  year-over-year. Operating margins improved to 23% driven by efficiency gains
+                  across all business units.
+            - id: report_body_2
+              type: Paragraph
+              properties:
+                content: >
+                  Customer acquisition costs decreased by 8% while customer lifetime value
+                  increased by 12%, indicating strong unit economics. The sales pipeline
+                  remains robust with $45M in qualified opportunities.
+
+- title: Confidential Project Dashboard
+  blocks:
+    - id: dashboard_watermark
+      type: Watermark
+      properties:
+        text:
+          - CONFIDENTIAL
+          - Do Not Copy
+        font:
+          fontSize: 18
+          color: rgba(22, 119, 255, 0.06)
+          fontWeight: bold
+        gap:
+          - 120
+          - 120
+      blocks:
+        - id: dashboard_title
+          type: Title
+          properties:
+            content: Project Overview
+            level: 4
+        - id: dashboard_cards
+          type: Box
+          layout:
+            gap: 16
+          blocks:
+            - id: dashboard_card_alpha
+              type: Card
+              layout:
+                flex: 1 1 0
+              properties:
+                title: Project Alpha
+              slots:
+                extra:
+                  blocks:
+                    - id: dashboard_alpha_tag
+                      type: Tag
+                      layout:
+                        flex: 0 0 auto
+                      properties:
+                        title: Active
+                        color: success
+              blocks:
+                - id: dashboard_alpha_desc
+                  type: Paragraph
+                  properties:
+                    content: A web application for managing team workflows and project timelines. Currently in active development with scheduled release next quarter.
+                - id: dashboard_alpha_progress
+                  type: Progress
+                  properties:
+                    percent: 68
+            - id: dashboard_card_beta
+              type: Card
+              layout:
+                flex: 1 1 0
+              properties:
+                title: Project Beta
+              slots:
+                extra:
+                  blocks:
+                    - id: dashboard_beta_tag
+                      type: Tag
+                      layout:
+                        flex: 0 0 auto
+                      properties:
+                        title: Planning
+                        color: warning
+              blocks:
+                - id: dashboard_beta_desc
+                  type: Paragraph
+                  properties:
+                    content: Mobile app for real-time inventory tracking across multiple warehouses. Integrates with existing ERP systems for seamless data sync.
+                - id: dashboard_beta_progress
+                  type: Progress
+                  properties:
+                    percent: 25

package/dist/blocks/Watermark/tests/Watermark.e2e.yaml

@@ -0,0 +1,62 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+id: watermark_block
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: wm_text
+    type: Watermark
+    properties:
+      text: Confidential
+    blocks:
+      - id: wm_text_content
+        type: Paragraph
+        properties:
+          content: Document content here
+
+  # ============================================
+  # MULTILINE TEXT
+  # ============================================
+
+  - id: wm_multi
+    type: Watermark
+    properties:
+      text:
+        - Draft
+        - Internal
+    blocks:
+      - id: wm_multi_content
+        type: Paragraph
+        properties:
+          content: Multi-line watermark content
+
+  # ============================================
+  # ROTATED WATERMARK
+  # ============================================
+
+  - id: wm_rotated
+    type: Watermark
+    properties:
+      text: Rotated
+      rotate: -30
+    blocks:
+      - id: wm_rotated_content
+        type: Paragraph
+        properties:
+          content: Rotated watermark content

package/dist/blocks/Watermark/tests.yaml

@@ -0,0 +1,86 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+- id: default
+  type: Watermark
+- id: properties.text
+  type: Watermark
+  properties:
+    text: Lowdefy
+- id: properties.text array
+  type: Watermark
+  properties:
+    text:
+      - Lowdefy
+      - Confidential
+- id: properties.font
+  type: Watermark
+  properties:
+    text: Lowdefy
+    font:
+      color: rgba(0, 0, 0, 0.15)
+      fontSize: 16
+      fontWeight: normal
+      fontFamily: Roboto
+- id: properties.gap
+  type: Watermark
+  properties:
+    text: Lowdefy
+    gap:
+      - 100
+      - 100
+- id: properties.offset
+  type: Watermark
+  properties:
+    text: Lowdefy
+    offset:
+      - 50
+      - 50
+- id: 'properties.rotate: -30'
+  type: Watermark
+  properties:
+    text: Lowdefy
+    rotate: -30
+- id: 'properties.zIndex: 10'
+  type: Watermark
+  properties:
+    text: Lowdefy
+    zIndex: 10
+- id: 'properties.width: 120'
+  type: Watermark
+  properties:
+    text: Lowdefy
+    width: 120
+- id: 'properties.height: 64'
+  type: Watermark
+  properties:
+    text: Lowdefy
+    height: 64
+- id: properties.image
+  type: Watermark
+  properties:
+    image: https://via.placeholder.com/100
+    width: 100
+    height: 100
+- id: 'properties.inherit: false'
+  type: Watermark
+  properties:
+    text: Lowdefy
+    inherit: false
+- id: 'properties.font.textAlign: center'
+  type: Watermark
+  properties:
+    text: Lowdefy
+    font:
+      textAlign: center