@agentscope-ai/design 1.0.20 → 1.0.21-beta.1766979118636

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,19 @@
1
1
  var _templateObject;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import createGlobalStyle from "../../libs/createStyle";
4
- export var useSliderStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider {\n .", "-slider-rail {\n border-radius: 8px;\n }\n \n .", "-slider-track {\n border-radius: 8px;\n }\n}\n\n.", "-slider-tooltip {\n .", "-tooltip-inner {\n background: var(--", "-color-bg-spotlight);\n }\n}\n\n/* \u5DE6\u53F3\u4E24\u4FA7\u7684mark\u5BF9\u9F50 */\n.", "-slider-mark-text {\n &:first-child {\n transform: translateX(0%) !important;\n }\n \n &:last-child {\n transform: translateX(-100%) !important;\n }\n}\n"])), function (p) {
4
+ export var useSliderStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider {\n margin-left: 0;\n margin-right: 0;\n\n /* \u7AEF\u70B9\u9632\u6EA2\u51FA\uFF1A\u6E10\u53D8 translateX \u907F\u514D\u6296\u52A8 */\n &.", "-slider-horizontal:not(.", "-slider-reverse) {\n .", "-slider-handle {\n &[style*='left: 0%'], &[style*='left:0%'] { transform: translateX(0%) !important; }\n &[style*='left: 1%'], &[style*='left:1%'] { transform: translateX(-25%) !important; }\n &[style*='left: 2%'], &[style*='left:2%'] { transform: translateX(-50%) !important; }\n &[style*='left: 98%'], &[style*='left:98%'] { transform: translateX(-50%) !important; }\n &[style*='left: 99%'], &[style*='left:99%'] { transform: translateX(-75%) !important; }\n &[style*='left: 100%'], &[style*='left:100%'] { transform: translateX(-100%) !important; }\n }\n }\n\n &.", "-slider-horizontal.", "-slider-reverse {\n .", "-slider-handle {\n &[style*='right: 0%'], &[style*='right:0%'] { transform: translateX(0%) !important; }\n &[style*='right: 1%'], &[style*='right:1%'] { transform: translateX(25%) !important; }\n &[style*='right: 2%'], &[style*='right:2%'] { transform: translateX(50%) !important; }\n &[style*='right: 98%'], &[style*='right:98%'] { transform: translateX(50%) !important; }\n &[style*='right: 99%'], &[style*='right:99%'] { transform: translateX(75%) !important; }\n &[style*='right: 100%'], &[style*='right:100%'] { transform: translateX(100%) !important; }\n }\n }\n\n .", "-slider-rail {\n border-radius: 8px;\n }\n \n .", "-slider-track {\n border-radius: 8px;\n }\n}\n\n.", "-slider-tooltip {\n .", "-tooltip-inner {\n background: var(--", "-color-bg-spotlight);\n }\n}\n\n/* \u5DE6\u53F3\u4E24\u4FA7\u7684mark\u5BF9\u9F50 */\n.", "-slider-mark-text {\n &:first-child {\n transform: translateX(0%) !important;\n }\n \n &:last-child {\n transform: translateX(-100%) !important;\n }\n}\n"])), function (p) {
5
+ return p.antPrefix;
6
+ }, function (p) {
7
+ return p.antPrefix;
8
+ }, function (p) {
9
+ return p.antPrefix;
10
+ }, function (p) {
11
+ return p.antPrefix;
12
+ }, function (p) {
13
+ return p.antPrefix;
14
+ }, function (p) {
15
+ return p.antPrefix;
16
+ }, function (p) {
5
17
  return p.antPrefix;
6
18
  }, function (p) {
7
19
  return p.antPrefix;
@@ -63,7 +63,8 @@
63
63
  "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.06),0px 8px 40px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
64
64
 
65
65
  "colorTextWhite": "#ffffff",
66
- "colorTextOnPrimary": "#000000",
66
+ "colorTextBlack": "#000000",
67
+ "colorTextOnPrimary": "#ffffff",
67
68
  "colorFillDisable": "#898989",
68
69
  "colorPurple": "#615CED",
69
70
  "colorPurpleHover": "#8383F0",
@@ -95,6 +96,6 @@
95
96
 
96
97
  "boxShadowTertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.24),0px 12px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
97
98
  "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(255, 255, 255, 0.24),-12px 0px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
98
- "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
99
- "colorTextBlack": "#000000"
99
+ "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
100
+
100
101
  }
@@ -1,10 +1,9 @@
1
1
  import React from 'react';
2
2
  type NativeAudioProps = React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
3
- export interface AudioProps extends NativeAudioProps {
4
- }
3
+ export type AudioProps = NativeAudioProps;
5
4
  /**
6
5
  * 音频播放器组件
7
6
  * 包含播放/暂停、音量控制、进度条和时间显示
8
7
  */
9
- declare const Audio: React.ForwardRefExoticComponent<Omit<AudioProps, "ref"> & React.RefAttributes<HTMLAudioElement>>;
8
+ declare const Audio: React.ForwardRefExoticComponent<Omit<NativeAudioProps, "ref"> & React.RefAttributes<HTMLAudioElement>>;
10
9
  export default Audio;
@@ -1,4 +1,4 @@
1
- import { Slider } from 'antd';
1
+ import { Slider } from "../../../..";
2
2
  import React from 'react';
3
3
  import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { Slider } from 'antd';
1
+ import { Slider } from "../../../..";
2
2
  import React from 'react';
3
3
  import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { Slider } from 'antd';
1
+ import { Slider } from "../../../..";
2
2
  import React from 'react';
3
3
  import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -15,11 +15,12 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
15
15
  import { jsxs as _jsxs } from "react/jsx-runtime";
16
16
  export var SparkSliderBasic = /*#__PURE__*/React.forwardRef(function (props, ref) {
17
17
  var _getCommonConfig = getCommonConfig(),
18
- sparkPrefix = _getCommonConfig.sparkPrefix;
18
+ sparkPrefix = _getCommonConfig.sparkPrefix,
19
+ antPrefix = _getCommonConfig.antPrefix;
19
20
  var Style = useStyle();
20
21
  return /*#__PURE__*/_jsxs(_Fragment, {
21
22
  children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Slider, _objectSpread(_objectSpread({}, props), {}, {
22
- className: classNames("".concat(sparkPrefix, "-slider"), _defineProperty({}, "".concat(sparkPrefix, "-slider-no-marks"), !Object.keys(props.marks || {}).length), props.className),
23
+ className: classNames("".concat(sparkPrefix, "-slider"), _defineProperty(_defineProperty({}, "".concat(sparkPrefix, "-slider-no-marks"), !Object.keys(props.marks || {}).length), "".concat(antPrefix, "-slider-reverse"), props.reverse), props.className),
23
24
  ref: ref
24
25
  }))]
25
26
  });
@@ -1,7 +1,23 @@
1
1
  var _templateObject;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import createGlobalStyle from "../../../libs/createStyle";
4
- 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) {
4
+ export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table-wrapper {\n\n .", "-table-tbody {\n .", "-table-row > .", "-table-cell-row-hover {\n background: var(--", "-color-bg-layout);\n }\n .", "-table-row.", "-table-row-selected > .", "-table-cell {\n background: var(--", "-color-primary-bg-hover);\n }\n }\n\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) {
5
+ return p.antPrefix;
6
+ }, function (p) {
7
+ return p.antPrefix;
8
+ }, function (p) {
9
+ return p.antPrefix;
10
+ }, function (p) {
11
+ return p.antPrefix;
12
+ }, function (p) {
13
+ return p.antPrefix;
14
+ }, function (p) {
15
+ return p.antPrefix;
16
+ }, function (p) {
17
+ return p.antPrefix;
18
+ }, function (p) {
19
+ return p.antPrefix;
20
+ }, function (p) {
5
21
  return p.antPrefix;
6
22
  }, function (p) {
7
23
  return p.antPrefix;