@agentscope-ai/design 1.0.16 → 1.0.18

package/lib/components/commonComponents/CollapsePanel/demo/demo1.js

@@ -23,20 +23,20 @@ var App = function App() {
       }),
       children: /*#__PURE__*/_jsxs("div", {
         style: {
-          padding: '0 12px'
+          padding: '12px'
         },
         children: [/*#__PURE__*/_jsx("p", {
           children: /*#__PURE__*/_jsx("strong", {
             children: "\u676D\u5DDE\uFF1A\u4EBA\u95F4\u5929\u5802\u7684\u8BD7\u610F\u6816\u5C45"
           })
         }), /*#__PURE__*/_jsx("p", {
-          children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u4F4D\u4E8E\u4E2D\u56FD\u4E1C\u5357\u6CBF\u6D77\u7684\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4EE5\u5176\u79C0\u7F8E\u7684\u81EA\u7136\u98CE\u5149\u548C\u6DF1\u539A\u7684\u4EBA\u6587\u5E95\u8574\uFF0C\u88AB\u8A89\u4E3A\"\u4EBA\u95F4\u5929\u5802\"\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u8FD8\u662F\u7075\u9690\u5BFA\u7684\u949F\u58F0\u60A0\u626C\uFF0C\u4EA6\u6216\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u65E0\u6570\u6E38\u5BA2\u548C\u6587\u4EBA\u58A8\u5BA2\u3002\u5728\u8FD9\u91CC\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u4EA4\u76F8\u8F89\u6620\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u548C\u8C10\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002"
+          children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u4F4D\u4E8E\u4E2D\u56FD\u4E1C\u5357\u6CBF\u6D77\u7684\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4EE5\u5176\u79C0\u7F8E\u7684\u81EA\u7136\u98CE\u5149\u548C\u6DF1\u539A\u7684\u4EBA\u6587\u5E95\u8574\uFF0C\u88AB\u8A89\u4E3A\u201C\u4EBA\u95F4\u5929\u5802\u201D\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u8FD8\u662F\u7075\u9690\u5BFA\u7684\u949F\u58F0\u60A0\u626C\uFF0C\u4EA6\u6216\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u65E0\u6570\u6E38\u5BA2\u548C\u6587\u4EBA\u58A8\u5BA2\u3002\u5728\u8FD9\u91CC\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u4EA4\u76F8\u8F89\u6620\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u548C\u8C10\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002"
         }), /*#__PURE__*/_jsx("p", {
           children: /*#__PURE__*/_jsx("strong", {
             children: "\u897F\u6E56\uFF1A\u676D\u5DDE\u7684\u7075\u9B42"
           })
         }), /*#__PURE__*/_jsx("p", {
-          children: "\u63D0\u5230\u676D\u5DDE\uFF0C\u4EBA\u4EEC\u9996\u5148\u60F3\u5230\u7684\u4FBF\u662F\u897F\u6E56\u3002\u897F\u6E56\u662F\u676D\u5DDE\u7684\u7075\u9B42\uFF0C\u4E5F\u662F\u4E2D\u56FD\u6700\u8457\u540D\u7684\u6E56\u6CCA\u4E4B\u4E00\u3002\u5B83\u4EE5\u5176\"\u6DE1\u5986\u6D53\u62B9\u603B\u76F8\u5B9C\"\u7684\u7F8E\u666F\uFF0C\u6210\u4E3A\u4E2D\u56FD\u53E4\u5178\u56ED\u6797\u827A\u672F\u7684\u5178\u8303\u3002\u65E0\u8BBA\u662F\u6625\u5929\u7684\u82CF\u5824\u6625\u6653\uFF0C\u590F\u5929\u7684\u66F2\u9662\u98CE\u8377\uFF0C\u79CB\u5929\u7684\u5E73\u6E56\u79CB\u6708\uFF0C\u8FD8\u662F\u51AC\u5929\u7684\u65AD\u6865\u6B8B\u96EA\uFF0C\u897F\u6E56\u56DB\u5B63\u7686\u6709\u4E0D\u540C\u7684\u97F5\u5473\u3002"
+          children: "\u63D0\u5230\u676D\u5DDE\uFF0C\u4EBA\u4EEC\u9996\u5148\u60F3\u5230\u7684\u4FBF\u662F\u897F\u6E56\u3002\u897F\u6E56\u662F\u676D\u5DDE\u7684\u7075\u9B42\uFF0C\u4E5F\u662F\u4E2D\u56FD\u6700\u8457\u540D\u7684\u6E56\u6CCA\u4E4B\u4E00\u3002\u5B83\u4EE5\u5176\u201C\u6DE1\u5986\u6D53\u62B9\u603B\u76F8\u5B9C\u201D\u7684\u7F8E\u666F\uFF0C\u6210\u4E3A\u4E2D\u56FD\u53E4\u5178\u56ED\u6797\u827A\u672F\u7684\u5178\u8303\u3002\u65E0\u8BBA\u662F\u6625\u5929\u7684\u82CF\u5824\u6625\u6653\uFF0C\u590F\u5929\u7684\u66F2\u9662\u98CE\u8377\uFF0C\u79CB\u5929\u7684\u5E73\u6E56\u79CB\u6708\uFF0C\u8FD8\u662F\u51AC\u5929\u7684\u65AD\u6865\u6B8B\u96EA\uFF0C\u897F\u6E56\u56DB\u5B63\u7686\u6709\u4E0D\u540C\u7684\u97F5\u5473\u3002"
         }), /*#__PURE__*/_jsx("p", {
           children: "\u6F2B\u6B65\u5728\u897F\u6E56\u8FB9\uFF0C\u6E56\u6C34\u6CE2\u5149\u7CBC\u7CBC\uFF0C\u8FDC\u5C71\u5982\u9EDB\uFF0C\u6E56\u4E2D\u7684\u4E09\u6F6D\u5370\u6708\u3001\u96F7\u5CF0\u5854\u3001\u65AD\u6865\u7B49\u666F\u70B9\uFF0C\u65E0\u4E0D\u8BC9\u8BF4\u7740\u4E00\u4E2A\u4E2A\u52A8\u4EBA\u7684\u6545\u4E8B\u3002\u897F\u6E56\u7684\u7F8E\uFF0C\u4E0D\u4EC5\u5728\u4E8E\u5B83\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u66F4\u5728\u4E8E\u5B83\u627F\u8F7D\u7684\u6DF1\u539A\u6587\u5316\u3002\u4ECE\u767D\u5C45\u6613\u7684\u300A\u94B1\u5858\u6E56\u6625\u884C\u300B\u5230\u82CF\u8F7C\u7684\u300A\u996E\u6E56\u4E0A\u521D\u6674\u540E\u96E8\u300B\uFF0C\u5386\u4EE3\u6587\u4EBA\u58A8\u5BA2\u4E3A\u897F\u6E56\u7559\u4E0B\u4E86\u65E0\u6570\u810D\u7099\u4EBA\u53E3\u7684\u8BD7\u7BC7\uFF0C\u4F7F\u5176\u6210\u4E3A\u4E2D\u56FD\u6587\u5316\u7684\u91CD\u8981\u8C61\u5F81\u3002"
         }), /*#__PURE__*/_jsx("p", {
@@ -52,7 +52,7 @@ var App = function App() {
             children: "\u9F99\u4E95\u8336\uFF1A\u676D\u5DDE\u7684\u5473\u9053"
           })
         }), /*#__PURE__*/_jsx("p", {
-          children: "\u676D\u5DDE\u7684\u9F99\u4E95\u8336\uFF0C\u662F\u4E2D\u56FD\u5341\u5927\u540D\u8336\u4E4B\u4E00\uFF0C\u4E5F\u662F\u676D\u5DDE\u6587\u5316\u7684\u91CD\u8981\u7EC4\u6210\u90E8\u5206\u3002\u9F99\u4E95\u8336\u4EE5\u5176\"\u8272\u7EFF\u3001\u9999\u90C1\u3001\u5473\u7518\u3001\u5F62\u7F8E\"\u56DB\u7EDD\u800C\u95FB\u540D\u4E8E\u4E16\u3002\u6BCF\u5E74\u6625\u5929\uFF0C\u676D\u5DDE\u7684\u8336\u519C\u4EEC\u4FBF\u5F00\u59CB\u5FD9\u788C\u8D77\u6765\uFF0C\u91C7\u6458\u65B0\u9C9C\u7684\u8336\u53F6\uFF0C\u7ECF\u8FC7\u7CBE\u5FC3\u7092\u5236\uFF0C\u5236\u6210\u6E05\u9999\u6251\u9F3B\u7684\u9F99\u4E95\u8336\u3002"
+          children: "\u676D\u5DDE\u7684\u9F99\u4E95\u8336\uFF0C\u662F\u4E2D\u56FD\u5341\u5927\u540D\u8336\u4E4B\u4E00\uFF0C\u4E5F\u662F\u676D\u5DDE\u6587\u5316\u7684\u91CD\u8981\u7EC4\u6210\u90E8\u5206\u3002\u9F99\u4E95\u8336\u4EE5\u5176\u201C\u8272\u7EFF\u3001\u9999\u90C1\u3001\u5473\u7518\u3001\u5F62\u7F8E\u201D\u56DB\u7EDD\u800C\u95FB\u540D\u4E8E\u4E16\u3002\u6BCF\u5E74\u6625\u5929\uFF0C\u676D\u5DDE\u7684\u8336\u519C\u4EEC\u4FBF\u5F00\u59CB\u5FD9\u788C\u8D77\u6765\uFF0C\u91C7\u6458\u65B0\u9C9C\u7684\u8336\u53F6\uFF0C\u7ECF\u8FC7\u7CBE\u5FC3\u7092\u5236\uFF0C\u5236\u6210\u6E05\u9999\u6251\u9F3B\u7684\u9F99\u4E95\u8336\u3002"
         }), /*#__PURE__*/_jsx("p", {
           children: "\u5728\u676D\u5DDE\uFF0C\u54C1\u8336\u4E0D\u4EC5\u662F\u4E00\u79CD\u751F\u6D3B\u4E60\u60EF\uFF0C\u66F4\u662F\u4E00\u79CD\u6587\u5316\u4F53\u9A8C\u3002\u5728\u9F99\u4E95\u6751\uFF0C\u6E38\u5BA2\u53EF\u4EE5\u4EB2\u81EA\u4F53\u9A8C\u91C7\u8336\u3001\u7092\u8336\u7684\u8FC7\u7A0B\uFF0C\u611F\u53D7\u8336\u6587\u5316\u7684\u9B45\u529B\u3002\u5750\u5728\u8336\u56ED\u4E2D\uFF0C\u54C1\u4E00\u676F\u6E05\u9999\u56DB\u6EA2\u7684\u9F99\u4E95\u8336\uFF0C\u8FDC\u773A\u9752\u5C71\u7EFF\u6C34\uFF0C\u4EFF\u4F5B\u65F6\u95F4\u90FD\u6162\u4E86\u4E0B\u6765\u3002"
         }), /*#__PURE__*/_jsx("p", {
@@ -68,7 +68,7 @@ var App = function App() {
             children: "\u73B0\u4EE3\u676D\u5DDE\uFF1A\u4F20\u7EDF\u4E0E\u521B\u65B0\u7684\u878D\u5408"
           })
         }), /*#__PURE__*/_jsx("p", {
-          children: "\u4ECA\u5929\u7684\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4E5F\u662F\u4E2D\u56FD\u79D1\u6280\u521B\u65B0\u7684\u91CD\u8981\u4E2D\u5FC3\u3002\u4F5C\u4E3A\u963F\u91CC\u5DF4\u5DF4\u7684\u603B\u90E8\u6240\u5728\u5730\uFF0C\u676D\u5DDE\u88AB\u8A89\u4E3A\"\u4E2D\u56FD\u7845\u8C37\"\uFF0C\u5438\u5F15\u4E86\u65E0\u6570\u521B\u4E1A\u8005\u548C\u79D1\u6280\u4EBA\u624D\u3002\u5728\u8FD9\u91CC\uFF0C\u53E4\u8001\u7684\u4F20\u7EDF\u6587\u5316\u4E0E\u73B0\u4EE3\u79D1\u6280\u5B8C\u7F8E\u878D\u5408\uFF0C\u5C55\u73B0\u51FA\u4E00\u79CD\u72EC\u7279\u7684\u57CE\u5E02\u6C14\u8D28\u3002"
+          children: "\u4ECA\u5929\u7684\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4E5F\u662F\u4E2D\u56FD\u79D1\u6280\u521B\u65B0\u7684\u91CD\u8981\u4E2D\u5FC3\u3002\u4F5C\u4E3A\u963F\u91CC\u5DF4\u5DF4\u7684\u603B\u90E8\u6240\u5728\u5730\uFF0C\u676D\u5DDE\u88AB\u8A89\u4E3A\u201C\u4E2D\u56FD\u7845\u8C37\u201D\uFF0C\u5438\u5F15\u4E86\u65E0\u6570\u521B\u4E1A\u8005\u548C\u79D1\u6280\u4EBA\u624D\u3002\u5728\u8FD9\u91CC\uFF0C\u53E4\u8001\u7684\u4F20\u7EDF\u6587\u5316\u4E0E\u73B0\u4EE3\u79D1\u6280\u5B8C\u7F8E\u878D\u5408\uFF0C\u5C55\u73B0\u51FA\u4E00\u79CD\u72EC\u7279\u7684\u57CE\u5E02\u6C14\u8D28\u3002"
         }), /*#__PURE__*/_jsx("p", {
           children: "\u676D\u5DDE\u7684\u73B0\u4EE3\u5316\u53D1\u5C55\u5E76\u672A\u63A9\u76D6\u5176\u4F20\u7EDF\u6587\u5316\u7684\u9B45\u529B\u3002\u76F8\u53CD\uFF0C\u73B0\u4EE3\u79D1\u6280\u4E3A\u4F20\u7EDF\u6587\u5316\u7684\u4F20\u627F\u4E0E\u521B\u65B0\u63D0\u4F9B\u4E86\u65B0\u7684\u5E73\u53F0\u3002\u4F8B\u5982\uFF0C\u897F\u6E56\u7684\u591C\u666F\u901A\u8FC7\u706F\u5149\u79C0\u7115\u53D1\u51FA\u65B0\u7684\u751F\u673A\uFF0C\u9F99\u4E95\u8336\u7684\u9500\u552E\u4E5F\u501F\u52A9\u7535\u5546\u5E73\u53F0\u8D70\u5411\u5168\u7403\u3002\u676D\u5DDE\u4EE5\u5176\u5305\u5BB9\u4E0E\u521B\u65B0\u7684\u7CBE\u795E\uFF0C\u6B63\u5728\u4E66\u5199\u7740\u65B0\u7684\u7BC7\u7AE0\u3002"
         }), /*#__PURE__*/_jsx("p", {
@@ -76,7 +76,7 @@ var App = function App() {
             children: "\u7ED3\u8BED"
           })
         }), /*#__PURE__*/_jsx("p", {
-          children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u517C\u5177\u81EA\u7136\u4E4B\u7F8E\u4E0E\u4EBA\u6587\u4E4B\u97F5\u7684\u57CE\u5E02\uFF0C\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u4E16\u754C\u5404\u5730\u7684\u6E38\u5BA2\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u7075\u9690\u5BFA\u7684\u7985\u610F\u60A0\u8FDC\uFF0C\u8FD8\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u6DF1\u539A\u7684\u6587\u5316\u5E95\u8574\u548C\u7F8E\u4E3D\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u6210\u4E3A\u4EBA\u4EEC\u5FC3\u4E2D\u7684\"\u4EBA\u95F4\u5929\u5802\"\u3002\u5728\u8FD9\u91CC\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u4EA4\u7EC7\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u8BD7\u610F\u7684\u6816\u5C45\u5730\uFF0C\u66F4\u662F\u68A6\u60F3\u4E0E\u5E0C\u671B\u7684\u8D77\u70B9\u3002"
+          children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u517C\u5177\u81EA\u7136\u4E4B\u7F8E\u4E0E\u4EBA\u6587\u4E4B\u97F5\u7684\u57CE\u5E02\uFF0C\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u4E16\u754C\u5404\u5730\u7684\u6E38\u5BA2\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u7075\u9690\u5BFA\u7684\u7985\u610F\u60A0\u8FDC\uFF0C\u8FD8\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u6DF1\u539A\u7684\u6587\u5316\u5E95\u8574\u548C\u7F8E\u4E3D\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u6210\u4E3A\u4EBA\u4EEC\u5FC3\u4E2D\u7684\u201C\u4EBA\u95F4\u5929\u5802\u201D\u3002\u5728\u8FD9\u91CC\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u4EA4\u7EC7\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u8BD7\u610F\u7684\u6816\u5C45\u5730\uFF0C\u66F4\u662F\u68A6\u60F3\u4E0E\u5E0C\u671B\u7684\u8D77\u70B9\u3002"
         })]
       })
     })

package/lib/components/commonComponents/CollapsePanel/index.js

@@ -42,7 +42,8 @@ var CollapsePanel = function CollapsePanel(props) {
     setContentHeight = _useState6[1];
   var contentRef = useRef(null);
   var commonConfig = getCommonConfig();
-  var sparkPrefix = commonConfig.sparkPrefix;
+  var sparkPrefix = commonConfig.sparkPrefix,
+    antPrefix = commonConfig.antPrefix;
   var Style = useStyle();
   useEffect(function () {
     if (contentRef.current) {
@@ -65,7 +66,6 @@ var CollapsePanel = function CollapsePanel(props) {
   var handlePanelClick = function handlePanelClick(e) {
     e.stopPropagation();
     e.preventDefault();
-    if (!expandedHeight) return;
     if (!isExpanded) {
       setIsExpanded(true);
     }
@@ -91,7 +91,7 @@ var CollapsePanel = function CollapsePanel(props) {
         onClick: handleHeaderClick,
         children: [/*#__PURE__*/_jsxs("span", {
           className: "".concat(sparkPrefix, "-collapse-panel-title"),
-          children: [title, expandedHeight && /*#__PURE__*/_jsxs("div", {
+          children: [title, /*#__PURE__*/_jsxs("div", {
             className: "".concat(sparkPrefix, "-collapse-panel-icon-wrapper"),
             children: [!isExpanded && isHovered && expandOnPanelClick && /*#__PURE__*/_jsx(SparkDownLine, {
               style: {
@@ -120,7 +120,7 @@ var CollapsePanel = function CollapsePanel(props) {
           ref: contentRef,
           className: "".concat("".concat(sparkPrefix, "-collapse-panel-contentWrapper"), " ", isExpanded && expandedHeight ? 'scrollable' : ''),
           children: children
-        }), !isExpanded && expandedHeight && /*#__PURE__*/_jsx("div", {
+        }), !isExpanded && /*#__PURE__*/_jsx("div", {
           className: "".concat(sparkPrefix, "-collapse-panel-mask")
         })]
       })]

package/lib/components/commonComponents/EllipsisTip/index.d.ts

@@ -1,3 +1,4 @@
+import { TooltipProps } from 'antd';
 import React, { CSSProperties } from 'react';
 export interface EllipsisTipProps {
     className?: string;
@@ -7,7 +8,13 @@ export interface EllipsisTipProps {
     /** 最多几行; 默认1行 */
     rows?: number;
     /** 省略时hover的提示内容; 默认值为children */
-    tooltip?: React.ReactNode;
+    tooltip?: React.ReactNode | TooltipProps;
+    /**
+     * @description tooltip的最大高度
+     * @descriptionEn tooltip max height
+     * @default '90vh'
+     */
+    tooltipMaxHeight?: number | string;
 }
 /** 超过展示范围时展示tooltip */
 export default function EllipsisTip(props: EllipsisTipProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/commonComponents/EllipsisTip/index.js

@@ -1,3 +1,9 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import { getCommonConfig } from "../../../config";
 import { Typography } from 'antd';
 import classNames from 'classnames';
@@ -15,18 +21,42 @@ export default function EllipsisTip(props) {
     children = props.children,
     _props$rows = props.rows,
     rows = _props$rows === void 0 ? 1 : _props$rows,
-    tooltip = props.tooltip;
-  var _tooltip = tooltip || children;
+    tooltip = props.tooltip,
+    _props$tooltipMaxHeig = props.tooltipMaxHeight,
+    tooltipMaxHeight = _props$tooltipMaxHeig === void 0 ? '90vh' : _props$tooltipMaxHeig;
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
   var Style = useStyle();
+  function getTooltip() {
+    var defaultBodyStyle = {
+      maxHeight: tooltipMaxHeight,
+      overflow: 'auto'
+    };
+    if (_typeof(tooltip) === 'object') {
+      var _ref = tooltip,
+        title = _ref.title,
+        styles = _ref.styles;
+      return {
+        title: title || children,
+        styles: _objectSpread(_objectSpread({}, styles), {}, {
+          body: _objectSpread(_objectSpread({}, defaultBodyStyle), styles === null || styles === void 0 ? void 0 : styles.body)
+        })
+      };
+    }
+    return {
+      title: tooltip || children,
+      styles: {
+        body: defaultBodyStyle
+      }
+    };
+  }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Typography.Paragraph, {
       className: classNames("".concat(sparkPrefix, "-ellipsis-tip"), className),
       style: style,
       ellipsis: {
         rows: rows,
-        tooltip: _tooltip
+        tooltip: getTooltip()
       },
       children: children
     })]

package/lib/components/commonComponents/Empty/index.d.ts

@@ -75,6 +75,12 @@ export interface SparkEmptyProps {
      * @descriptionEn custom empty size
      */
     size?: React.CSSProperties['width'];
+    /**
+     * @description 是否自适应容器宽度，当容器宽度小于 size 时自动缩放
+     * @descriptionEn whether to auto fit the container width, auto scale when container width is less than size
+     * @default false
+     */
+    autoFit?: boolean;
 }
 declare const Empty: (props: SparkEmptyProps) => import("react/jsx-runtime").JSX.Element;
 export default Empty;

package/lib/components/commonComponents/Empty/index.js

@@ -193,6 +193,8 @@ var Empty = function Empty(props) {
     texture = _props$texture === void 0 ? true : _props$texture,
     _props$size = props.size,
     size = _props$size === void 0 ? 320 : _props$size,
+    _props$autoFit = props.autoFit,
+    autoFit = _props$autoFit === void 0 ? true : _props$autoFit,
     okText = props.okText,
     _props$okType = props.okType,
     okType = _props$okType === void 0 ? 'primary' : _props$okType,
@@ -223,20 +225,28 @@ var Empty = function Empty(props) {
   }, [isDarkMode]);
   var Style = useStyle();
   var parsedSize = typeof size === 'string' ? parseFloat(size.replace(/px/i, '')) : size !== null && size !== void 0 ? size : 0;
+
+  /** 自适应容器样式 */
+  var autoFitStyle = autoFit ? {
+    maxWidth: '100%',
+    aspectRatio: '1 / 1',
+    width: size,
+    height: 'auto'
+  } : {
+    width: size,
+    height: size
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
       className: "".concat(sparkPrefix, "-empty ").concat(props.className || ''),
-      style: _objectSpread(_objectSpread({}, imageStyle), {}, {
-        width: size,
-        height: size
-      }),
+      style: _objectSpread(_objectSpread({}, autoFitStyle), imageStyle),
       children: [texture && /*#__PURE__*/_jsx(Illustrate, {
-        size: size,
+        size: autoFit ? '100%' : size,
         svgUrl: TEXTURE_MAP.url,
         tokenMap: textureTokenMap,
         className: "".concat(sparkPrefix, "-empty-texture")
       }), /*#__PURE__*/_jsx(Illustrate, {
-        size: size,
+        size: autoFit ? '100%' : size,
         svgUrl: image,
         tokenMap: tokenMap,
         className: "".concat(sparkPrefix, "-empty-image")
@@ -265,7 +275,12 @@ var Empty = function Empty(props) {
           }, okButtonProps), {}, {
             children: okText
           }))
-        }), !!children && children]
+        }), !!children && /*#__PURE__*/_jsx("div", {
+          style: {
+            marginTop: 0.05 * parsedSize
+          },
+          children: children
+        })]
       })]
     })]
   });

package/lib/components/commonComponents/Empty/index.style.js

@@ -1,7 +1,7 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import createGlobalStyle from "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n}\n\n.", "-empty-texture,\n.", "-empty-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  display: flex;\n  justify-content: center;\n}\n\n.", "-empty-image svg {\n  margin-top: 16.875%;\n  width: 108px;\n  height: 108px;\n}\n\n.", "-empty-texture svg {\n  width: 320px;\n  height: 320px;\n}\n\n.", "-empty-title {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  color: var(--", "-color-text);\n}\n\n.", "-empty-description {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--", "-color-text-secondary);\n  text-align: center;\n  width: 100%;\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n}\n\n.", "-empty-texture,\n.", "-empty-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  display: flex;\n  justify-content: center;\n}\n\n.", "-empty-image svg {\n  margin-top: 16.875%;\n  width: 33.75%;\n  height: 33.75%;\n}\n\n.", "-empty-texture svg {\n  width: 100%;\n  height: 100%;\n}\n\n.", "-empty-title {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  color: var(--", "-color-text);\n}\n\n.", "-empty-description {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--", "-color-text-secondary);\n  text-align: center;\n  width: 100%;\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.sparkPrefix;

package/lib/components/commonComponents/Pagination/index.js

@@ -14,47 +14,38 @@ import { LeftOutlined, RightOutlined } from "@agentscope-ai/icons-override-antd"
 import { Flex, Pagination } from 'antd';
 import classNames from 'classnames';
 import { useStyle } from "./index.style";
+
+/**
+ * 获取默认的分页大小选择器配置
+ * 使用函数形式以支持动态国际化
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var DEFAULT_SHOW_SIZE_CHANGE = {
-  options: [{
-    label: "10 ".concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Items',
-      dm: '条'
-    }), " / ").concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Page',
-      dm: '页'
-    })),
-    value: 10
-  }, {
-    label: "20 ".concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Items',
-      dm: '条'
-    }), " / ").concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Page',
-      dm: '页'
-    })),
-    value: 20
-  }, {
-    label: "50 ".concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Items',
-      dm: '条'
-    }), " / ").concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Page',
-      dm: '页'
-    })),
-    value: 50
-  }, {
-    label: "100 ".concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Items',
-      dm: '条'
-    }), " / ").concat($i18n.get({
-      id: 'components.commonComponents.Pagination.Page',
-      dm: '页'
-    })),
-    value: 100
-  }]
+var getDefaultShowSizeChange = function getDefaultShowSizeChange() {
+  var itemsText = $i18n.get({
+    id: 'components.commonComponents.Pagination.Items',
+    dm: '条'
+  });
+  var pageText = $i18n.get({
+    id: 'components.commonComponents.Pagination.Page',
+    dm: '页'
+  });
+  return {
+    options: [{
+      label: "10 ".concat(itemsText, " / ").concat(pageText),
+      value: 10
+    }, {
+      label: "20 ".concat(itemsText, " / ").concat(pageText),
+      value: 20
+    }, {
+      label: "50 ".concat(itemsText, " / ").concat(pageText),
+      value: 50
+    }, {
+      label: "100 ".concat(itemsText, " / ").concat(pageText),
+      value: 100
+    }]
+  };
 };
 export default (function (props) {
   var _props$hideSwitchButt = props.hideSwitchButton,
@@ -115,8 +106,8 @@ export default (function (props) {
   }
   var getMergedShowSizeChange = function getMergedShowSizeChange() {
     if (props.showSizeChanger === true) {
-      // 用户手动设置为 true，使用预置选项
-      return DEFAULT_SHOW_SIZE_CHANGE;
+      // 用户手动设置为 true，使用预置选项（动态获取以支持国际化）
+      return getDefaultShowSizeChange();
     }
     if (props.showSizeChanger === false) {
       // 用户手动设为 false
@@ -127,8 +118,8 @@ export default (function (props) {
       return props.showSizeChanger;
     }
     if (restProps.total && restProps.total > 50) {
-      // 数据量大于 50，使用预置选项
-      return DEFAULT_SHOW_SIZE_CHANGE;
+      // 数据量大于 50，使用预置选项（动态获取以支持国际化）
+      return getDefaultShowSizeChange();
     }
     return false;
   };

package/lib/components/commonComponents/Pagination/index.style.js

@@ -1,7 +1,7 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import createGlobalStyle from "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-pagination {\n  color: var(--", "-color-text) !important;\n  font-weight: 500 !important;\n  \n  .", "-pagination-total-text {\n    font-weight: 500;\n  }\n  \n  .", "-select-selection-item {\n    font-weight: 500;\n  }\n  \n  .", "-pagination-item-active {\n    border-color: var(--", "-color-border-secondary);\n    border-radius: 8px;\n    font-weight: \n    \n    a {\n      color: var(--", "-color-text) !important;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text) !important;\n    font-weight: 500 !important;\n  }\n  \n  .", "-pagination-jump-next {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .", "-pagination-jump-prev {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n.", "-pagination {\n  .", "-pagination-prev,\n  .", "-pagination-next,\n  .", "-pagination-jump-prev,\n  .", "-pagination-jump-next {\n    font-family: serif;\n    display: inline-block !important;\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-pagination {\n  color: var(--", "-color-text) !important;\n  font-weight: 500 !important;\n  \n  .", "-pagination-total-text {\n    font-weight: 500;\n  }\n  \n  .", "-select-selection-item {\n    font-weight: 500;\n  }\n  \n  .", "-pagination-item-active {\n    border-color: var(--", "-color-border-secondary);\n    border-radius: 8px;\n    font-weight: \n    \n    a {\n      color: var(--", "-color-text) !important;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text) !important;\n    font-weight: 500 !important;\n  }\n  \n  .", "-pagination-jump-next {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .", "-pagination-jump-prev {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n.", "-pagination {\n  .", "-pagination-prev,\n  .", "-pagination-next,\n  .", "-pagination-jump-prev,\n  .", "-pagination-jump-next {\n    font-family: Montserrat;\n    display: inline-block !important;\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/PromptsEditor/VarRender.js

@@ -28,7 +28,7 @@ var PlaceholderWidget = /*#__PURE__*/function (_WidgetType) {
   _createClass(PlaceholderWidget, [{
     key: "eq",
     value: function eq(other) {
-      return other.name == this.name;
+      return other.name === this.name;
     }
   }, {
     key: "toDOM",

package/lib/components/commonComponents/SliderSelector/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export interface SliderSelectorProps {
     className?: string;
-    onChange: (val: number | null) => void;
+    onChange?: (val: number | null) => void;
     value?: number | null;
     min: number;
     max: number;

package/lib/components/commonComponents/SliderSelector/index.js

@@ -19,15 +19,19 @@ export default function SliderSelector(props) {
     /**InputNumber为受控组件，会导致min和max失效，所以需要手动处理 */
     var numVal = typeof val === 'string' ? parseFloat(val) : val;
     if (numVal === null || isNaN(numVal)) {
-      props.onChange(null);
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, null);
       return;
     }
     if (numVal < props.min) {
-      props.onChange(props.min);
+      var _props$onChange2;
+      (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, props.min);
     } else if (numVal > props.max) {
-      props.onChange(props.max);
+      var _props$onChange3;
+      (_props$onChange3 = props.onChange) === null || _props$onChange3 === void 0 || _props$onChange3.call(props, props.max);
     } else {
-      props.onChange(numVal);
+      var _props$onChange4;
+      (_props$onChange4 = props.onChange) === null || _props$onChange4 === void 0 || _props$onChange4.call(props, numVal);
     }
   };
   return /*#__PURE__*/_jsxs(_Fragment, {

package/lib/components/commonComponents/Steps/index.js

@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { getCommonConfig } from "../../../config";
 import { SparkTrueLine } from '@agentscope-ai/icons';
 import { Steps } from 'antd';
+import classNames from 'classnames';
 import { useMemo } from 'react';
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -45,7 +46,7 @@ var SparkSteps = function SparkSteps(props) {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Steps, _objectSpread(_objectSpread({}, props), {}, {
       items: items,
-      className: "".concat(sparkPrefix, "-steps")
+      className: classNames("".concat(sparkPrefix, "-steps"), props.className)
     }))]
   });
 };

package/lib/components/commonComponents/Steps/index.style.js

@@ -1,7 +1,7 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import createGlobalStyle from "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-steps {\n  .", "-steps-item-container {\n    display: flex;\n    flex-direction: row;\n  }\n  \n  .", "-steps-item:not(.", "-steps-item-active):not(.", "-steps-item-process) {\n    .", "-steps-item-container {\n      &:hover {\n        .", "-steps-item-icon {\n          border-color: transparent !important;\n        }\n      }\n    }\n  }\n  \n  .", "-steps-item-icon {\n    font-size: 14px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--", "-color-border-secondary);\n  }\n  \n  .", "-steps-item-finish {\n    .", "-steps-item-icon {\n      height: 20px !important;\n    }\n    \n    .", "-steps-icon {\n      max-width: 20px;\n      max-height: 20px;\n      font-size: 16px !important;\n      line-height: 20px !important;\n      top: -0.5px !important;\n      \n      .", "-finish-icon {\n        background-color: var(--", "-color-primary-bg);\n        border-radius: 50%;\n        font-size: 16px !important;\n        width: 20px;\n        height: 20px;\n        color: var(--", "-color-primary);\n      }\n    }\n  }\n  \n  .", "-steps-item-title {\n    padding-inline-end: 8px;\n    line-height: 20px;\n    color: var(--", "-color-text) !important;\n    font-size: 14px;\n    font-weight: 500;\n    \n    &::after {\n      background-color: var(--", "-color-border-secondary) !important;\n      height: 1px;\n      background: var(--", "-color-border-secondary);\n    }\n  }\n  \n  .", "-steps-item-description {\n    font-size: 12px;\n    line-height: 20px;\n    color: var(--", "-color-text-tertiary) !important;\n  }\n  \n  .", "-steps-item-wait {\n    .", "-steps-item-icon {\n      background-color: var(--", "-color-primary-bg);\n    }\n  }\n  \n  &.", "-steps-horizontal:not(.", "-steps-label-vertical) {\n    .", "-steps-item {\n      padding-inline-start: 8px;\n    }\n  }\n}\n\n.", "-steps-vertical {\n  display: flex;\n  min-height: 182px;\n  align-items: center;\n  justify-content: center;\n  \n  .", "-steps-item {\n    .", "-steps-item-icon {\n      margin-inline-end: 9px !important;\n    }\n  }\n  \n  .", "-steps-item-tail::after {\n    width: 1px !important;\n    background-color: var(--", "-color-border-secondary) !important;\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-steps {\n  .", "-steps-item-container {\n    display: flex;\n    flex-direction: row;\n  }\n  \n  .", "-steps-item:not(.", "-steps-item-active):not(.", "-steps-item-process) {\n    .", "-steps-item-container {\n      &:hover {\n        .", "-steps-item-icon {\n          border-color: transparent !important;\n        }\n      }\n    }\n  }\n  \n  .", "-steps-item-icon {\n    font-size: 14px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--", "-color-border-secondary);\n  }\n\n  .", "-steps-item-process {\n    .", "-steps-item-icon {\n      border-color: transparent !important;\n    }\n  }\n  \n  .", "-steps-item-finish {\n    .", "-steps-item-icon {\n      height: 20px !important;\n    }\n    \n    .", "-steps-icon {\n      max-width: 20px;\n      max-height: 20px;\n      font-size: 20px !important;\n      line-height: 20px !important;\n      top: -0.5px !important;\n      \n      .", "-finish-icon {\n        background-color: var(--", "-color-primary-bg);\n        border-radius: 50%;\n        font-size: 20px !important;\n        width: 20px;\n        height: 20px;\n        color: var(--", "-color-primary);\n      }\n    }\n  }\n  \n  .", "-steps-item-title {\n    padding-inline-end: 8px;\n    line-height: 20px;\n    color: var(--", "-color-text) !important;\n    font-size: 14px;\n    font-weight: 500;\n    \n    &::after {\n      background-color: var(--", "-color-border-secondary) !important;\n      height: 1px;\n      background: var(--", "-color-border-secondary);\n    }\n  }\n  \n  .", "-steps-item-description {\n    font-size: 12px;\n    line-height: 20px;\n    color: var(--", "-color-text-tertiary) !important;\n  }\n  \n  .", "-steps-item-wait {\n    .", "-steps-item-icon {\n      background-color: var(--", "-color-primary-bg);\n    }\n  }\n  \n  &.", "-steps-horizontal:not(.", "-steps-label-vertical) {\n    .", "-steps-item {\n      padding-inline-start: 8px;\n    }\n  }\n}\n\n.", "-steps-vertical {\n  display: flex;\n  min-height: 182px;\n  align-items: center;\n  justify-content: center;\n  \n  .", "-steps-item {\n    .", "-steps-item-icon {\n      margin-inline-end: 9px !important;\n    }\n  }\n  \n  .", "-steps-item-tail::after {\n    width: 1px !important;\n    background-color: var(--", "-color-border-secondary) !important;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;
@@ -25,6 +25,10 @@ export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _t
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
 }, function (p) {
   return p.sparkPrefix;
 }, function (p) {

package/lib/components/commonComponents/Table/index.style.js

@@ -1,7 +1,33 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import createGlobalStyle from "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table-wrapper {\n  .", "-table-container {\n    .", "-table-thead > tr > th {\n      padding: 8px 20px;\n      font-weight: 400;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    table > thead > tr:first-child > *:first-child {\n      border-start-start-radius: 0;\n    }\n    \n    table > thead > tr:first-child > *:last-child {\n      border-start-end-radius: 0;\n    }\n    \n    .", "-table-thead > tr > th:not(:last-child):not(.", "-table-selection-column):not(.", "-table-row-expand-icon-cell):not([colspan])::before {\n            display: none !important;\n          }\n    \n      .", "-table-tbody > tr > td {\n        padding: 16px 20px;\n      }\n      \n      .", "-table-tbody > tr {\n        & > td:not(.", "-table-selection-column):first-child,\n        & > td.", "-table-selection-column + td:not(\n        .", "-table-selection-column) {\n          font-weight: 500;\n        }\n      }\n    }\n      \n    .", "-table-small {\n      .", "-table-tbody > tr > td {\n        padding: 8px 20px;\n      }\n    }\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table-wrapper {\n  .", "-table-container {\n    .", "-table-thead > tr > th {\n      padding: 8px 20px;\n      font-weight: 400;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    /* \u9ED8\u8BA4\u60C5\u51B5\u4E0B\u79FB\u9664\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 */\n    table > thead > tr:first-child > *:first-child {\n      border-start-start-radius: 0;\n    }\n    \n    table > thead > tr:first-child > *:last-child {\n      border-start-end-radius: 0;\n    }\n    \n    .", "-table-thead > tr > th:not(:last-child):not(.", "-table-selection-column):not(.", "-table-row-expand-icon-cell):not([colspan])::before {\n      display: none !important;\n    }\n    \n    .", "-table-tbody > tr > td {\n      padding: 16px 20px;\n    }\n    \n    .", "-table-tbody > tr {\n      & > td:not(.", "-table-selection-column):first-child,\n      & > td.", "-table-selection-column + td:not(\n      .", "-table-selection-column) {\n        font-weight: 500;\n      }\n    }\n  }\n  \n  .", "-table-small {\n    .", "-table-tbody > tr > td {\n      padding: 8px 20px;\n    }\n  }\n  \n  /* \u65E0 footer \u65F6 bordered \u8868\u683C\u6DFB\u52A0\u6574\u4F53\u5706\u89D2 */\n  .", "-table-bordered:not(:has(.", "-table-footer)) {\n\n    .", "-table-container {\n      border-radius: var(--", "-table-header-border-radius);\n      /* \u6062\u590D\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 - \u5DE6\u4E0A\u89D2\u548C\u53F3\u4E0A\u89D2 */\n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: var(--", "-table-header-border-radius);\n      }\n\n      table > tbody > tr:last-child > *:first-child {\n        border-end-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > tbody > tr:last-child > *:last-child {\n        border-end-end-radius: var(--", "-table-header-border-radius);\n        }\n    }\n  }\n\n/* \u6709 footer \u65F6 bordered \u8868\u683C\u6DFB\u52A0\u6574\u4F53\u5706\u89D2 */\n  .", "-table-bordered:has(.", "-table-footer) {\n    .", "-table-container {\n      /* \u6062\u590D\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 - \u5DE6\u4E0A\u89D2\u548C\u53F3\u4E0A\u89D2 */\n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: var(--", "-table-header-border-radius);\n      }\n    }\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/Tabs/index.js

@@ -28,8 +28,8 @@ var SparkTabs = function SparkTabs(props) {
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
   var _useMergedState = useMergedState(function () {
-      var _restProps$items$;
-      return (_restProps$items$ = restProps.items[0]) === null || _restProps$items$ === void 0 ? void 0 : _restProps$items$.key;
+      var _restProps$items;
+      return (_restProps$items = restProps.items) === null || _restProps$items === void 0 || (_restProps$items = _restProps$items[0]) === null || _restProps$items === void 0 ? void 0 : _restProps$items.key;
     }, {
       value: restProps.activeKey,
       defaultValue: restProps.defaultActiveKey
@@ -39,6 +39,11 @@ var SparkTabs = function SparkTabs(props) {
     setMergedActiveKey = _useMergedState2[1];
   var Style = useStyle();
   if (type === 'segmented') {
+    var handleChange = function handleChange(key) {
+      var _props$onChange;
+      setMergedActiveKey(key);
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, key);
+    };
     return /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({
         animated: false
@@ -55,13 +60,9 @@ var SparkTabs = function SparkTabs(props) {
           })) || [];
           return /*#__PURE__*/_jsx(Segmented, {
             options: options,
-            onChange: function onChange(value) {
-              var _props$onChange;
-              setMergedActiveKey(value);
-              (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, value);
-            },
+            onChange: handleChange,
             className: classNames("".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({}, "".concat(sparkPrefix, "-segmented-tab-bar-centered"), centered)),
-            value: tabProps.activeKey,
+            value: mergedActiveKey,
             size: props.size
           });
         }

package/lib/components/commonComponents/Tooltip/demo/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/lib/components/commonComponents/Tooltip/demo/demo3.js

@@ -0,0 +1,25 @@
+import { Button, Tooltip } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var title = new Array(100).fill(1).map(function (_, index) {
+  return "".concat(index + 1, " \u6D4B\u8BD5maxHeight\u5C5E\u6027\u7684\u573A\u666F");
+}).join('');
+var App = function App() {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Tooltip, {
+      title: title,
+      maxHeight: 400,
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "set maxHeight"
+      })
+    }), /*#__PURE__*/_jsx(Tooltip, {
+      title: title,
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "not set maxHeight"
+      })
+    })]
+  });
+};
+export default App;

package/lib/components/commonComponents/Tooltip/index.d.ts

@@ -4,9 +4,15 @@ export interface SparkTooltipProps {
     /**
      * @description 颜色模式
      * @descriptionEn color mode
-     * @default 'light'
+     * @default 'dark'
      */
     mode?: 'dark' | 'light';
+    /**
+     * @description 最大高度
+     * @descriptionEn max height
+     * @default '90vh'
+     */
+    maxHeight?: number | string;
 }
 declare const SparkTooltip: import("react").ForwardRefExoticComponent<(SparkTooltipProps & TooltipProps) & import("react").RefAttributes<any>>;
 export default SparkTooltip;