@agentscope-ai/design 1.0.6 → 1.0.7

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

@@ -0,0 +1,17 @@
+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(EllipsisTip, {
+        rows: 2,
+        tooltip: tag,
+        children: tag
+      }, tag);
+    })
+  });
+};
+export default App;

package/lib/components/commonComponents/Empty/demo/demo1.d.ts

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

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

@@ -0,0 +1,10 @@
+import { Empty } from "../../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Empty, {
+    type: "noData",
+    title: "No Data",
+    description: "Please try later...",
+    okText: "Retry"
+  });
+});

package/lib/components/commonComponents/Empty/demo/demo2.d.ts

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

package/lib/components/commonComponents/Empty/demo/demo2.js

@@ -0,0 +1,10 @@
+import { Empty } from "../../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Empty, {
+    type: "noAccess",
+    title: "No Access",
+    description: "Please register and retry",
+    okText: "Retry"
+  });
+});

package/lib/components/commonComponents/Empty/demo/demo3.d.ts

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

package/lib/components/commonComponents/Empty/demo/demo3.js

@@ -0,0 +1,50 @@
+import { Empty } from "../../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Empty, {
+      type: "noAudio",
+      title: "no Audio Yet",
+      description: "Please add your audio",
+      okText: "Retry",
+      onOk: function onOk() {}
+    }), /*#__PURE__*/_jsx(Empty, {
+      type: "noImage",
+      title: "no Image Yet",
+      description: "Please add your image",
+      okText: "Retry",
+      onOk: function onOk() {}
+    }), /*#__PURE__*/_jsx(Empty, {
+      type: "noVideo",
+      title: "no Video Yet",
+      description: "Please add your video",
+      okText: "Retry",
+      onOk: function onOk() {}
+    }), /*#__PURE__*/_jsx(Empty, {
+      type: "noModel",
+      title: "Empty Model",
+      description: "Please add your models",
+      okText: "Retry",
+      onOk: function onOk() {}
+    }), /*#__PURE__*/_jsx(Empty, {
+      type: "stayTuned",
+      title: "Stay Tuned!",
+      description: "The function is being improved, stay tuned.",
+      okText: "Retry",
+      onOk: function onOk() {}
+    }), /*#__PURE__*/_jsx(Empty, {
+      type: "noData",
+      title: "Empty Application",
+      description: "Please add your applications",
+      okText: "Retry",
+      onOk: function onOk() {}
+    }), /*#__PURE__*/_jsx(Empty, {
+      type: "noModel",
+      title: "You Are In Arrears",
+      description: "Please recharge",
+      okText: "Retry",
+      onOk: function onOk() {}
+    })]
+  });
+});

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

@@ -0,0 +1,80 @@
+/// <reference types="react" />
+import { SparkButtonProps } from '../Button';
+export interface SparkEmptyProps {
+    /**
+     * @description 空状态类型
+     * @descriptionEn type of the empty
+     * @default 'noData'
+     */
+    type?: 'noData' | 'networkError' | '404' | 'arrears' | 'desktopOnly' | 'noAudio' | 'noImage' | 'noVideo' | 'noAccess' | 'error' | 'noModel' | 'noApp' | 'success' | 'failed' | 'inProgress' | 'stayTuned';
+    /**
+     * @description 是否显示纹理
+     * @descriptionEn whether to show texture
+     * @default true
+     */
+    texture?: boolean;
+    /**
+     * @description 图片地址
+     * @descriptionEn image url
+     * @default 默认是no data的图片
+     */
+    image?: string;
+    /**
+     * @description 图片样式
+     * @descriptionEn image style
+     */
+    imageStyle?: React.CSSProperties;
+    /**
+     * @description 标题内容
+     * @descriptionEn title content
+     */
+    title?: React.ReactNode;
+    /**
+     * @description 自定义描述内容
+     * @descriptionEn custom description content
+     */
+    description?: React.ReactNode;
+    /**
+     * @description ok按钮的点击事件
+     * @descriptionEn ok button click event
+     */
+    onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * @description ok按钮的文本
+     * @descriptionEn ok button text
+     */
+    okText?: React.ReactNode;
+    /**
+     * @description ok按钮的类型
+     * @descriptionEn ok button type
+     * @default 'primary'
+     */
+    okType?: SparkButtonProps['type'];
+    /**
+     * @description ok按钮的props
+     * @descriptionEn ok button props
+     */
+    okButtonProps?: SparkButtonProps;
+    /**
+     * @description 自定义空状态的内容
+     * @descriptionEn custom empty content
+     */
+    children?: React.ReactNode;
+    /**
+     * @description 自定义空状态的类名
+     * @descriptionEn custom empty class name
+     */
+    className?: string;
+    /**
+     * @description 自定义空状态的样式
+     * @descriptionEn custom empty style
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 自定义空状态的大小
+     * @descriptionEn custom empty size
+     */
+    size?: React.CSSProperties['width'];
+}
+declare const Empty: (props: SparkEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export default Empty;

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

@@ -0,0 +1,271 @@
+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 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); }
+import { getCommonConfig } from "../../../config";
+import { Flex } from 'antd';
+import Button from "../Button";
+import Illustrate from "./svg/Illustrate";
+import useIndexStyle from "./index.style";
+import { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+;
+var TEXTURE_MAP = {
+  url: 'https://gw.alicdn.com/imgextra/i3/O1CN01r3f3Si24iFTRz9Bho_!!6000000007424-55-tps-320-320.svg',
+  tokenMap: {
+    '#CDD0DC': 'color-border'
+  }
+};
+var IMAGE_MAP = {
+  noData: {
+    url: 'https://gw.alicdn.com/imgextra/i2/O1CN01mWN5tE1MAxb2z7LwA_!!6000000001395-55-tps-108-108.svg',
+    tokenMap: {
+      '#E6E8EE': 'color-border-secondary',
+      '#BCB5FF': 'color-primary-border-hover',
+      '#FFFFFF': 'color-bg-base',
+      '#615CED': 'color-primary',
+      '#1ACDD0DC': 'color-fill-quaternary',
+      '#CDD0DC': 'color-border'
+    }
+  },
+  networkError: {
+    url: 'https://gw.alicdn.com/imgextra/i2/O1CN01su6GHG1RupL5K5TOQ_!!6000000002172-55-tps-108-108.svg',
+    tokenMap: {
+      '#CDD0DC': 'color-border',
+      '#FFFFFF': 'color-bg-base',
+      '#615CED': 'color-primary'
+    }
+  },
+  '404': {
+    url: 'https://gw.alicdn.com/imgextra/i4/O1CN01GE0jXZ1xpqjvMjCZh_!!6000000006493-55-tps-108-108.svg',
+    tokenMap: {
+      '#E6E8EE': 'color-border-secondary',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#CDD0DC': 'color-border',
+      '#F3F0FF': 'color-primary-bg',
+      '#FFFFFF': 'color-bg-base',
+      '#615CED': 'color-primary'
+    }
+  },
+  arrears: {
+    url: 'https://gw.alicdn.com/imgextra/i3/O1CN01xN8uYv1Dz2MLvrFAF_!!6000000000286-55-tps-108-108.svg',
+    tokenMap: {
+      '#CDD0DC': 'color-border',
+      '#FFFFFF': 'color-bg-base',
+      '#F3F0FF': 'color-primary-bg',
+      '#615CED': 'color-primary'
+    }
+  },
+  desktopOnly: {
+    url: 'https://gw.alicdn.com/imgextra/i2/O1CN01ZzNku41rshVhRVh9x_!!6000000005687-55-tps-108-108.svg',
+    tokenMap: {
+      '#E6E8EE': 'color-border-secondary',
+      '#CDD0DC': 'color-border',
+      '#FFFFFF': 'color-bg-base',
+      '#615CED': 'color-primary'
+    }
+  },
+  noAudio: {
+    url: 'https://gw.alicdn.com/imgextra/i2/O1CN01fTQ6vi1GXxnIrmizf_!!6000000000633-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#615CED': 'color-primary',
+      '#E6E8EE': 'color-border-secondary'
+    }
+  },
+  noImage: {
+    url: 'https://gw.alicdn.com/imgextra/i4/O1CN01zQAH9A1oJUD9XDtmi_!!6000000005204-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#E6E8EE': 'color-border-secondary',
+      '#615CED': 'color-primary'
+    }
+  },
+  noVideo: {
+    url: 'https://gw.alicdn.com/imgextra/i1/O1CN01kqss5i1JuoOrJ8fNV_!!6000000001089-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#E6E8EE': 'color-border-secondary',
+      '#615CED': 'color-primary'
+    }
+  },
+  noAccess: {
+    url: 'https://gw.alicdn.com/imgextra/i3/O1CN01RwpRz91oGHREFlmdY_!!6000000005197-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#615CED': 'color-primary'
+    }
+  },
+  error: {
+    url: 'https://gw.alicdn.com/imgextra/i1/O1CN01TlQR4c1L3nn4DkG2z_!!6000000001244-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#E6E8EE': 'color-border-secondary',
+      '#615CED': 'color-primary'
+    }
+  },
+  noModel: {
+    url: 'https://gw.alicdn.com/imgextra/i2/O1CN01BSPmLi1iaXGByjbne_!!6000000004429-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#5CCDD0DC': 'color-fill',
+      '#615CED': 'color-primary'
+    }
+  },
+  noApp: {
+    url: 'https://gw.alicdn.com/imgextra/i3/O1CN01stSIP31fzmEtpppWc_!!6000000004078-55-tps-108-108.svg',
+    tokenMap: {
+      '#E6E8EE': 'color-border-secondary',
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#33CDD0DC': 'color-fill-secondary',
+      '#615CED': 'color-primary'
+    }
+  },
+  success: {
+    url: 'https://gw.alicdn.com/imgextra/i3/O1CN01sGzZ5B1Bx5RQAjUe5_!!6000000000011-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#E6E8EE': 'color-border-secondary',
+      '#CDD0DC': 'color-border',
+      '#5BB98B': 'color-success',
+      '#615CED': 'color-primary',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#33CDD0DC': 'color-fill-secondary',
+      '#1aCDD0DC': 'color-fill-quaternary'
+    }
+  },
+  failed: {
+    url: 'https://gw.alicdn.com/imgextra/i4/O1CN01Fd1Gmx1QNYxQ8hj0H_!!6000000001964-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#E6E8EE': 'color-border-secondary',
+      '#CDD0DC': 'color-border',
+      '#FF7875': 'color-error-hover',
+      '#615CED': 'color-primary',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#33CDD0DC': 'color-fill-secondary',
+      '#1aCDD0DC': 'color-fill-quaternary'
+    }
+  },
+  inProgress: {
+    url: 'https://gw.alicdn.com/imgextra/i4/O1CN01w2RXic1LADKqVxH56_!!6000000001258-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#E6E8EE': 'color-border-secondary',
+      '#CDD0DC': 'color-border',
+      '#9189FA': 'color-primary-hover',
+      '#615CED': 'color-primary',
+      '#26CDD0DC': 'color-fill-tertiary',
+      '#33CDD0DC': 'color-fill-secondary',
+      '#1aCDD0DC': 'color-fill-quaternary'
+    }
+  },
+  stayTuned: {
+    url: 'https://gw.alicdn.com/imgextra/i4/O1CN01W2Kbyc26dmqmatyoB_!!6000000007685-55-tps-108-108.svg',
+    tokenMap: {
+      '#FFFFFF': 'color-bg-base',
+      '#CDD0DC': 'color-border',
+      '#615CED': 'color-primary'
+    }
+  }
+};
+var Empty = function Empty(props) {
+  var imageStyle = props.imageStyle,
+    title = props.title,
+    _props$description = props.description,
+    description = _props$description === void 0 ? 'No Data' : _props$description,
+    children = props.children,
+    _props$texture = props.texture,
+    texture = _props$texture === void 0 ? true : _props$texture,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 320 : _props$size,
+    okText = props.okText,
+    _props$okType = props.okType,
+    okType = _props$okType === void 0 ? 'primary' : _props$okType,
+    okButtonProps = props.okButtonProps,
+    onOk = props.onOk;
+  var type = props.type || 'noData';
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix,
+    isDarkMode = commonConfig.isDarkMode,
+    antPrefix = commonConfig.antPrefix;
+  var image = props.image || IMAGE_MAP[type].url;
+  var tokenMap = useMemo(function () {
+    var _IMAGE_MAP$type;
+    var tokenMap = _objectSpread({}, (_IMAGE_MAP$type = IMAGE_MAP[type]) === null || _IMAGE_MAP$type === void 0 ? void 0 : _IMAGE_MAP$type.tokenMap);
+    if (tokenMap) {
+      Object.keys(tokenMap).forEach(function (key) {
+        tokenMap[key] = "var(--".concat(antPrefix, "-").concat(tokenMap[key], ")");
+      });
+    }
+    return tokenMap;
+  }, [type]);
+  var textureTokenMap = useMemo(function () {
+    var tokenMap = _objectSpread({}, TEXTURE_MAP.tokenMap);
+    Object.keys(tokenMap).forEach(function (key) {
+      tokenMap[key] = "var(--".concat(antPrefix, "-").concat(tokenMap[key], ")");
+    });
+    return tokenMap;
+  }, [isDarkMode]);
+  useIndexStyle();
+  var parsedSize = typeof size === 'string' ? parseFloat(size.replace(/px/i, '')) : size !== null && size !== void 0 ? size : 0;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(sparkPrefix, "-empty ").concat(props.className || ''),
+    style: _objectSpread(_objectSpread({}, imageStyle), {}, {
+      width: size,
+      height: size
+    }),
+    children: [texture && /*#__PURE__*/_jsx(Illustrate, {
+      size: size,
+      svgUrl: TEXTURE_MAP.url,
+      tokenMap: textureTokenMap,
+      className: "".concat(sparkPrefix, "-empty-texture")
+    }), /*#__PURE__*/_jsx(Illustrate, {
+      size: size,
+      svgUrl: image,
+      tokenMap: tokenMap,
+      className: "".concat(sparkPrefix, "-empty-image")
+    }), /*#__PURE__*/_jsxs(Flex, {
+      vertical: true,
+      align: "center",
+      style: {
+        marginTop: '52.5%'
+      },
+      children: [title && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-empty-title"),
+        style: {
+          marginBottom: description ? 0.025 * parsedSize : 0
+        },
+        children: title
+      }), description && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-empty-description"),
+        children: description
+      }), !!okText && /*#__PURE__*/_jsx("div", {
+        style: {
+          marginTop: 0.05 * parsedSize
+        },
+        children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          type: okType,
+          onClick: onOk
+        }, okButtonProps), {}, {
+          children: okText
+        }))
+      }), !!children && children]
+    })]
+  });
+};
+export default Empty;

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

@@ -0,0 +1,113 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        overflow: string;
+        position: string;
+        top?: undefined;
+        left?: undefined;
+        pointerEvents?: undefined;
+        justifyContent?: undefined;
+        marginTop?: undefined;
+        width?: undefined;
+        height?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+        lineHeight?: undefined;
+        color?: undefined;
+        textAlign?: undefined;
+    } | {
+        position: string;
+        top: number;
+        left: number;
+        pointerEvents: string;
+        display: string;
+        justifyContent: string;
+        flexDirection?: undefined;
+        alignItems?: undefined;
+        overflow?: undefined;
+        marginTop?: undefined;
+        width?: undefined;
+        height?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+        lineHeight?: undefined;
+        color?: undefined;
+        textAlign?: undefined;
+    } | {
+        marginTop: string;
+        width: string;
+        height: string;
+        display?: undefined;
+        flexDirection?: undefined;
+        alignItems?: undefined;
+        overflow?: undefined;
+        position?: undefined;
+        top?: undefined;
+        left?: undefined;
+        pointerEvents?: undefined;
+        justifyContent?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+        lineHeight?: undefined;
+        color?: undefined;
+        textAlign?: undefined;
+    } | {
+        width: string;
+        height: string;
+        display?: undefined;
+        flexDirection?: undefined;
+        alignItems?: undefined;
+        overflow?: undefined;
+        position?: undefined;
+        top?: undefined;
+        left?: undefined;
+        pointerEvents?: undefined;
+        justifyContent?: undefined;
+        marginTop?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+        lineHeight?: undefined;
+        color?: undefined;
+        textAlign?: undefined;
+    } | {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        color: string;
+        display?: undefined;
+        flexDirection?: undefined;
+        alignItems?: undefined;
+        overflow?: undefined;
+        position?: undefined;
+        top?: undefined;
+        left?: undefined;
+        pointerEvents?: undefined;
+        justifyContent?: undefined;
+        marginTop?: undefined;
+        width?: undefined;
+        height?: undefined;
+        textAlign?: undefined;
+    } | {
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        textAlign: string;
+        width: string;
+        display?: undefined;
+        flexDirection?: undefined;
+        alignItems?: undefined;
+        overflow?: undefined;
+        position?: undefined;
+        top?: undefined;
+        left?: undefined;
+        pointerEvents?: undefined;
+        justifyContent?: undefined;
+        marginTop?: undefined;
+        height?: undefined;
+        fontWeight?: undefined;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

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

@@ -0,0 +1,51 @@
+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(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-empty"), {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    overflow: 'hidden',
+    position: 'relative'
+  }), ".".concat(sparkPrefix, "-empty-texture, .").concat(sparkPrefix, "-empty-image"), {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    pointerEvents: 'none',
+    display: 'flex',
+    justifyContent: 'center'
+  }), ".".concat(sparkPrefix, "-empty-image svg"), {
+    marginTop: '16.875%',
+    width: '108px',
+    height: '108px'
+  }), ".".concat(sparkPrefix, "-empty-texture svg"), {
+    width: '320px',
+    height: '320px'
+  }), ".".concat(sparkPrefix, "-empty-title"), {
+    fontSize: '16px',
+    fontWeight: 500,
+    lineHeight: '24px',
+    color: "var(--".concat(antPrefix, "-color-text)")
+  }), ".".concat(sparkPrefix, "-empty-description"), {
+    fontSize: '12px',
+    lineHeight: '20px',
+    color: "var(--".concat(antPrefix, "-color-text-secondary)"),
+    textAlign: 'center',
+    width: '100%'
+  });
+}
+var useIndexStyle = createStyle(function (_ref2) {
+  var css = _ref2.css,
+    params = _objectWithoutProperties(_ref2, _excluded);
+  var result = css(getIndexStyleData(params));
+  return result;
+});
+export default useIndexStyle;

package/lib/components/commonComponents/Empty/svg/Illustrate.d.ts

@@ -0,0 +1,14 @@
+interface IProps {
+    /**
+     * @description 图片地址
+     */
+    svgUrl: string;
+    /**
+     * @description 映射关系
+     */
+    tokenMap?: Record<string, string>;
+    className?: string;
+    size: number | string;
+}
+export default function Illustrate(props: IProps): import("react/jsx-runtime").JSX.Element;
+export {};