From 39cb2fa6196a98ecf3c3e680698fc59ce5f3b3fc Mon Sep 17 00:00:00 2001
From: sunhao <sunhao@easycorp.ltd>
Date: Sun, 24 Mar 2024 15:33:03 +0800
Subject: [PATCH] * zin: add gap property to flex widgets.

---
 lib/zin/wg/col/v1.php     | 2 ++
 lib/zin/wg/row/v1.php     | 2 ++
 lib/zin/zui/zui.class.php | 5 +++++
 3 files changed, 9 insertions(+)

diff --git a/lib/zin/wg/col/v1.php b/lib/zin/wg/col/v1.php
index d7fd49e6a7..1eef981183 100644
--- a/lib/zin/wg/col/v1.php
+++ b/lib/zin/wg/col/v1.php
@@ -5,6 +5,7 @@ namespace zin;
 class col extends wg
 {
     protected static array $defineProps = array(
+        'gap?: string|number',
         'justify?:string',
         'align?:string'
     );
@@ -19,6 +20,7 @@ class col extends wg
         return div
         (
             setClass($classList),
+            zui::gap($this->prop('gap')),
             set($this->getRestProps()),
             $this->children()
         );
diff --git a/lib/zin/wg/row/v1.php b/lib/zin/wg/row/v1.php
index b0fe92affb..9b908d5881 100644
--- a/lib/zin/wg/row/v1.php
+++ b/lib/zin/wg/row/v1.php
@@ -5,6 +5,7 @@ namespace zin;
 class row extends wg
 {
     protected static array $defineProps = array(
+        'gap?: string|number',
         'justify?: string',
         'align?: string'
     );
@@ -19,6 +20,7 @@ class row extends wg
         return div
         (
             setClass($classList),
+            zui::gap($this->prop('gap')),
             set($this->getRestProps()),
             $this->children()
         );
diff --git a/lib/zin/zui/zui.class.php b/lib/zin/zui/zui.class.php
index f9f634e51e..61485348be 100644
--- a/lib/zin/zui/zui.class.php
+++ b/lib/zin/zui/zui.class.php
@@ -203,6 +203,11 @@ class zui extends wg
         return $value ? setClass('disabled') : null;
     }
 
+    public static function gap($value)
+    {
+        return zui::skin('gap', $value, '0', 'gap');
+    }
+
     public static function width($value)
     {
         return zui::skin('w', $value, '0', 'width');