@agentscope-ai/design 1.0.7 → 1.0.9

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

@@ -10,9 +10,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Checkbox as AntCheckbox } from 'antd';
 import React from 'react';
 import { getCommonConfig } from "../../../config";
-import useIndexStyle from "./index.style";
+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 Checkbox = function Checkbox(_ref) {
   var description = _ref.description,
     descriptionClassName = _ref.descriptionClassName,
@@ -22,21 +23,23 @@ var Checkbox = function Checkbox(_ref) {
   var _getCommonConfig = getCommonConfig(),
     antPrefix = _getCommonConfig.antPrefix,
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   var defaultDescriptionStyle = {
     marginLeft: '24px',
     marginTop: '6px',
     fontSize: '12px',
     color: "var(--".concat(antPrefix, "-color-text-tertiary)")
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "".concat(sparkPrefix, "-checkbox"),
-    children: [/*#__PURE__*/_jsx(AntCheckbox, _objectSpread(_objectSpread({}, restProps), {}, {
-      children: children
-    })), description && /*#__PURE__*/_jsx("div", {
-      className: descriptionClassName,
-      style: _objectSpread(_objectSpread({}, defaultDescriptionStyle), descriptionStyle),
-      children: description
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-checkbox"),
+      children: [/*#__PURE__*/_jsx(AntCheckbox, _objectSpread(_objectSpread({}, restProps), {}, {
+        children: children
+      })), description && /*#__PURE__*/_jsx("div", {
+        className: descriptionClassName,
+        style: _objectSpread(_objectSpread({}, defaultDescriptionStyle), descriptionStyle),
+        children: description
+      })]
     })]
   });
 };

package/lib/components/commonComponents/Checkbox/index.style.d.ts

@@ -1,34 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            [x: string]: {
-                color: string;
-            };
-            border?: undefined;
-        } | {
-            border: string;
-        } | {
-            [x: string]: {
-                borderColor: string;
-            };
-            border?: undefined;
-        } | {
-            [x: string]: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            border?: undefined;
-        } | {
-            [x: string]: {
-                backgroundColor: string;
-                borderColor: string;
-                '&::after': {
-                    borderColor: string;
-                };
-            };
-            border?: undefined;
-        };
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,38 +1,50 @@
-var _excluded = ["css"];
-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; }
-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); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return _defineProperty({}, ".".concat(sparkPrefix, "-checkbox"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-checkbox-wrapper-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-label"), {
-    color: "var(--".concat(antPrefix, "-color-text)")
-  })), ".".concat(antPrefix, "-checkbox-inner"), {
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-checkbox-wrapper:hover"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  })), ".".concat(antPrefix, "-checkbox-checked"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    borderColor: "var(--".concat(antPrefix, "-color-primary)"),
-    backgroundColor: "var(--".concat(antPrefix, "-color-primary)")
-  })), ".".concat(antPrefix, "-checkbox-checked.").concat(antPrefix, "-checkbox-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-fill-disable)"),
-    borderColor: "var(--".concat(antPrefix, "-color-fill-disable)"),
-    '&::after': {
-      borderColor: "var(--".concat(antPrefix, "-color-text-white)")
-    }
-  })), ".".concat(antPrefix, "-checkbox-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-fill-secondary)"),
-    borderColor: "var(--".concat(antPrefix, "-color-fill-secondary)")
-  })));
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+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/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-checkbox {\n  .", "-checkbox-wrapper-disabled {\n    .", "-checkbox-label {\n      color: var(--", "-color-text);\n    }\n  }\n  \n  .", "-checkbox-inner {\n    border: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-checkbox-wrapper:hover {\n    .", "-checkbox-inner {\n      border-color: var(--", "-color-border-secondary);\n    }\n  }\n  \n  .", "-checkbox-checked {\n    .", "-checkbox-inner {\n      border-color: var(--", "-color-primary);\n      background-color: var(--", "-color-primary);\n    }\n  }\n  \n  .", "-checkbox-checked.", "-checkbox-disabled {\n    .", "-checkbox-inner {\n      background-color: var(--", "-color-fill-disable);\n      border-color: var(--", "-color-fill-disable);\n      \n      &::after {\n        border-color: var(--", "-color-text-white);\n      }\n    }\n  }\n  \n  .", "-checkbox-disabled {\n    .", "-checkbox-inner {\n      background-color: var(--", "-color-fill-secondary);\n      border-color: var(--", "-color-fill-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.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.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -18,6 +18,7 @@ import { html } from '@codemirror/lang-html';
 import { java } from '@codemirror/lang-java';
 import { javascript } from '@codemirror/lang-javascript';
 import { json, jsonParseLinter } from '@codemirror/lang-json';
+import { markdown } from '@codemirror/lang-markdown';
 import { php } from '@codemirror/lang-php';
 import { python } from '@codemirror/lang-python';
 import { yaml } from '@codemirror/lang-yaml';
@@ -28,8 +29,10 @@ import { ConfigProvider, theme } from 'antd';
 import cls from 'classnames';
 import { omit } from 'lodash-es';
 import React, { useMemo } from 'react';
-import useIndexStyle from "./index.style";
+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";
 export var langExtensionsMap = {
   javascript: [javascript()],
   jsx: [javascript()],
@@ -42,7 +45,8 @@ export var langExtensionsMap = {
   csharp: [cpp()],
   css: [css()],
   html: [html()],
-  curl: []
+  curl: [],
+  markdown: [markdown()]
 };
 var lintExtensionsMap = {
   javascript: [lintGutter()],
@@ -64,10 +68,7 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
   var isDarkMode = context.theme.algorithm === theme.darkAlgorithm;
   var sparkPrefix = commonConfig.sparkPrefix,
     antPrefix = commonConfig.antPrefix;
-  useIndexStyle({
-    sparkPrefix: sparkPrefix,
-    antPrefix: antPrefix
-  });
+  var Style = useStyle();
   var getTheme = useMemo(function () {
     if (props.theme === undefined) {
       if (isDarkMode) {
@@ -80,13 +81,15 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
   var extensions = typeof props.language === 'string' ? [].concat(_toConsumableArray(langExtensionsMap[props.language] || []), _toConsumableArray(props.value && props.language in lintExtensionsMap ? lintExtensionsMap[props.language] : [])) : props.language.reduce(function (ext, lang) {
     return [].concat(_toConsumableArray(ext), [langExtensionsMap[lang]]);
   }, []);
-  return /*#__PURE__*/_jsx("div", {
-    className: cls("".concat(sparkPrefix, "-code-block"), props.className),
-    children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
-      extensions: extensions,
-      value: props.language === 'json' ? beautifulJson(props.value) : props.value,
-      theme: getTheme
-    }, omit(props, ['language', 'theme', 'extensions', 'value'])))
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("div", {
+      className: cls("".concat(sparkPrefix, "-code-block"), props.className),
+      children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
+        extensions: extensions,
+        value: props.language === 'json' ? beautifulJson(props.value) : props.value,
+        theme: getTheme
+      }, omit(props, ['language', 'theme', 'extensions', 'value'])))
+    })]
   });
 };
 export default CodeMirrorWrapper;

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

@@ -1,354 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        width: string;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        border: string;
-        borderRadius: string;
-        width?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        borderRight: string;
-        backgroundColor: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        backgroundColor: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        color: string;
-        height: string;
-        lineHeight: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        "span:not([title*=\"Unfold line\"])": {
-            height: string;
-        };
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        height: string;
-        lineHeight: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        padding: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        backgroundImage: string;
-        background: string;
-        border: string;
-        borderRadius: string;
-        '&:hover': {
-            color: string;
-            cursor: string;
-        };
-        width?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        background: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        display: string;
-        alignItems: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        right: string;
-        background: string;
-        fontSize: string;
-        color: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        '&:hover'?: undefined;
-        outline?: undefined;
-    } | {
-        borderRadius: string;
-        width?: undefined;
-        border?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        border: string;
-        width?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-        outline?: undefined;
-    } | {
-        outline: string;
-        width?: undefined;
-        border?: undefined;
-        borderRadius?: undefined;
-        borderRight?: undefined;
-        backgroundColor?: undefined;
-        color?: undefined;
-        height?: undefined;
-        lineHeight?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        "span:not([title*=\"Unfold line\"])"?: undefined;
-        padding?: undefined;
-        backgroundImage?: undefined;
-        background?: undefined;
-        '&:hover'?: undefined;
-        right?: undefined;
-        fontSize?: undefined;
-    };
-    '.cm-theme': {
-        border: string;
-        borderRadius: string;
-    };
-    '.cm-gutters': {
-        borderRight: string;
-        backgroundColor: string;
-    };
-    '.cm-editor': {
-        backgroundColor: string;
-    };
-    '.cm-gutterElement:not(:first-child)': {
-        color: string;
-        height: string;
-        lineHeight: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        "span:not([title*=\"Unfold line\"])": {
-            height: string;
-        };
-    };
-    '.cm-line': {
-        height: string;
-        lineHeight: string;
-    };
-    '.cm-lineNumbers .cm-gutterElement': {
-        padding: string;
-    };
-    '.cm-activeLine, .cm-activeLineGutter': {
-        backgroundColor: string;
-    };
-    '.cm-button': {
-        backgroundImage: string;
-        background: string;
-        border: string;
-        borderRadius: string;
-        '&:hover': {
-            color: string;
-            cursor: string;
-        };
-    };
-    '.cm-search': {
-        background: string;
-    };
-    '.cm-panel.cm-search label': {
-        display: string;
-        alignItems: string;
-    };
-    '.cm-panel.cm-search [name=close]': {
-        right: string;
-        background: string;
-        fontSize: string;
-        color: string;
-    };
-    '.cm-textfield': {
-        borderRadius: string;
-    };
-    '.cm-panel.cm-search input[type=checkbox]': {
-        border: string;
-    };
-    '.cm-focused': {
-        outline: string;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;