@agentscope-ai/chat 1.1.14 → 1.1.16

package/lib/Sender/index.js

@@ -31,7 +31,7 @@ import ClearButton from "./components/ClearButton";
 import LoadingButton from "./components/LoadingButton";
 import SendButton from "./components/SendButton";
 import SpeechButton from "./components/SpeechButton";
-import useStyle from "./style";
+import Style from "./style";
 import useSpeech from "./useSpeech";
 import ModeSelect from "./ModeSelect";
 import { SparkEnlargeLine, SparkShrinkLine } from '@agentscope-ai/icons';
@@ -88,7 +88,6 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
     direction = _useProviderContext.direction,
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('sender');
-  var Style = useStyle();
   var containerRef = React.useRef(null);
   var inputRef = React.useRef(null);
   useProxyImperativeHandle(ref, function () {

package/lib/Sender/style/index.d.ts

@@ -1,2 +1,3 @@
-declare const IndexStyle: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const IndexStyle: import("react").NamedExoticComponent<object>;
 export default IndexStyle;

package/lib/Sender/style/index.js

@@ -1,8 +1,8 @@
 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 "../..";
+import { createGlobalStyle } from 'antd-style';
 var IndexStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-sender {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  box-shadow: 0px 12px 24px -16px rgba(54, 54, 73, 0.04),\n    0px 12px 40px 0px rgba(51, 51, 71, 0.08),\n    0px 0px 1px 0px rgba(44, 44, 54, 0.02);\n  background-color: ", ";\n  border-radius: ", "px;\n  border-color: ", ";\n  border-width: 0;\n  border-style: solid;\n  overflow: hidden;\n\n  &:after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    transition: border-color ", ";\n    border-radius: inherit;\n    border-style: inherit;\n    border-color: inherit;\n    border-width: ", "px;\n  }\n\n  &:focus-within {\n    box-shadow: 0px 12px 24px -16px rgba(54, 54, 73, 0.04),\n      0px 12px 40px 0px rgba(51, 51, 71, 0.08),\n      0px 0px 1px 0px rgba(44, 44, 54, 0.02);\n    border-color: ", ";\n\n    &:after {\n      border-width: ", "px;\n    }\n  }\n\n  &-disabled {\n    .", "-sender-content,\n    .", "-sender-header {\n      background-color: ", ";\n    }\n  }\n\n  &.", "-sender-rtl {\n    direction: rtl;\n  }\n\n  &-content {\n    width: 100%;\n    padding: 8px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  &-content-bottom {\n    margin-top: 4px;\n    display: flex;\n  }\n\n  &-prefix {\n    flex: 1;\n  }\n\n  &-input {\n    margin: 4px 0;\n    padding: 0 8px;\n    border-radius: 0;\n    align-self: center;\n    font-size: 14px;\n    line-height: 22px;\n  }\n\n  &-actions-list {\n    flex: none;\n    display: flex;\n    margin: 0 0 0 auto;\n\n    &-presets {\n      gap: ", "px;\n    }\n\n    &-length {\n      font-size: 12px;\n      line-height: 1;\n      display: flex;\n      align-items: center;\n      padding: 0 12px;\n      color: ", ";\n    }\n  }\n\n  &-recording {\n    height: 30px;\n    padding: 0 8px;\n    &-icon {\n      display: block;\n      width: 100%;\n      height: 30px;\n    }\n  }\n\n  &-actions-btn {\n    &-disabled {\n      background: ", ";\n    }\n\n    &-loading-button {\n      padding: 0;\n      border: 0;\n    }\n\n    &-loading-icon {\n      height: ", "px;\n      width: ", "px;\n      vertical-align: top;\n    }\n\n    &-recording-icon {\n      height: 1.2em;\n      width: 1.2em;\n      vertical-align: top;\n    }\n\n    \n  }\n}\n\n.", "-sender {\n  &-header {\n    &-motion {\n      transition: height .3s, border .3s;\n      overflow: hidden;\n      &-enter-start,\n      &-leave-active {\n        border-bottom-color: transparent;\n      }\n\n      &-hidden {\n        display: none;\n      }\n    }\n  }\n}\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorBgBase;
 }, function (p) {
@@ -18,24 +18,24 @@ var IndexStyle = createGlobalStyle(_templateObject || (_templateObject = _tagged
 }, function (p) {
   return p.theme.lineWidth;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorBgContainerDisabled;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.paddingXS;
 }, function (p) {
   return p.theme.colorTextTertiary;
 }, function (p) {
-  return "var(--".concat(p.prefix, "-color-fill-disable)");
+  return "var(--".concat(p.theme.prefixCls, "-color-fill-disable)");
 }, function (p) {
   return p.theme.controlHeight;
 }, function (p) {
   return p.theme.controlHeight;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 });
 export default IndexStyle;

package/lib/StatusCard/index.js

@@ -1,6 +1,6 @@
 import { SparkCheckCircleFill, SparkErrorCircleFill, SparkStopCircleLine, SparkTrueLine, SparkWarningCircleFill } from '@agentscope-ai/icons';
 import { useProviderContext } from "../Provider";
-import useStyle from "./style";
+import Style from "./style";
 import classNames from 'classnames';
 import { Button } from "@agentscope-ai/design";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -10,7 +10,6 @@ function StatusCard(props) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('status-card');
-  var Style = useStyle();
   var icon = props.icon || {
     'success': /*#__PURE__*/_jsx(SparkCheckCircleFill, {}),
     'error': /*#__PURE__*/_jsx(SparkErrorCircleFill, {}),

package/lib/StatusCard/style.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/StatusCard/style.js

@@ -1,8 +1,8 @@
 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 "./..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-status-card {\n  width: 100%;\n  border-radius: ", "px;\n  border: 1px solid ", ";\n  overflow: hidden;\n  &-success {\n    background-color: ", ";\n\n    .", "-status-card-header-icon {\n      color: ", ";\n    }\n  }\n  &-error {\n    background-color: ", ";\n\n    .", "-status-card-header-icon {\n      color: ", ";\n    }\n  }\n  &-warning {\n    background-color: ", ";\n\n    .", "-status-card-header-icon {\n      color: ", ";\n    }\n  }\n  &-info {\n    background-color: ", ";\n\n    .", "-status-card-header-icon {\n      color: ", ";\n    }\n  }\n\n  &-header-icon {\n    font-size: 20px;\n  }\n\n\n  &-header-title {\n    font-size: 16px;\n    color: ", ";\n  }\n\n  &-header {\n    padding: 0 12px;\n  }\n\n  &-header-top {\n    display: flex;\n    align-items: center;\n    margin: 8px 0;\n    gap: 8px;\n  }\n\n\n  &-header-description {\n    margin-top: -6px;\n    margin-bottom: 8px;\n    margin-left: 30px;\n    font-size: 12px;\n    color: ", ";\n  }\n\n\n\n\n\n  &-HITL {\n    padding: 16px;\n    border-top: 1px solid ", ";\n    background-color: ", ";\n    border-radius: ", "px ", "px 0 0;\n\n    &-desc {\n      color: ", ";\n      margin-bottom: 12px;\n    }\n\n    &-button {\n      display: flex;\n      justify-content: flex-end;\n    }\n  \n  }\n\n  &-statistic {\n    display: flex;\n    padding: 16px 26px;\n    border-top: 1px solid ", ";\n    background-color: ", ";\n    border-radius: ", "px ", "px 0 0;\n\n    &-item {\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n      gap: 8px;\n\n      &-title {\n        font-size: 12px;\n        color: ", ";\n      }\n\n      &-value {\n        font-size: 18px;\n        line-height: 32px;\n        color: ", ";\n      }\n    }\n  }\n\n}\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.borderRadiusLG;
 }, function (p) {
@@ -10,25 +10,25 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 }, function (p) {
   return p.theme.colorSuccessBg;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorSuccess;
 }, function (p) {
   return p.theme.colorErrorBg;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorError;
 }, function (p) {
   return p.theme.colorWarningBg;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorWarning;
 }, function (p) {
   return p.theme.colorFillTertiary;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorInfo;
 }, function (p) {

package/lib/Util/createStyle.d.ts

@@ -1,5 +0,0 @@
-import { CSSStyle } from 'antd-style';
-import { GlobalTheme } from 'antd-style/lib/factories/createGlobalStyle';
-export default function createGlobalStyle(...styles: CSSStyle<GlobalTheme & {
-    prefix: string;
-}>): () => () => import("react/jsx-runtime").JSX.Element;

package/lib/Util/createStyle.js

@@ -1,20 +0,0 @@
-import { createGlobalStyle as originCreateGlobalStyle } from 'antd-style';
-import { useProviderContext } from "../Provider";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function createGlobalStyle() {
-  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
-    styles[_key] = arguments[_key];
-  }
-  return function () {
-    var _useProviderContext = useProviderContext(),
-      getPrefixCls = _useProviderContext.getPrefixCls;
-    var prefix = getPrefixCls();
-    var Style = originCreateGlobalStyle.apply(void 0, styles);
-    return function () {
-      // @ts-ignore
-      return /*#__PURE__*/_jsx(Style, {
-        prefix: prefix
-      });
-    };
-  };
-}

package/lib/Welcome/index.js

@@ -1,12 +1,13 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React from 'react';
-import { createGlobalStyle, useProviderContext } from "./..";
+import { createGlobalStyle } from 'antd-style';
+import { useProviderContext } from "./..";
 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 useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-welcome {\n  display: flex;\n  align-items: center;\n\n  &-logo {\n    display: block;\n    margin-right: 20px;\n  }\n\n  &-title {\n    font-size: 24px;\n    line-height: 36px;\n    font-weight: bold;\n    color: ", ";\n  }\n\n  &-desc {\n    margin-top: 4px;\n    font-size: 24px;\n    line-height: 36px;\n    color: ", ";\n  }\n}\n"])), function (p) {
-  return p.prefix;
+var Style = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-welcome {\n  display: flex;\n  align-items: center;\n\n  &-logo {\n    display: block;\n    margin-right: 20px;\n  }\n\n  &-title {\n    font-size: 24px;\n    line-height: 36px;\n    font-weight: bold;\n    color: ", ";\n  }\n\n  &-desc {\n    margin-top: 4px;\n    font-size: 24px;\n    line-height: 36px;\n    color: ", ";\n  }\n}\n"])), function (p) {
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorText;
 }, function (p) {
@@ -20,7 +21,6 @@ export default function (props) {
     className: prefix + '-logo',
     src: props.logo
   }) : props.logo;
-  var Style = useStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
       className: prefix,

package/lib/index.d.ts

@@ -23,6 +23,5 @@ export { default as OperateCard, type IOperateCardProps } from './OperateCard';
 export * from './OperateCard/preset';
 export { default as ChatInput, default as Sender, type SenderProps as IChatInputProps, type SenderProps, } from './Sender';
 export { default as StatusCard, type IStatusCardProps } from './StatusCard';
-export { default as createGlobalStyle } from './Util/createStyle';
 export { default as sleep } from './Util/sleep';
 export { default as Welcome, type IWelcomeProps } from './Welcome';

package/lib/index.js

@@ -22,6 +22,5 @@ export { default as OperateCard } from "./OperateCard";
 export * from "./OperateCard/preset";
 export { default as ChatInput, default as Sender } from "./Sender";
 export { default as StatusCard } from "./StatusCard";
-export { default as createGlobalStyle } from "./Util/createStyle";
 export { default as sleep } from "./Util/sleep";
 export { default as Welcome } from "./Welcome";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.14",
+  "version": "1.1.16",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "sideEffects": [
     "*.less",