@agentscope-ai/design 1.0.26-beta.1767840384443 → 1.0.26-beta.1768271896414

package/lib/antd/styles/button.style.js

@@ -1,9 +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 useButtonStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* \u53D6\u6D88\u6240\u6709button\u7684boxShadow */\nbutton[type=\"button\"].", "-btn {\n  font-weight: 500;\n  padding-inline: 11px;\n  \n  span[data-spark-icon] {\n    /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n    font-size: 20px;\n  }\n  \n  &.", "-btn-sm {\n    padding-inline: 7px;\n    \n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 16px;\n    }\n  }\n  \n  &.", "-btn-lg {\n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 24px;\n    }\n  }\n}\n\n.", "-btn-default {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-btn-textCompact:hover {\n  color: var(--", "-color-text-tertiary) !important;\n}\n\n.", "-btn.", "-btn-default.", "-btn-dangerous:not(:disabled):not(.", "-btn-disabled) {\n  border-color: transparent;\n  background-color: var(--", "-color-error-bg);\n  color: var(--", "-color-error);\n  \n  &:hover {\n    background-color: var(--", "-color-error-bg-hover);\n    border-color: transparent;\n    color: var(--", "-color-error-hover);\n  }\n}\n\n.", "-btn-color-dangerous.", "-btn-variant-solid:disabled,\n.", "-btn-color-dangerous.", "-btn-variant-solid.", "-btn-disabled {\n  border-color: transparent;\n  background-color: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n}\n\n.", "-btn-primary {\n  color: var(--", "-color-text-on-primary);\n}\n.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-background-ghost):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-on-primary);\n}\n\n.", "-btn-primary:disabled {\n  background: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n  border-color: transparent;\n}\n\n.", "-btn-default:disabled {\n  background: var(--", "-color-bg-base);\n  color: var(--", "-color-text-tertiary);\n  border-color: var(--", "-color-border-secondary);\n}\n\n/* Keep white text color for primaryLess buttons */\n.spark-button-primaryLess.", "-btn-primary {\n  color: var(--", "-color-text-white);\n}\n.spark-button-primaryLess.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-white);\n}\n"])), function (p) {
-  return p.antPrefix;
-}, function (p) {
+export var useButtonStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* \u53D6\u6D88\u6240\u6709button\u7684boxShadow */\nbutton[type=\"button\"].", "-btn {\n  font-weight: 500;\n  padding-inline: 11px;\n  \n  span[data-spark-icon] {\n    /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n    font-size: 20px;\n  }\n  \n  &.", "-btn-sm {\n    padding-inline: 7px;\n    \n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 16px;\n    }\n  }\n  \n  &.", "-btn-lg {\n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 24px;\n    }\n  }\n}\n\n.", "-btn-default {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-btn-textCompact:hover {\n  color: var(--", "-color-text-tertiary) !important;\n}\n\n.", "-btn.", "-btn-default.", "-btn-dangerous:not(:disabled):not(.", "-btn-disabled) {\n  border-color: transparent;\n  background-color: var(--", "-color-error-bg);\n  color: var(--", "-color-error);\n  \n  &:hover {\n    background-color: var(--", "-color-error-bg-hover);\n    border-color: transparent;\n    color: var(--", "-color-error-hover);\n  }\n}\n\n.", "-btn-color-dangerous.", "-btn-variant-solid:disabled,\n.", "-btn-color-dangerous.", "-btn-variant-solid.", "-btn-disabled {\n  border-color: transparent;\n  background-color: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n}\n\n.", "-btn-primary {\n  color: var(--", "-color-text-on-primary);\n}\n.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-on-primary);\n}\n\n.", "-btn-primary:disabled {\n  background: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n  border-color: transparent;\n}\n\n.", "-btn-default:disabled {\n  background: var(--", "-color-bg-base);\n  color: var(--", "-color-text-tertiary);\n  border-color: var(--", "-color-border-secondary);\n}\n\n/* Keep white text color for primaryLess buttons */\n.spark-button-primaryLess.", "-btn-primary {\n  color: var(--", "-color-text-white);\n}\n.spark-button-primaryLess.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-white);\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/antd/themes/carbonDarkTheme.json

@@ -64,7 +64,7 @@
 
  "colorTextWhite": "#ffffff",
  "colorTextBlack": "#000000",
- "colorTextOnPrimary": "#ffffff",
+ "colorTextOnPrimary": "#000000",
   "colorFillDisable": "#898989",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8383F0",

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

@@ -20,10 +20,6 @@ export default (function () {
       }), /*#__PURE__*/_jsx(Button, {
         type: "primaryLess",
         children: "PrimaryLess"
-      }), /*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        ghost: true,
-        children: "Ghost"
       })]
     }), /*#__PURE__*/_jsxs(Flex, {
       gap: 16,

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

@@ -8,7 +8,7 @@ export interface CodeBlockProps {
      * @description 值
      * @descriptionEn Value
      */
-    value?: string;
+    value: string;
     /**
      * @description 类名
      * @descriptionEn Class name
@@ -23,7 +23,7 @@ export interface CodeBlockProps {
      * @descriptionEn Read only
      */
     readOnly?: boolean;
-    onChange?: (value?: string) => void;
+    onChange?: (value: string) => void;
 }
 export declare const langExtensionsMap: Record<string, any[]>;
 export declare const beautifulJson: (val?: string, count?: number) => string;

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

@@ -85,7 +85,7 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
     className: cls("".concat(sparkPrefix, "-code-block"), props.className),
     children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
       extensions: extensions,
-      value: props.language === 'json' ? beautifulJson(props.value || '') : props.value || '',
+      value: props.language === 'json' ? beautifulJson(props.value) : props.value,
       theme: getTheme
     }, omit(props, ['language', 'theme', 'extensions', 'value'])))
   });

package/lib/components/commonComponents/FileIcon/icons/audio.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_3_5173"><rect x="0" y="0" width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3_5173)"><g><path d="M4.000244140625,33.999989C4.000244140625,37.313709,6.686535340624999,40.000004,10.000241740625,40.000004L30.000238140625,40.000004C33.313948140625,40.000004,36.000238140625,37.313709,36.000238140625,33.999989L36.000238140625,10.000001L26.000238140625,0L10.000241740625,0C6.686535340624999,0,4.000244140625,2.6862917,4.000244140625,6L4.000244140625,33.999989Z" fill="#FFAB19" fill-opacity="1"/></g><g><path d="M24.909516,14.088724978L16.9869661,16.5167396C16.0008106,16.8278344,15.3104787,17.7172475,15.2537766,18.749753L15.2537766,27.09891C14.6780472,26.818808,14.023097,26.746672,13.4002068,26.894759C11.5198851,27.163677,10,28.599791,10,30.109818C10,31.619844,11.5198853,32.546986000000004,13.4009101,32.278065C15.2819343,32.009146,16.6532817,30.619495,16.6532817,29.110171L16.6532817,21.0475311Q16.6532817,20.3801618,17.4593339,20.0929399L24.461083000000002,17.8972373Q25.239680999999997,17.63747,25.239680999999997,18.3513026L25.239680999999997,25.004583C24.615850000000002,24.723058,23.922593,24.632665,23.24743,24.744816999999998C21.366404,24.976425,19.846518500000002,26.385080000000002,19.846518500000002,27.895110000000003C19.846518500000002,29.405139,21.366404,30.359028,23.24743,30.137274C25.128455000000002,29.915521,26.648338,28.497009,26.648338,26.986980000000003L26.648338,15.3213876C26.680285,14.4049432,25.763703,13.75517397,24.909516,14.088724978Z" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M25.999755859375,6C25.999755859375,8.2091389,27.790616959375,10,29.999756359375,10L35.999755859375,10L25.999755859375,0L25.999755859375,6Z" fill="#FFFFFF" fill-opacity="0.4000000059604645"/></g></g></svg>

package/lib/components/commonComponents/FileIcon/icons/video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_3_5191"><rect x="0" y="0" width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3_5191)"><g><path d="M4.000244140625,33.999989C4.000244140625,37.313709,6.686535340624999,40.000004,10.000241740625,40.000004L30.000238140625,40.000004C33.313948140625,40.000004,36.000238140625,37.313709,36.000238140625,33.999989L36.000238140625,10.000001L26.000238140625,0L10.000241740625,0C6.686535340624999,0,4.000244140625,2.6862917,4.000244140625,6L4.000244140625,33.999989Z" fill="#4E7DFF" fill-opacity="1"/></g><g><g><path d="M16.1156005859375,22.50004431640625L16.1156005859375,16.72701066640625C16.1156005859375,16.03676268640625,16.8625881059375,15.60516060640625,17.4605879859375,15.94988996640625L22.4693498859375,18.837294116406248L27.475032585937498,21.72292371640625C28.0737175859375,22.06804751640625,28.0737175859375,22.93204121640625,27.475032585937498,23.27716441640625L22.4693498859375,26.16279331640625L17.4605875859375,29.050198316406252C16.8625879859375,29.39492831640625,16.1156005859375,28.963325316406248,16.1156005859375,28.27307831640625L16.1156005859375,22.50004431640625Z" fill="#FFFFFF" fill-opacity="1"/></g></g><g><path d="M25.999755859375,6C25.999755859375,8.2091389,27.790616959375,10,29.999756359375,10L35.999755859375,10L25.999755859375,0L25.999755859375,6Z" fill="#FFFFFF" fill-opacity="0.4000000059604645"/></g></g></svg>

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

@@ -18,6 +18,8 @@ import ppt from "./icons/ppt.svg";
 import txt from "./icons/txt.svg";
 import web from "./icons/web.svg";
 import word from "./icons/word.svg";
+import video from "./icons/video.svg";
+import audio from "./icons/audio.svg";
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -34,7 +36,9 @@ var maps = {
   ppt: ppt,
   txt: txt,
   web: web,
-  word: word
+  word: word,
+  video: video,
+  audio: audio
 };
 function getSize(size) {
   var retSize = size;

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

@@ -17,8 +17,6 @@ import { getCommonConfig } from "../../../config";
 import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
 import { Segmented, Tabs } from 'antd';
 import classNames from 'classnames';
-import { useCallback, useMemo } from 'react';
-import { flushSync } from 'react-dom';
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -40,50 +38,34 @@ var SparkTabs = function SparkTabs(props) {
     mergedActiveKey = _useMergedState2[0],
     setMergedActiveKey = _useMergedState2[1];
   var Style = useStyle();
-
-  // 缓存 onChange 回调，使用 flushSync 强制同步更新，防止卡顿时选中态丢失
-  var handleChange = useCallback(function (key) {
-    var _props$onChange;
-    flushSync(function () {
-      setMergedActiveKey(key);
-    });
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, key);
-  }, [setMergedActiveKey, props.onChange]);
-
-  // 缓存 options 配置
-  var segmentedOptions = useMemo(function () {
-    var _props$items;
-    return ((_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.map(function (item) {
-      return {
-        label: item.label,
-        value: item.key,
-        disabled: item.disabled
-      };
-    })) || [];
-  }, [props.items]);
-
-  // 缓存 className
-  var segmentedClassName = useMemo(function () {
-    return classNames("".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({}, "".concat(sparkPrefix, "-segmented-tab-bar-centered"), centered));
-  }, [sparkPrefix, centered]);
-
-  // 缓存 renderTabBar 函数
-  var renderTabBar = useCallback(function () {
-    return /*#__PURE__*/_jsx(Segmented, {
-      options: segmentedOptions,
-      onChange: handleChange,
-      className: segmentedClassName,
-      value: mergedActiveKey,
-      size: props.size
-    });
-  }, [segmentedOptions, handleChange, segmentedClassName, mergedActiveKey, props.size]);
   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
       }, restProps), {}, {
         activeKey: mergedActiveKey,
-        renderTabBar: renderTabBar
+        renderTabBar: function renderTabBar(tabProps) {
+          var _props$items;
+          var options = ((_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.map(function (item) {
+            return {
+              label: item.label,
+              value: item.key,
+              disabled: item.disabled
+            };
+          })) || [];
+          return /*#__PURE__*/_jsx(Segmented, {
+            options: options,
+            onChange: handleChange,
+            className: classNames("".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({}, "".concat(sparkPrefix, "-segmented-tab-bar-centered"), centered)),
+            value: mergedActiveKey,
+            size: props.size
+          });
+        }
       }))]
     });
   }

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

@@ -1,9 +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/* Default dark mode */\n.", "-tooltip {\n  .", "-tooltip-content {\n    .", "-tooltip-inner {\n      border: 1px solid transparent;\n      padding: 6px 12px;\n      background: var(--", "-color-slate);\n      color: var(--", "-color-text-white);\n    }\n  }\n}\n\n/* Light mode - keep same style as dark mode */\n.", "-tooltip-light {\n  .", "-tooltip-content .", "-tooltip-inner {\n    background: var(--", "-color-slate);\n    color: var(--", "-color-text-white);\n  }\n  \n  .", "-tooltip-arrow {\n    &::after {\n      background: var(--", "-color-slate);\n    }\n  }\n}\n"])), function (p) {
-  return p.antPrefix;
-}, function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* Default dark mode */\n.", "-tooltip-content {\n  .", "-tooltip-inner {\n    border: 1px solid transparent;\n    padding: 6px 12px;\n    background: var(--", "-color-slate);\n    color: var(--", "-color-text-white);\n  }\n}\n\n/* Light mode - keep same style as dark mode */\n.", "-tooltip-light {\n  .", "-tooltip-content .", "-tooltip-inner {\n    background: var(--", "-color-slate);\n    color: var(--", "-color-text-white);\n  }\n  \n  .", "-tooltip-arrow {\n    &::after {\n      background: var(--", "-color-slate);\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;