From a5ad8857faeb82b5da5e90b0d13223977e4517d9 Mon Sep 17 00:00:00 2001
From: Linzp <sunandmoon001@163.com>
Date: Wed, 18 Mar 2026 14:30:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8F=AA=E8=AF=BB=E5=90=88?=
 =?UTF-8?q?=E7=A6=81=E7=94=A8=E6=A8=A1=E5=BC=8F=E4=B8=8D=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json |  2 +-
 src/index.js | 56 +++++++++++++++++++++++++++-------------------------
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/package.json b/package.json
index 7ea9347..b7c1324 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kne/column-split",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "通过拖动分隔条分配元素占比",
   "syntax": {
     "esmodules": true
diff --git a/src/index.js b/src/index.js
index 741e2ca..521b7c4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -99,33 +99,35 @@ const ColumnSplit = ({ columns = [], className, renderItem, readOnly, disabled,
           );
         })}
       </Splitter>
-      <Space.Compact block>
-        {disabledColumns.map((column, index) => {
-          const itemValue = 0;
-          const valueStr = typeof column.render === 'function' ? column.render({ value: itemValue }) : `${Math.round(100 * itemValue)}%`;
-          const el = (
-            <Button
-              variant="outlined"
-              className={style['zero-item']}
-              shape="round"
-              size="small"
-              style={{
-                '--color': column.color
-              }}
-              onClick={() => {
-                const newValue = showColumn(value, column, activeColumns);
-                onChange(newValue);
-              }}
-            >
-              <Flex align="center" justify="center">
-                {column.title}
-                <span>{valueStr}</span>
-              </Flex>
-            </Button>
-          );
-          return <Fragment key={column.name || index}>{typeof renderItem === 'function' ? renderItem({ item: column, value: itemValue, valueStr, el, index }) : el}</Fragment>;
-        })}
-      </Space.Compact>
+      {disabled || readOnly || !allowZero ? null : (
+        <Space.Compact block>
+          {disabledColumns.map((column, index) => {
+            const itemValue = 0;
+            const valueStr = typeof column.render === 'function' ? column.render({ value: itemValue }) : `${Math.round(100 * itemValue)}%`;
+            const el = (
+              <Button
+                variant="outlined"
+                className={style['zero-item']}
+                shape="round"
+                size="small"
+                style={{
+                  '--color': column.color
+                }}
+                onClick={() => {
+                  const newValue = showColumn(value, column, activeColumns);
+                  onChange(newValue);
+                }}
+              >
+                <Flex align="center" justify="center">
+                  {column.title}
+                  <span>{valueStr}</span>
+                </Flex>
+              </Button>
+            );
+            return <Fragment key={column.name || index}>{typeof renderItem === 'function' ? renderItem({ item: column, value: itemValue, valueStr, el, index }) : el}</Fragment>;
+          })}
+        </Space.Compact>
+      )}
     </Flex>
   );
 };