@agentscope-ai/design 1.0.10 → 1.0.12

package/lib/components/commonComponents/AlertDialog/mobile.js

@@ -0,0 +1,188 @@
+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); }
+var _excluded = ["children", "type", "danger", "title", "width", "className"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import $i18n from "../../../i18n";
+import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { Flex, Modal } from 'antd';
+import classNames from 'classnames';
+import { useEffect } from 'react';
+import { getCommonConfig } from "../../../config";
+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 lockBodyScroll = function lockBodyScroll() {
+  var originalStyle = window.getComputedStyle(document.body).overflow;
+  var originalPosition = window.getComputedStyle(document.body).position;
+  var scrollY = window.scrollY;
+  document.body.style.overflow = 'hidden';
+  document.body.style.position = 'fixed';
+  document.body.style.width = '100%';
+  document.body.style.top = "-".concat(scrollY, "px");
+
+  // 返回解锁函数
+  return function () {
+    document.body.style.overflow = originalStyle;
+    document.body.style.position = originalPosition;
+    document.body.style.width = '';
+    document.body.style.top = '';
+    window.scrollTo(0, scrollY);
+  };
+};
+var getCommonProps = function getCommonProps(props) {
+  var renderTitle = function renderTitle(_ref) {
+    var type = _ref.type,
+      title = _ref.title;
+    var _getCommonConfig = getCommonConfig(),
+      antPrefix = _getCommonConfig.antPrefix;
+    switch (type) {
+      case 'success':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(CheckCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-success)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      case 'warning':
+      case 'confirm':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-warning)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      case 'info':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(InfoCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-info)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      case 'error':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(CloseCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-error)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      default:
+        return $i18n.get({
+          id: 'components.commonComponents.AlertDialog.Prompt',
+          dm: '提示'
+        });
+    }
+  };
+  var children = props.children,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'info' : _props$type,
+    _props$danger = props.danger,
+    danger = _props$danger === void 0 ? false : _props$danger,
+    title = props.title,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 'auto' : _props$width,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return {
+    width: width,
+    transitionName: '',
+    restProps: restProps,
+    closeIcon: null,
+    title: renderTitle({
+      type: type,
+      title: title
+    }),
+    okButtonProps: {
+      danger: type === 'error' || type === 'warning' || danger
+    },
+    destroyOnClose: true,
+    className: classNames(className, 'animate-in', "".concat(getCommonConfig().sparkPrefix, "-alert-dialog")),
+    content: props.content || children,
+    children: children
+  };
+};
+var AlertDialog = function AlertDialog(props) {
+  var commonProps = getCommonProps(props);
+  var Style = useStyle();
+
+  // 移动端：禁止 body 滚动
+  useEffect(function () {
+    if (props.open) {
+      var unlock = lockBodyScroll();
+      return unlock;
+    }
+  }, [props.open]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+      width: commonProps.width,
+      transitionName: ""
+    }, commonProps.restProps), {}, {
+      closeIcon: null,
+      title: commonProps.title,
+      okButtonProps: commonProps.okButtonProps || {},
+      destroyOnClose: commonProps.destroyOnClose,
+      className: commonProps.className,
+      children: commonProps.content || commonProps.children
+    }))]
+  });
+};
+var staticFns = ['success', 'info', 'warning', 'error', 'confirm'];
+staticFns.forEach(function (type) {
+  AlertDialog[type] = function (props) {
+    var commonProps = getCommonProps(_objectSpread(_objectSpread({}, props), {}, {
+      type: type
+    }));
+    var unlock = lockBodyScroll();
+    function Content() {
+      var Style = useStyle();
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Style, {}), commonProps.content]
+      });
+    }
+
+    // @ts-ignore
+    return Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, commonProps), commonProps.restProps), {}, {
+      content: /*#__PURE__*/_jsx(Content, {}),
+      icon: null,
+      afterClose: function afterClose() {
+        var _commonProps$restProp;
+        unlock();
+        if ((_commonProps$restProp = commonProps.restProps) !== null && _commonProps$restProp !== void 0 && _commonProps$restProp.afterClose) {
+          var _commonProps$restProp2;
+          (_commonProps$restProp2 = commonProps.restProps).afterClose.apply(_commonProps$restProp2, arguments);
+        }
+      }
+    }));
+  };
+});
+export default AlertDialog;

package/lib/components/commonComponents/AlertDialog/pc.d.ts

@@ -0,0 +1,38 @@
+import { ModalProps } from "../../../index";
+import { SyntheticEvent } from 'react';
+export interface AlertDialogProps extends ModalProps {
+    /**
+     * @description 类型
+     * @descriptionEn type
+     * @default info
+     */
+    type?: 'success' | 'info' | 'warning' | 'error' | 'confirm';
+    /**
+     * @description 确认按钮是否带有danger属性
+     * @descriptionEn whether the confirm button has a danger property
+     * @default false
+     */
+    danger?: boolean;
+    /**
+     * @description 内容
+     * @descriptionEn content
+     * @default -
+     */
+    content?: React.ReactNode;
+    /**
+     * @description 关闭时触发的回调函数
+     * @descriptionEn callback function triggered when closed
+     * @default -
+     */
+    onClose?: (e: SyntheticEvent<Element, Event>) => any;
+}
+type AlertDialogStaticProps = Omit<AlertDialogProps, 'type' | 'open'>;
+declare const _default: {
+    (props: AlertDialogProps): JSX.Element;
+    success: (props?: AlertDialogStaticProps) => void;
+    info: (props?: AlertDialogStaticProps) => void;
+    warning: (props?: AlertDialogStaticProps) => void;
+    error: (props?: AlertDialogStaticProps) => void;
+    confirm: (props?: AlertDialogStaticProps) => void;
+};
+export default _default;

package/lib/components/commonComponents/AlertDialog/pc.js

@@ -0,0 +1,152 @@
+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); }
+var _excluded = ["children", "type", "danger", "title", "width", "className"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import $i18n from "../../../i18n";
+import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { Flex, Modal } from 'antd';
+import classNames from 'classnames';
+import { getCommonConfig } from "../../../config";
+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 getCommonProps = function getCommonProps(props) {
+  var renderTitle = function renderTitle(_ref) {
+    var type = _ref.type,
+      title = _ref.title;
+    var _getCommonConfig = getCommonConfig(),
+      antPrefix = _getCommonConfig.antPrefix;
+    switch (type) {
+      case 'success':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(CheckCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-success)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      case 'warning':
+      case 'confirm':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-warning)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      case 'info':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(InfoCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-info)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      case 'error':
+        return /*#__PURE__*/_jsxs(Flex, {
+          align: "center",
+          gap: 8,
+          className: "leading-[28px]",
+          children: [/*#__PURE__*/_jsx(CloseCircleOutlined, {
+            style: {
+              color: "var(--".concat(antPrefix, "-color-error)"),
+              fontSize: 18,
+              margin: '0 3px'
+            }
+          }), title]
+        });
+      default:
+        return $i18n.get({
+          id: 'components.commonComponents.AlertDialog.Prompt',
+          dm: '提示'
+        });
+    }
+  };
+  var children = props.children,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'info' : _props$type,
+    _props$danger = props.danger,
+    danger = _props$danger === void 0 ? false : _props$danger,
+    title = props.title,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '400px' : _props$width,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return {
+    width: width,
+    transitionName: '',
+    restProps: restProps,
+    closeIcon: null,
+    title: renderTitle({
+      type: type,
+      title: title
+    }),
+    okButtonProps: {
+      danger: type === 'error' || type === 'warning' || danger
+    },
+    destroyOnClose: true,
+    className: classNames(className, 'animate-in', "".concat(getCommonConfig().sparkPrefix, "-alert-dialog")),
+    content: props.content || children,
+    children: children
+  };
+};
+var AlertDialog = function AlertDialog(props) {
+  var commonProps = getCommonProps(props);
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+      width: commonProps.width,
+      transitionName: ""
+    }, commonProps.restProps), {}, {
+      closeIcon: null,
+      title: commonProps.title,
+      okButtonProps: commonProps.okButtonProps || {},
+      destroyOnClose: commonProps.destroyOnClose,
+      className: commonProps.className,
+      children: commonProps.content || commonProps.children
+    }))]
+  });
+};
+var staticFns = ['success', 'info', 'warning', 'error', 'confirm'];
+staticFns.forEach(function (type) {
+  AlertDialog[type] = function (props) {
+    var commonProps = getCommonProps(_objectSpread(_objectSpread({}, props), {}, {
+      type: type
+    }));
+    function Content() {
+      var Style = useStyle();
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Style, {}), commonProps.content]
+      });
+    }
+
+    // @ts-ignore
+    return Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, commonProps), commonProps.restProps), {}, {
+      content: /*#__PURE__*/_jsx(Content, {}),
+      icon: null
+    }));
+  };
+});
+export default AlertDialog;

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

@@ -10,7 +10,7 @@ import { useStyle } from "./index.style";
 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 SparkAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
+var SparkAnchor = /*#__PURE__*/forwardRef(function (props) {
   var Style = useStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Anchor, _objectSpread({}, props))]

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

@@ -7,12 +7,12 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Tooltip } from "../../..";
 import { SparkLoadingLine } from '@agentscope-ai/icons';
 import { Button as AntdButton, ConfigProvider, theme } from 'antd';
 import classNames from 'classnames';
 import React, { forwardRef, useMemo } from 'react';
 import IconFont from "../IconFont";
-import { Tooltip } from "../../..";
 
 // @ts-ignore
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -78,8 +78,10 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/_jsx(ConfigProvider, {
       theme: {
         token: {
-          colorPrimary: token.token.colorText,
-          colorPrimaryHover: token.token.colorTextSecondary,
+          // @ts-ignore
+          colorPrimary: token.token.colorSlate,
+          // @ts-ignore
+          colorPrimaryHover: token.token.colorSlateHover,
           colorPrimaryActive: token.token.colorTextBase
         }
       },

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

@@ -67,8 +67,7 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
   var commonConfig = getCommonConfig();
   var context = React.useContext(ConfigProvider.ConfigContext);
   var isDarkMode = ((_context$theme = context.theme) === null || _context$theme === void 0 ? void 0 : _context$theme.algorithm) === theme.darkAlgorithm;
-  var sparkPrefix = commonConfig.sparkPrefix,
-    antPrefix = commonConfig.antPrefix;
+  var sparkPrefix = commonConfig.sparkPrefix;
   var Style = useStyle();
   var getTheme = useMemo(function () {
     if (props.theme === undefined) {

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

@@ -42,8 +42,7 @@ var CollapsePanel = function CollapsePanel(props) {
     setContentHeight = _useState6[1];
   var contentRef = useRef(null);
   var commonConfig = getCommonConfig();
-  var sparkPrefix = commonConfig.sparkPrefix,
-    antPrefix = commonConfig.antPrefix;
+  var sparkPrefix = commonConfig.sparkPrefix;
   var Style = useStyle();
   useEffect(function () {
     if (contentRef.current) {

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

@@ -1,7 +1,47 @@
-var _templateObject;
+var _templateObject, _templateObject2;
 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.", "-drawer {\n  .", "-drawer-header {\n    padding: 16px 20px;\n    border-bottom: none;\n    \n    .", "-drawer-header-title {\n      display: flex;\n      flex-direction: row-reverse;\n      \n      .", "-drawer-title {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 28px;\n        color: var(--", "-color-text);\n      }\n      \n      .", "-drawer-close {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n  \n  .", "-drawer-body {\n    --", "-padding-lg: 20px;\n  }\n  \n  .", "-drawer-footer {\n    padding: 16px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-top: none;\n    \n    .", "-drawer-footer-info {\n      font-size: 14px;\n      line-height: 24px;\n      color: var(--", "-color-text-tertiary);\n    }\n    \n    .", "-drawer-footer-buttons {\n      display: flex;\n      gap: 12px;\n    }\n  }\n  \n  .", "-drawer-close {\n    color: var(--", "-color-text);\n    margin: 0;\n  }\n}\n\n.", "-drawer.", "-show-divider {\n  .", "-drawer-header {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-drawer-footer {\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n}\n"])), function (p) {
+export var useStyle = MOBILE ? createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-drawer {\n  .", "-drawer-header {\n    padding: 12px 20px;\n    border-bottom: none;\n    \n    .", "-drawer-header-title {\n      display: flex;\n      flex-direction: row;\n      \n      .", "-drawer-title {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 28px;\n        color: var(--", "-color-text);\n        display: flex;\n        justify-content: center;\n        padding-right: 32px;\n      }\n      \n      .", "-drawer-close {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n  \n  .", "-drawer-body {\n    --", "-padding-lg: 20px;\n  }\n  \n  .", "-drawer-footer {\n    padding: 16px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-top: none;\n    \n    .", "-drawer-footer-info {\n      font-size: 14px;\n      line-height: 24px;\n      color: var(--", "-color-text-tertiary);\n    }\n    \n    .", "-drawer-footer-buttons {\n      display: flex;\n      gap: 12px;\n    }\n  }\n  \n  .", "-drawer-close {\n    color: var(--", "-color-text);\n    margin: 0;\n  }\n}\n\n.", "-drawer.", "-show-divider {\n  .", "-drawer-header {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-drawer-footer {\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, 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.sparkPrefix;
+}, 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;
+}) : createGlobalStyle(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n.", "-drawer {\n  .", "-drawer-header {\n    padding: 16px 20px;\n    border-bottom: none;\n    \n    .", "-drawer-header-title {\n      display: flex;\n      flex-direction: row-reverse;\n      \n      .", "-drawer-title {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 28px;\n        color: var(--", "-color-text);\n      }\n      \n      .", "-drawer-close {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n  \n  .", "-drawer-body {\n    --", "-padding-lg: 20px;\n  }\n  \n  .", "-drawer-footer {\n    padding: 16px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-top: none;\n    \n    .", "-drawer-footer-info {\n      font-size: 14px;\n      line-height: 24px;\n      color: var(--", "-color-text-tertiary);\n    }\n    \n    .", "-drawer-footer-buttons {\n      display: flex;\n      gap: 12px;\n    }\n  }\n  \n  .", "-drawer-close {\n    color: var(--", "-color-text);\n    margin: 0;\n  }\n}\n\n.", "-drawer.", "-show-divider {\n  .", "-drawer-header {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-drawer-footer {\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/EllipsisTip/demo/demo2-1.d.ts

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

package/lib/components/commonComponents/EllipsisTip/demo/demo2-1.js

@@ -0,0 +1,21 @@
+import { EllipsisTip } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  var tags = ['短标签', '超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容超长标签内容'];
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: tags.map(function (tag) {
+      return /*#__PURE__*/_jsx("div", {
+        style: {
+          marginBottom: '12px'
+        },
+        children: /*#__PURE__*/_jsx(EllipsisTip, {
+          tooltip: tag,
+          children: tag
+        })
+      }, tag);
+    })
+  });
+};
+export default App;

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

@@ -6,9 +6,6 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var onChange = function onChange(value) {
   console.log('changed', value);
 };
-var onChange1 = function onChange1(value) {
-  console.log('changed', value);
-};
 var App = function App() {
   return /*#__PURE__*/_jsxs(Flex, {
     vertical: true,

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

@@ -1,20 +1,5 @@
-/// <reference types="react" />
-import { ModalProps } from 'antd';
-export interface SparkModalProps extends ModalProps {
-    /**
-     * @description 底部额外内容
-     * @descriptionEn footer extra content
-     */
-    info?: string | React.ReactNode;
-    /**
-     * @description 是否显示分割线
-     * @descriptionEn whether to show divider
-     * @default true
-     */
-    showDivider?: boolean;
-}
 declare const SparkModal: {
-    (props: SparkModalProps): import("react/jsx-runtime").JSX.Element;
+    (props: import("./mobile").SparkModalProps): import("react/jsx-runtime").JSX.Element;
     useModal: typeof import("antd/es/modal/useModal").default;
     success: import("antd/es/modal/confirm").ModalFunc;
     error: import("antd/es/modal/confirm").ModalFunc;
@@ -26,3 +11,4 @@ declare const SparkModal: {
     LARGE_WIDTH: number;
 };
 export default SparkModal;
+export type { SparkModalProps } from './pc';

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

@@ -1,72 +1,4 @@
-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); }
-var _excluded = ["showDivider", "closable"];
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { getCommonConfig } from "../../../config";
-import { CloseOutlined } from '@agentscope-ai/icons-override-antd';
-import { Modal } 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 SparkModal = function SparkModal(props) {
-  var Style = useStyle();
-  var _getCommonConfig = getCommonConfig(),
-    sparkPrefix = _getCommonConfig.sparkPrefix;
-  var _props$showDivider = props.showDivider,
-    showDivider = _props$showDivider === void 0 ? true : _props$showDivider,
-    _props$closable = props.closable,
-    closable = _props$closable === void 0 ? true : _props$closable,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var renderFooter = function renderFooter(originNode) {
-    return props.info ? /*#__PURE__*/_jsxs("div", {
-      className: "".concat(sparkPrefix, "-modal-footer-wrapper"),
-      children: [/*#__PURE__*/_jsx("span", {
-        className: "".concat(sparkPrefix, "-modal-footer-info"),
-        children: props.info
-      }), /*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-modal-footer-origin-node"),
-        children: originNode
-      })]
-    }) : originNode;
-  };
-  var mergedCloseIcon = closable ? props.closeIcon || /*#__PURE__*/_jsx(CloseOutlined, {
-    className: "".concat(sparkPrefix, "-modal-title-close"),
-    onClick: function onClick(e) {
-      var _props$onCancel;
-      (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, e);
-    }
-  }) : null;
-  var mergedFooter = props.footer === undefined ? renderFooter : props.footer;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, restProps), {}, {
-      closeIcon: null,
-      title: /*#__PURE__*/_jsxs("div", {
-        className: "".concat(sparkPrefix, "-modal-title-wrapper"),
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "".concat(sparkPrefix, "-modal-title"),
-          children: props.title
-        }), mergedCloseIcon]
-      }),
-      wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
-      footer: mergedFooter,
-      transitionName: ""
-    }))]
-  });
-};
-SparkModal.useModal = Modal.useModal;
-SparkModal.success = Modal.success;
-SparkModal.error = Modal.error;
-SparkModal.warning = Modal.warning;
-SparkModal.info = Modal.info;
-SparkModal.confirm = Modal.confirm;
-SparkModal.SMALL_WIDTH = 640;
-SparkModal.MEDIUM_WIDTH = 800;
-SparkModal.LARGE_WIDTH = 960;
+import PCModal from "./pc";
+import MobileModal from "./mobile";
+var SparkModal = MOBILE ? MobileModal : PCModal;
 export default SparkModal;