@agentscope-ai/design 1.0.13 → 1.0.15

package/lib/components/mobileComponents/MobileModal/demo/styles.js

@@ -0,0 +1,158 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, MobileModal } from "../../../..";
+import { Flex } from 'antd';
+import { useState } 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";
+function Content(props) {
+  var _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border;
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 6,
+      color: 'var(--sps-color-text-tertiary)',
+      border: border ? '1px solid var(--sps-color-border-secondary)' : 'none',
+      height: 312,
+      fontSize: 24,
+      background: "repeating-linear-gradient(\n          135deg,\n          var(--sps-color-border-secondary) 0,\n          var(--sps-color-border-secondary) 1px,\n          var(--sps-color-bg-base) 1px,\n          var(--sps-color-bg-base) 15px\n          )"
+    },
+    children: "Content"
+  });
+}
+function NoDivider() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return setOpen(true);
+      },
+      children: "No divider"
+    }), /*#__PURE__*/_jsx(MobileModal, {
+      centered: true,
+      showDivider: false,
+      title: "Basic Modal",
+      open: open,
+      onOk: function onOk() {
+        return setOpen(true);
+      },
+      onCancel: function onCancel() {
+        return setOpen(false);
+      },
+      styles: {
+        body: {
+          paddingTop: 0,
+          paddingBottom: 0
+        }
+      },
+      children: /*#__PURE__*/_jsx(Content, {})
+    })]
+  });
+}
+function NoPadding() {
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return setOpen(true);
+      },
+      children: "No Padding"
+    }), /*#__PURE__*/_jsx(MobileModal, {
+      centered: true,
+      styles: {
+        body: {
+          padding: 0
+        }
+      },
+      title: "Basic Modal",
+      open: open,
+      onOk: function onOk() {
+        return setOpen(true);
+      },
+      onCancel: function onCancel() {
+        return setOpen(false);
+      },
+      children: /*#__PURE__*/_jsx(Content, {
+        border: false
+      })
+    })]
+  });
+}
+function CustomFooter() {
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    open = _useState6[0],
+    setOpen = _useState6[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return setOpen(true);
+      },
+      children: "Custom footer"
+    }), /*#__PURE__*/_jsx(MobileModal, {
+      centered: true,
+      title: "Basic Modal",
+      open: open,
+      onOk: function onOk() {
+        return setOpen(true);
+      },
+      onCancel: function onCancel() {
+        return setOpen(false);
+      },
+      footer: /*#__PURE__*/_jsx(Button, {
+        children: "Custom footer"
+      }),
+      children: /*#__PURE__*/_jsx(Content, {})
+    })]
+  });
+}
+function FooterWithInfo() {
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    open = _useState8[0],
+    setOpen = _useState8[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return setOpen(true);
+      },
+      children: "Footer With Info"
+    }), /*#__PURE__*/_jsx(MobileModal, {
+      centered: true,
+      title: "Basic Modal",
+      open: open,
+      onOk: function onOk() {
+        return setOpen(true);
+      },
+      onCancel: function onCancel() {
+        return setOpen(false);
+      },
+      info: /*#__PURE__*/_jsx("div", {
+        children: "info here"
+      }),
+      children: /*#__PURE__*/_jsx(Content, {})
+    })]
+  });
+}
+export default function () {
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: 24,
+    align: "center",
+    children: [/*#__PURE__*/_jsx(NoDivider, {}), /*#__PURE__*/_jsx(NoPadding, {}), /*#__PURE__*/_jsx(CustomFooter, {}), /*#__PURE__*/_jsx(FooterWithInfo, {})]
+  });
+}

package/lib/components/mobileComponents/MobileModal/demo/width.d.ts

@@ -0,0 +1 @@
+export default function (): import("react/jsx-runtime").JSX.Element;

package/lib/components/mobileComponents/MobileModal/demo/width.js

@@ -0,0 +1,68 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, MobileModal } from "../../../..";
+import { Flex } from 'antd';
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function Content(props) {
+  var _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border;
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 6,
+      color: 'var(--sps-color-text-tertiary)',
+      border: border ? '1px solid var(--sps-color-border-secondary)' : 'none',
+      height: 312,
+      fontSize: 24,
+      background: "repeating-linear-gradient(\n          135deg,\n          var(--sps-color-border-secondary) 0,\n          var(--sps-color-border-secondary) 1px,\n          var(--sps-color-bg-base) 1px,\n          var(--sps-color-bg-base) 15px\n          )"
+    },
+    children: props.children
+  });
+}
+export default function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 16,
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return setWidth(MobileModal.SMALL_WIDTH);
+      },
+      children: "Small (640px)"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return setWidth(MobileModal.MEDIUM_WIDTH);
+      },
+      children: "Middle (800px)"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return setWidth(MobileModal.LARGE_WIDTH);
+      },
+      children: "Large (960px)"
+    }), /*#__PURE__*/_jsx(MobileModal, {
+      centered: true,
+      title: "Basic Modal",
+      open: Boolean(width),
+      width: width,
+      onOk: function onOk() {
+        return setWidth(0);
+      },
+      onCancel: function onCancel() {
+        return setWidth(0);
+      },
+      children: /*#__PURE__*/_jsxs(Content, {
+        children: ["Content here for ", width, "px"]
+      })
+    })]
+  });
+}

package/lib/components/mobileComponents/MobileModal/index.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { ModalProps } from 'antd';
+export interface SparkMobileModalProps extends ModalProps {
+    /**
+     * @description 底部额外内容
+     * @descriptionEn footer extra content
+     */
+    info?: string | React.ReactNode;
+    /**
+     * @description 是否显示分割线
+     * @descriptionEn whether to show divider
+     * @default true
+     */
+    showDivider?: boolean;
+}
+declare const SparkMobileModal: {
+    (props: SparkMobileModalProps): import("react/jsx-runtime").JSX.Element;
+    useModal: typeof import("antd/es/modal/useModal").default;
+    success: (config: any) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error: (config: any) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    warning: (config: any) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    info: (config: any) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    confirm: (config: any) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    SMALL_WIDTH: number;
+    MEDIUM_WIDTH: number;
+    LARGE_WIDTH: number;
+};
+export default SparkMobileModal;

package/lib/components/{commonComponents/Modal/mobile.js → mobileComponents/MobileModal/index.js}

@@ -32,7 +32,7 @@ var lockBodyScroll = function lockBodyScroll() {
     window.scrollTo(0, scrollY);
   };
 };
-var SparkModal = function SparkModal(props) {
+var SparkMobileModal = function SparkMobileModal(props) {
   var Style = useStyle();
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
@@ -85,13 +85,47 @@ var SparkModal = function SparkModal(props) {
     }))]
   });
 };
-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;
-export default SparkModal;
+SparkMobileModal.useModal = Modal.useModal;
+var wrapStaticMethod = function wrapStaticMethod(method) {
+  return function (config) {
+    var unlock = lockBodyScroll();
+    var _getCommonConfig2 = getCommonConfig(),
+      sparkPrefix = _getCommonConfig2.sparkPrefix;
+    var originalAfterClose = config === null || config === void 0 ? void 0 : config.afterClose;
+    var originalContent = config === null || config === void 0 ? void 0 : config.content;
+
+    // 包装 content 以注入样式
+    function ContentWrapper() {
+      var Style = useStyle();
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Style, {}), originalContent]
+      });
+    }
+
+    // 移动端样式配置
+    var mobileConfig = _objectSpread(_objectSpread({}, config), {}, {
+      content: /*#__PURE__*/_jsx(ContentWrapper, {}),
+      width: config.width || 'auto',
+      centered: false,
+      transitionName: '',
+      wrapClassName: classNames("".concat(sparkPrefix, "-modal"), config.wrapClassName, 'animate-in'),
+      afterClose: function afterClose() {
+        unlock();
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        originalAfterClose === null || originalAfterClose === void 0 || originalAfterClose.apply(void 0, args);
+      }
+    });
+    return method(mobileConfig);
+  };
+};
+SparkMobileModal.success = wrapStaticMethod(Modal.success);
+SparkMobileModal.error = wrapStaticMethod(Modal.error);
+SparkMobileModal.warning = wrapStaticMethod(Modal.warning);
+SparkMobileModal.info = wrapStaticMethod(Modal.info);
+SparkMobileModal.confirm = wrapStaticMethod(Modal.confirm);
+SparkMobileModal.SMALL_WIDTH = 640;
+SparkMobileModal.MEDIUM_WIDTH = 800;
+SparkMobileModal.LARGE_WIDTH = 960;
+export default SparkMobileModal;

package/lib/components/mobileComponents/MobileModal/index.style.d.ts

@@ -0,0 +1 @@
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

package/lib/components/mobileComponents/MobileModal/index.style.js

@@ -0,0 +1,70 @@
+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.", "-modal {\n  .", "-modal {\n    min-width: 300px;\n    max-width: 80vw;\n    position: fixed;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    padding: 0 !important;\n  }\n  .", "-modal-title {\n    min-height: 24px;\n  }\n  \n  .", "-modal-content {\n    padding: 20px 0;\n    border: 1px solid var(--", "-color-border-secondary);\n    \n    .", "-modal-header {\n      padding: 0 20px 20px 16px;\n      margin-bottom: 0;\n      \n      .", "-modal-title {\n        font-size: 18px;\n        font-weight: 500;\n        line-height: 32px;\n        color: var(--", "-color-text);\n        \n        .", "-modal-title-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          gap: 16px;\n          \n          .", "-modal-title {\n            flex: 1;\n            display: flex;\n            justify-content: center;\n            text-align: center;\n          }\n\n          .", "-modal-title-padding {\n            padding-left: 32px;\n          }\n          \n          .", "-modal-title-close {\n            font-size: 20px;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    \n    .", "-modal-body {\n      max-height: 60vh;\n      padding: 0 20px;\n      font-size: 14px;\n      color: var(--", "-color-text);\n    }\n      \n    .", "-modal-confirm-body-wrapper {\n      .", "-modal-confirm-btns {\n        display: flex;\n        justify-content: space-between;\n        gap: 8px;\n        .", "-btn {\n          flex: 1;\n        }\n      }\n    }\n    \n    .", "-modal-footer {\n      padding: 16px 20px 0 20px;\n      margin-top: 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n      .", "-btn {\n        flex: 1;\n      }\n      \n      .", "-modal-footer-wrapper {\n        flex: 1;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        \n        .", "-modal-footer-info {\n          font-size: 14px;\n          font-weight: normal;\n          line-height: 24px;\n          color: var(--", "-color-text-tertiary);\n        }\n        \n        .", "-modal-footer-origin-node {\n          display: flex;\n          gap: 12px;\n        }\n      }\n    }\n    \n    .", "-modal-close {\n      width: 32px;\n      height: 32px;\n      top: 16px;\n      right: 16px;\n      \n      .", "-modal-close-icon {\n        color: var(--", "-color-text);\n      }\n      \n      &:hover {\n        background: none;\n      }\n    }\n  }\n}\n\n.", "-show-divider {\n  .", "-modal-content {\n    .", "-modal-header {\n      border-bottom: 1px solid var(--", "-color-border-secondary);\n    }\n    .", "-modal-body {\n      padding: 16px 20px;\n    }\n    .", "-modal-footer {\n      border-top: 1px solid var(--", "-color-border-secondary);\n    }\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.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, 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.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, 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.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;
+});

package/lib/index.d.ts

@@ -49,6 +49,13 @@ export { default as TimePicker } from './components/commonComponents/TimePicker'
 export { default as Tooltip, type SparkTooltipProps as TooltipProps, } from './components/commonComponents/Tooltip';
 export { default as Upload } from './components/commonComponents/Upload';
 export { default as Video } from './components/commonComponents/Video';
+export { FileCard, default as FileIcon, type SparkFileCardProps, type SparkFileIconProps, } from './components/commonComponents/FileIcon';
+/**
+ * 移动端组件
+ */
+export { default as MobileModal, type SparkMobileModalProps as MobileModalProps } from './components/mobileComponents/MobileModal';
+export { default as MobileDrawer, type SparkMobileDrawerProps as MobileDrawerProps } from './components/mobileComponents/MobileDrawer';
+export { default as MobileAlertDialog, type MobileAlertDialogProps } from './components/mobileComponents/MobileAlertDialog';
 /**
  * hooks
  */
@@ -76,5 +83,4 @@ declare const bailianTheme: Partial<import("antd").ConfigProviderProps>;
 declare const bailianDarkTheme: Partial<import("antd").ConfigProviderProps>;
 declare const carbonTheme: Partial<import("antd").ConfigProviderProps>;
 declare const carbonDarkTheme: Partial<import("antd").ConfigProviderProps>;
-export { FileCard, default as FileIcon, type SparkFileCardProps, type SparkFileIconProps, } from './components/commonComponents/FileIcon';
 export { bailianDarkTheme, bailianTheme, carbonDarkTheme, carbonTheme, generateTheme, generateThemeByToken, bailianDarkTheme as purpleDarkTheme, bailianTheme as purpleTheme, };

package/lib/index.js

@@ -54,6 +54,14 @@ export { default as TimePicker } from "./components/commonComponents/TimePicker"
 export { default as Tooltip } from "./components/commonComponents/Tooltip";
 export { default as Upload } from "./components/commonComponents/Upload";
 export { default as Video } from "./components/commonComponents/Video";
+export { FileCard, default as FileIcon } from "./components/commonComponents/FileIcon";
+
+/**
+ * 移动端组件
+ */
+export { default as MobileModal } from "./components/mobileComponents/MobileModal";
+export { default as MobileDrawer } from "./components/mobileComponents/MobileDrawer";
+export { default as MobileAlertDialog } from "./components/mobileComponents/MobileAlertDialog";
 
 /**
  * hooks
@@ -70,12 +78,14 @@ export { waitForDom, waitForFunc } from "./libs/waitFor";
 export { default as requestPop } from "./libs/requestPop";
 export { default as requestPopSse } from "./libs/requestPopSse";
 export { default as requestSse } from "./libs/requestSse";
+
 /**
  * Spark的ConfigProvider
  */
 export { default as ConfigProvider } from "./components/commonComponents/ConfigProvider";
 export { getCommonConfig, setCommonConfig, useCommonConfig } from "./config";
 export { base64Decoder, base64Encoder, parseJsonSafely } from "./libs/string";
+
 /**
  * 主题
  */
@@ -83,5 +93,4 @@ var bailianTheme = generateThemeByToken(bailianThemeJson);
 var bailianDarkTheme = generateThemeByToken(bailianDarkThemeJson, true);
 var carbonTheme = generateThemeByToken(carbonThemeJson);
 var carbonDarkTheme = generateThemeByToken(carbonDarkThemeJson, true);
-export { FileCard, default as FileIcon } from "./components/commonComponents/FileIcon";
 export { bailianDarkTheme, bailianTheme, carbonDarkTheme, carbonTheme, generateTheme, generateThemeByToken, bailianDarkTheme as purpleDarkTheme, bailianTheme as purpleTheme };

package/lib/libs/env/index.d.ts

@@ -1,4 +1,4 @@
-export declare function getLang(): "zh-CN" | "en-US";
+export declare function getLang(): "en-US" | "zh-CN";
 /**
  * 当前是否是中文语言环境
  * @returns {boolean}

package/lib/typings.d.ts

@@ -3,8 +3,6 @@ declare module '*.less';
 declare module '*.module.less';
 declare module '*.svg';
 
-declare const MOBILE: boolean;
-
 interface Window {
   g_config: any;
   ALIYUN_CONSOLE_CONFIG: any;

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@agentscope-ai/design",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "AgentScope Spark Design - UI Library for AgentScope AI",
-  "repository": "http://gitlab.alibaba-inc.com/liveme-console/spark-design.git",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/agentscope-ai/agentscope-spark-design.git",
+    "directory": "packages/spark-design"
+  },
   "license": "MIT",
   "sideEffects": [
     "*.less",
@@ -31,7 +35,8 @@
     "dumi:setup": "dumi setup",
     "prepare": "npm run dumi:setup",
     "start": "npm run dev",
-    "test": "vitest"
+    "test": "vitest",
+    "publish:manual": "npm run build && npm publish"
   },
   "dependencies": {
     "@agentscope-ai/icons": "^1.0.35",
@@ -49,6 +54,8 @@
     "@codemirror/lang-python": "^6.1.7",
     "@codemirror/lang-yaml": "^6.1.2",
     "@codemirror/lint": "^6.8.4",
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.38.8",
     "@emotion/react": "^11.14.0",
     "@halofe/global-locale": "^1.0.3",
     "@halofe/global-string-format": "^1.0.8",
@@ -62,6 +69,7 @@
     "js-cookie": "^3.0.5",
     "lodash-es": "^4.17.21",
     "query-string": "^7.1.3",
+    "rc-slider": "^10.6.2",
     "slate": "0.91.4",
     "slate-history": "0.86.0",
     "slate-react": "0.92.0",

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

@@ -1,38 +0,0 @@
-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;