@agentscope-ai/design 1.0.4

package/dist/components/commonComponents/Empty/demo/index.js

@@ -0,0 +1,186 @@
+import { Button, Empty, Popover } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { Flex } from 'antd';
+import "./index.css";
+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 default (function () {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Flex, {
+      justify: "center",
+      wrap: "wrap",
+      children: /*#__PURE__*/_jsx(Empty, {
+        size: 100
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "\u57FA\u672C\u4F7F\u7528",
+      children: /*#__PURE__*/_jsx(Flex, {
+        justify: "center",
+        wrap: "wrap",
+        children: /*#__PURE__*/_jsx(Empty, {
+          title: "title",
+          description: /*#__PURE__*/_jsxs(_Fragment, {
+            children: ["\u6682\u65E0API KEY\uFF0C\u60A8\u53EF\u5728\u8BE5\u9875\u9762\u76F4\u63A5\u521B\u5EFA\uFF1B\u4E5F\u53EF\u4EE5\u70B9\u51FB\u8FDB\u5165", /*#__PURE__*/_jsx(Button, {
+              type: "link",
+              children: "API-KEY\u7BA1\u7406"
+            })]
+          }),
+          children: /*#__PURE__*/_jsx(Popover, {
+            content: /*#__PURE__*/_jsxs(_Fragment, {
+              children: ["\u60A8\u7684\u8D26\u53F7\u5DF2\u8FBE\u4E0A\u9650\uFF0C\u5982\u9700\u67E5\u770B\u8BE6\u60C5\uFF0C\u53EF\u524D\u5F80", /*#__PURE__*/_jsx(Button, {
+                type: "link",
+                children: "API-KEY"
+              })]
+            }),
+            children: /*#__PURE__*/_jsx("div", {
+              children: /*#__PURE__*/_jsx(Button, {
+                onClick: function onClick() {},
+                disabled: true,
+                type: "primary",
+                children: "\u521B\u5EFAAPI\xA0KEY"
+              })
+            })
+          })
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "\u5176\u4ED6\u7C7B\u578B",
+      children: /*#__PURE__*/_jsxs(Flex, {
+        justify: "center",
+        wrap: "wrap",
+        children: [/*#__PURE__*/_jsx(Empty, {
+          type: "networkError",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u7F51\u7EDC\u9519\u8BEF"
+          }),
+          title: "title",
+          okText: "\u8FD4\u56DE",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "404",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "404"
+          }),
+          okText: "\u8FD4\u56DE",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "arrears",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "You are in arrears"
+          }),
+          okText: "\u8FD4\u56DE",
+          onOk: function onOk() {}
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "desktopOnly",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "Desktop supported only"
+          }),
+          okText: "\u524D\u5F80\u684C\u9762\u7AEF",
+          onOk: function onOk() {}
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "noAudio",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u65E0\u97F3\u9891\u6570\u636E"
+          }),
+          okText: "\u5237\u65B0",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "noImage",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u65E0\u56FE\u7247\u6570\u636E"
+          }),
+          okText: "\u5237\u65B0",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "noVideo",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u65E0\u89C6\u9891\u6570\u636E"
+          }),
+          okText: "\u5237\u65B0",
+          onOk: function onOk() {}
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "noAccess",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u65E0\u6743\u9650"
+          }),
+          okText: "\u7533\u8BF7\u6743\u9650",
+          onOk: function onOk() {}
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "error",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u5F53\u524D\u9875\u9762\u53D1\u751F\u9519\u8BEF"
+          }),
+          okText: "\u5237\u65B0",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "noModel",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u65E0\u6A21\u578B\u6570\u636E"
+          }),
+          okText: "\u5237\u65B0",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "noApp",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u65E0\u5E94\u7528\u6570\u636E"
+          }),
+          okText: "\u5237\u65B0",
+          onOk: function onOk() {}
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "success",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u4EFB\u52A1\u6267\u884C\u6210\u529F"
+          }),
+          okText: "\u8FD4\u56DE\u4E0A\u4E00\u9875",
+          onOk: function onOk() {}
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "failed",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u4EFB\u52A1\u6267\u884C\u5931\u8D25"
+          }),
+          okText: "\u91CD\u8BD5",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "inProgress",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "\u4EFB\u52A1\u6267\u884C\u4E2D..."
+          }),
+          okText: "\u5237\u65B0",
+          onOk: function onOk() {},
+          okButtonProps: {
+            disabled: true
+          }
+        }), /*#__PURE__*/_jsx(Empty, {
+          type: "stayTuned",
+          description: /*#__PURE__*/_jsx(_Fragment, {
+            children: "Stay Tuned!"
+          }),
+          okText: "\u524D\u5F80\u9996\u9875",
+          onOk: function onOk() {}
+        })]
+      })
+    })]
+  });
+});

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

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

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

@@ -0,0 +1,112 @@
+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 { Space } from 'antd';
+import useIndexStyle from "./index.style";
+import Button from "../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var EMPTY_TYPE_IMAGE_MAP = {
+  noData: 'https://img.alicdn.com/imgextra/i4/O1CN01qm1zhR1py4tZpeLOK_!!6000000005428-55-tps-320-320.svg',
+  networkError: 'https://img.alicdn.com/imgextra/i2/O1CN01HY34oi1q2er9aaWpA_!!6000000005438-55-tps-320-320.svg',
+  '404': 'https://img.alicdn.com/imgextra/i3/O1CN01TPFp1X1ehAV2IsEMB_!!6000000003902-55-tps-320-320.svg',
+  arrears: 'https://img.alicdn.com/imgextra/i4/O1CN01jC4UI61nxxYtrLmM7_!!6000000005157-55-tps-320-320.svg',
+  desktopOnly: 'https://img.alicdn.com/imgextra/i4/O1CN01fMFPPo1yNHcQwVEJt_!!6000000006566-55-tps-320-320.svg',
+  noAudio: 'https://img.alicdn.com/imgextra/i4/O1CN01kSn3DO1FEtem7KqEK_!!6000000000456-55-tps-320-320.svg',
+  noImage: 'https://img.alicdn.com/imgextra/i3/O1CN01okeTiT1NcGnMrWNlm_!!6000000001590-55-tps-320-320.svg',
+  noVideo: 'https://img.alicdn.com/imgextra/i2/O1CN01ZHIhrj1GEj7qJflaq_!!6000000000591-55-tps-320-320.svg',
+  noAccess: 'https://img.alicdn.com/imgextra/i3/O1CN01FGWsQy1fbxbyHP94r_!!6000000004026-55-tps-320-320.svg',
+  error: 'https://img.alicdn.com/imgextra/i2/O1CN01Q4Dz8b1Wo1V23Dv0A_!!6000000002834-55-tps-320-320.svg',
+  noModel: 'https://img.alicdn.com/imgextra/i2/O1CN018oR5y01iQ07Idabna_!!6000000004406-55-tps-320-320.svg',
+  noApp: 'https://img.alicdn.com/imgextra/i2/O1CN01dzp21223wcFg1wkjt_!!6000000007320-55-tps-320-320.svg',
+  success: 'https://img.alicdn.com/imgextra/i1/O1CN01Pg1Vl71zVoc3AQkio_!!6000000006720-55-tps-320-320.svg',
+  failed: 'https://img.alicdn.com/imgextra/i4/O1CN01TGuQnl28xbBAyDNih_!!6000000007999-55-tps-320-320.svg',
+  inProgress: 'https://img.alicdn.com/imgextra/i2/O1CN01yXqCMX1HBLp0T8V5R_!!6000000000719-55-tps-320-320.svg',
+  stayTuned: 'https://img.alicdn.com/imgextra/i3/O1CN01y47MFi1ztdDLdXmrl_!!6000000006772-55-tps-320-320.svg'
+};
+var EMPTY_TYPE_IMAGE_MAP_DARK = {
+  noData: 'https://img.alicdn.com/imgextra/i4/O1CN01cTXUzR1P5s0yXRn1O_!!6000000001790-55-tps-320-320.svg',
+  networkError: 'https://img.alicdn.com/imgextra/i4/O1CN01oMTHAF1LTRwTGF7fw_!!6000000001300-55-tps-320-320.svg',
+  '404': 'https://img.alicdn.com/imgextra/i1/O1CN01ASsvBe1tzgl3sfCh1_!!6000000005973-55-tps-320-320.svg',
+  arrears: 'https://img.alicdn.com/imgextra/i3/O1CN01N3vSCz1lO7LBVRU7Q_!!6000000004808-55-tps-320-320.svg',
+  desktopOnly: 'https://img.alicdn.com/imgextra/i3/O1CN01MjNfq81Qe3BiW8dug_!!6000000002000-55-tps-320-320.svg',
+  noAudio: 'https://img.alicdn.com/imgextra/i2/O1CN01ppreOi1yF2UnUymPT_!!6000000006548-55-tps-320-320.svg',
+  noImage: 'https://img.alicdn.com/imgextra/i1/O1CN01vm2wI81YTzPkFz3oJ_!!6000000003061-55-tps-320-320.svg',
+  noVideo: 'https://img.alicdn.com/imgextra/i3/O1CN010LzntT1raq2DjLOoz_!!6000000005648-55-tps-320-320.svg',
+  noAccess: 'https://img.alicdn.com/imgextra/i3/O1CN01bYIfYw1kKchfqzPFH_!!6000000004665-55-tps-320-320.svg',
+  error: 'https://img.alicdn.com/imgextra/i4/O1CN01bezSba1kQZqwParbT_!!6000000004678-55-tps-320-320.svg',
+  noModel: 'https://img.alicdn.com/imgextra/i4/O1CN01o19hSJ1gSdAJbgMh9_!!6000000004141-55-tps-320-320.svg',
+  noApp: 'https://img.alicdn.com/imgextra/i3/O1CN01t62bmW1fIGaRbHvZK_!!6000000003983-55-tps-320-320.svg',
+  success: 'https://img.alicdn.com/imgextra/i4/O1CN01QD9QKH1iF0cKAjRGM_!!6000000004382-55-tps-320-320.svg',
+  failed: 'https://img.alicdn.com/imgextra/i3/O1CN01oP8KsM1Eon5UR8SNz_!!6000000000399-55-tps-320-320.svg',
+  inProgress: 'https://img.alicdn.com/imgextra/i2/O1CN01jmvRGi23EeEbF9J24_!!6000000007224-55-tps-320-320.svg',
+  stayTuned: 'https://img.alicdn.com/imgextra/i2/O1CN01ZnedUV1csxTDLAVGE_!!6000000003657-55-tps-320-320.svg'
+};
+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$size = props.size,
+    size = _props$size === void 0 ? 320 : _props$size,
+    okText = props.okText,
+    okType = props.okType,
+    okButtonProps = props.okButtonProps,
+    onOk = props.onOk;
+  var type = props.type || 'noData';
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix,
+    isDarkMode = commonConfig.isDarkMode;
+  var image = props.image || (isDarkMode ? EMPTY_TYPE_IMAGE_MAP_DARK : EMPTY_TYPE_IMAGE_MAP)[type];
+  useIndexStyle();
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(sparkPrefix, "-empty ").concat(props.className || ''),
+    style: _objectSpread(_objectSpread({}, imageStyle), {}, {
+      width: size,
+      height: size
+    }),
+    children: [/*#__PURE__*/_jsx("img", {
+      className: "".concat(sparkPrefix, "-empty-image"),
+      style: {
+        width: size,
+        height: size
+      },
+      src: isDarkMode ? 'https://img.alicdn.com/imgextra/i3/O1CN01fGTIbG1uWfH3z5OMj_!!6000000006045-55-tps-320-320.svg' : 'https://img.alicdn.com/imgextra/i1/O1CN01vleD7m1cMRLIohieZ_!!6000000003586-55-tps-320-320.svg'
+    }), /*#__PURE__*/_jsx("img", {
+      src: image,
+      alt: "empty",
+      className: "".concat(sparkPrefix, "-empty-image"),
+      style: {
+        width: size,
+        height: size
+      }
+    }), /*#__PURE__*/_jsxs(Space, {
+      direction: "vertical",
+      align: "center",
+      style: {
+        marginTop: '56.25%'
+      },
+      children: [title && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-empty-title"),
+        children: title
+      }), description && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-empty-description"),
+        children: description
+      }), !!okText && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-empty-buttons"),
+        children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          type: okType || 'primary',
+          onClick: onOk
+        }, okButtonProps), {}, {
+          children: okText
+        }))
+      }), !!children && children]
+    })]
+  });
+};
+export default Empty;

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

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

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

@@ -0,0 +1,43 @@
+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({}, ".".concat(sparkPrefix, "-empty"), {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    overflow: 'hidden',
+    position: 'relative'
+  }), ".".concat(sparkPrefix, "-empty-image"), {
+    position: 'absolute',
+    top: 0,
+    left: 0
+  }), ".".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%'
+  }), ".".concat(sparkPrefix, "-empty-buttons"), {
+    marginTop: '16px'
+  });
+}
+var useIndexStyle = createStyle(function (_ref2) {
+  var css = _ref2.css,
+    params = _objectWithoutProperties(_ref2, _excluded);
+  var result = css(getIndexStyleData(params));
+  return result;
+});
+export default useIndexStyle;

package/dist/components/commonComponents/FileIcon/demo/index.d.ts

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

package/dist/components/commonComponents/FileIcon/demo/index.js

@@ -0,0 +1,42 @@
+import { Button, FileCard, FileIcon } from "../../../..";
+import { Space } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function () {
+  var list = ['common', 'epub', 'excel', 'html', 'image', 'md', 'mobi', 'pdf', 'ppt', 'txt', 'web', 'word'];
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Space, {
+      children: list.map(function (t) {
+        return /*#__PURE__*/_jsx(FileIcon, {
+          type: t
+        });
+      })
+    }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(Space, {
+      wrap: true,
+      children: list.map(function (t) {
+        return /*#__PURE__*/_jsx(FileCard, {
+          name: t,
+          size: 1000,
+          type: t
+        });
+      })
+    }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(FileCard, {
+      name: 'pdf',
+      size: 1000,
+      type: 'pdf',
+      width: "100%",
+      children: /*#__PURE__*/_jsx(Button, {
+        size: "small",
+        children: "\u5220\u9664"
+      })
+    }), /*#__PURE__*/_jsx(FileCard, {
+      name: 'pdf',
+      type: 'pdf',
+      width: "100%",
+      children: /*#__PURE__*/_jsx(Button, {
+        size: "small",
+        children: "\u5220\u9664"
+      })
+    })]
+  });
+}

package/dist/components/commonComponents/FileIcon/icons/common.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#7E7AFA"/><path d="M12 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Z" fill="#FFF"/><path d="M26 6a4 4 0 0 0 4 4h6L26 0v6Z" fill="#FFF" fill-opacity=".4"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/epub.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#8DCA36"/><path d="M26 0v6a4 4 0 0 0 4 4h6L26 0Z" fill="#FFF" fill-opacity=".4"/><path d="m29.292 23.716-8.581 8.582a1.001 1.001 0 0 1-1.416 0l-8.587-8.587a1.001 1.001 0 0 1 0-1.416l8.587-8.587a1.001 1.001 0 0 1 1.416 0l5.234 5.234-6.28 6.279-1.698-1.699 4.58-4.58-2.544-2.544-6.605 6.605 6.605 6.605L28.3 21.31l.991.99a1.001 1.001 0 0 1 0 1.416Z" fill-rule="evenodd" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/excel.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#44C161"/><path d="M26 0v6a4 4 0 0 0 4 4h6L26 0Z" fill="#FFF" fill-opacity=".4"/><path d="m19.996 25.918-4.78 5.697q-.039.046-.081.087-.043.042-.09.08-.046.037-.096.07-.05.032-.102.06-.053.027-.108.049-.056.022-.113.039-.057.016-.116.027-.058.011-.118.017-.059.005-.118.004-.06 0-.12-.007-.058-.007-.117-.019-.058-.012-.115-.03t-.111-.041q-.055-.024-.107-.052-.053-.029-.102-.063-.049-.033-.095-.072-.045-.038-.087-.08-.042-.043-.079-.09-.037-.046-.07-.096-.032-.05-.06-.103-.027-.052-.05-.108-.022-.055-.038-.112-.017-.057-.028-.116-.01-.058-.016-.118-.005-.059-.005-.119.001-.06.007-.118.007-.06.02-.118.011-.058.03-.115.017-.057.04-.112.024-.054.053-.107.028-.052.062-.101.034-.05.072-.095l5.055-6.024-5.058-6.027q-.155-.185-.227-.415-.073-.23-.052-.47.021-.24.133-.455.111-.214.296-.369.045-.038.095-.072.049-.033.101-.062.052-.028.107-.052.055-.023.112-.041.056-.018.115-.03.058-.013.117-.02.06-.006.119-.006.06 0 .119.004.06.006.118.016.058.011.115.028.058.017.113.039t.108.05q.053.027.103.06.05.032.096.07.047.037.09.079.042.041.08.087l4.783 5.7 4.793-5.713q.038-.045.08-.087.043-.042.09-.08.046-.036.096-.069.05-.032.103-.06.053-.027.108-.05.055-.022.113-.039.057-.016.115-.027.059-.011.118-.016.06-.006.12-.005.059 0 .118.007.06.007.117.019.059.012.115.03.057.018.112.041.055.024.107.052.052.03.101.063.05.033.095.072.046.038.088.08.041.043.079.09.037.046.07.096.032.05.06.103.027.052.05.108.021.055.038.112.017.057.028.116.01.059.016.118.005.06.004.119 0 .06-.007.119-.006.059-.019.117-.012.058-.03.115t-.041.112q-.023.055-.052.107-.029.052-.062.101-.034.05-.072.095l-5.068 6.04 5.065 6.037q.038.046.072.095.034.049.062.101.029.052.052.107.024.055.042.112.018.056.03.115.012.058.019.117.006.06.007.12 0 .059-.005.118-.005.06-.016.118-.01.058-.028.116-.016.057-.039.112-.022.055-.05.108-.027.053-.06.103-.032.05-.07.096-.036.047-.078.09-.042.042-.087.08-.185.155-.415.228-.23.072-.47.051-.24-.02-.455-.132-.214-.111-.369-.296l-4.79-5.71Z" fill-rule="evenodd" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/html.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#FCB723"/><path d="M26 0v6a4 4 0 0 0 4 4h6L26 0Z" fill="#FFF" fill-opacity=".4"/><path d="M12 23.5v6.316c0 .654.537 1.184 1.2 1.184.663 0 1.2-.53 1.2-1.184v-5.132h11.2v5.132c0 .654.537 1.184 1.2 1.184.663 0 1.2-.53 1.2-1.184V17.184C28 16.53 27.463 16 26.8 16c-.663 0-1.2.53-1.2 1.184v5.132H14.4v-5.132c0-.654-.537-1.184-1.2-1.184-.663 0-1.2.53-1.2 1.184V23.5Z" fill-rule="evenodd" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/image.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#FF8EA8"/><path d="M26 6a4 4 0 0 0 4 4h6L26 0v6Z" fill="#FFF" fill-opacity=".4"/><path d="M30.141 29.761h-20a.156.156 0 0 1-.11-.25l5.75-5.812a.313.313 0 0 1 .376 0l3.374 3.03a.314.314 0 0 0 .376 0l3.985-6.64a.312.312 0 0 1 .437 0l5.937 9.422c.06.06.06.158 0 .219l-.125.031ZM15 20.314a1.562 1.562 0 1 0 3.125 0 1.563 1.563 0 1 0-3.125 0Z" fill="#F5F5F5"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/md.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#5CCAC3"/><path d="M26 0v6a4 4 0 0 0 4 4h6L26 0Z" fill="#FFF" fill-opacity=".4"/><path d="M26.577 16.422c.794-.869 2.242-.307 2.242.87V29.71a1.29 1.29 0 0 1-2.58 0v-9.092l-5.127 5.616a1.29 1.29 0 0 1-1.905 0l-5.128-5.616v9.092a1.29 1.29 0 0 1-2.579 0V17.292c0-1.177 1.449-1.739 2.242-.87l6.418 7.03 6.417-7.03Z" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/mobi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#FF832B"/><path d="M14.775 26.556v-3.458l-1.872 2.04a.761.761 0 0 1-.584.258.761.761 0 0 1-.584-.257l-1.876-2.043v3.484a.787.787 0 1 1-1.573 0v-5.488c0-.361.168-.607.505-.739.337-.13.627-.063.872.203l2.656 2.892 2.651-2.892c.245-.266.536-.334.873-.203.337.131.505.378.505.74v5.463a.787.787 0 0 1-1.573 0Zm16.153.81a.787.787 0 0 1-.787-.786v-5.504a.787.787 0 1 1 1.573 0v5.504a.787.787 0 0 1-.786.787Zm-5.067-2.842v1.27h1.458c.404-.009.607-.221.607-.639 0-.387-.175-.598-.525-.633l-1.54.002Zm-1.573 2.056v-5.504a.787.787 0 0 1 .766-.787h2.267v.002a2.117 2.117 0 0 1 2.019 2.118c0 .454-.145.895-.413 1.26a2.215 2.215 0 0 1-1.596 3.698h-2.28c-.012 0-.023 0-.034-.002a.787.787 0 0 1-.73-.785Zm3.08-3.635c.266-.044.398-.223.398-.536 0-.343-.159-.524-.478-.545h-1.427v1.09h1.433c.028-.002.043-.01.075-.009Zm-10.397.881c0-1.955 1.498-3.54 3.347-3.54 1.848 0 3.346 1.585 3.346 3.54s-1.498 3.54-3.346 3.54c-1.849 0-3.347-1.585-3.347-3.54Zm3.347-2.015c-.486 0-.906.187-1.258.56-.376.397-.564.882-.564 1.455 0 .573.188 1.058.564 1.456.352.372.772.559 1.258.559s.905-.187 1.257-.56c.376-.397.564-.882.564-1.455 0-.573-.188-1.058-.564-1.456-.352-.372-.771-.559-1.257-.559Z" fill="#FFF"/><path d="M26 6a4 4 0 0 0 4 4h6L26 0v6Z" fill="#FFF" fill-opacity=".4"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/pdf.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 6v28a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6Z" fill="#F04B57"/><path d="M26 0v6a4 4 0 0 0 4 4h6L26 0Z" fill="#FFF" fill-opacity=".4"/><path d="M26.365 32.773c-1.684 0-3.196-2.892-3.99-4.772-1.338-.558-2.812-1.08-4.244-1.416-1.253.826-3.385 2.064-5.023 2.064-1.016 0-1.748-.51-2.016-1.4-.206-.733-.032-1.238.19-1.512.43-.59 1.32-.89 2.653-.89 1.08 0 2.448.19 3.975.558.985-.7 1.985-1.511 2.875-2.37-.396-1.874-.827-4.913.268-6.314.542-.668 1.369-.89 2.37-.59 1.094.316 1.51.985 1.637 1.512.463 1.827-1.638 4.292-3.054 5.74a27.386 27.386 0 0 0 1.237 3.786c2.033.906 4.45 2.26 4.723 3.734.11.51-.047.985-.463 1.4-.358.296-.737.47-1.138.47Zm-1.514-3.188c.37.825.724 1.214.91 1.214.029 0 .07-.012.127-.063.069-.076.069-.126.057-.173-.038-.216-.351-.572-1.094-.978Zm-10.698-3.34c-.593 0-.756.144-.806.21-.014.022-.056.087-.014.254.036.143.135.295.442.295.385 0 .942-.216 1.59-.606a5.744 5.744 0 0 0-1.212-.153Zm5.802-.736c.36.102.715.221 1.063.357a9.546 9.546 0 0 1-.308-.986c-.248.214-.499.424-.755.629Zm2.504-7.119a.372.372 0 0 0-.294.134c-.234.295-.261 1.039-.08 1.991.688-.736 1.06-1.414.968-1.776-.013-.053-.053-.215-.373-.309a.753.753 0 0 0-.221-.04Z" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/ppt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 6v28a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6Z" fill="#FF5B3B"/><path d="M26 0v6a4 4 0 0 0 4 4h6L26 0Z" fill="#FFF" fill-opacity=".4"/><path d="M25.802 19.255c.288.293.44.717.44 1.344 0 .628-.152 1.052-.44 1.345-.307.315-.828.548-1.596.669H12.793c-.714 0-1.293.579-1.293 1.293v5.8a1.293 1.293 0 0 0 2.586 0V25.2h10.216c.061 0 .122-.004.183-.013 2.762-.395 4.343-2.012 4.343-4.587 0-2.575-1.58-4.192-4.343-4.587a1.293 1.293 0 0 0-.183-.013H12.793a1.293 1.293 0 1 0 0 2.586h11.413c.768.121 1.289.354 1.596.669Z" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/txt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#38B8F3"/><path d="M26 6a4 4 0 0 0 4 4h6L26 0v6Z" fill="#FFF" fill-opacity=".4"/><path d="M9.204 18.996q-.083 0-.165.017-.082.016-.16.048-.077.032-.147.079-.07.046-.129.105-.059.06-.105.129-.047.07-.079.147-.032.077-.048.16-.017.082-.017.165 0 .084.017.166.016.082.048.16.032.077.079.147.046.07.105.128.06.06.13.106.069.047.146.079.078.032.16.048t.165.016h1.9v6.45q0 .084.017.166.016.082.048.16.032.076.079.146.046.07.105.129.06.06.13.106.069.046.146.078.078.032.16.049.082.016.165.016.084 0 .166-.016.082-.017.16-.049.077-.032.147-.078.07-.047.128-.106.06-.06.106-.129.047-.07.079-.147.032-.077.048-.16.016-.081.016-.165v-6.45h1.9q.084 0 .166-.016t.16-.048q.077-.032.147-.079.07-.046.129-.106.059-.059.105-.128.047-.07.079-.147.032-.078.048-.16t.016-.166q0-.083-.016-.166-.016-.082-.048-.159t-.079-.147q-.046-.07-.105-.129-.06-.059-.13-.105-.069-.047-.146-.079-.078-.032-.16-.048-.082-.017-.166-.017h-5.5Zm16.091 0q-.083 0-.166.017-.082.016-.159.048t-.147.079q-.07.046-.129.105-.059.06-.105.129-.047.07-.079.147-.032.077-.048.16-.017.082-.017.165 0 .084.017.166.016.082.048.16.032.077.079.147.046.07.105.128.06.06.13.106.069.047.146.079.077.032.16.048.082.016.165.016h1.9v6.45q0 .084.017.166.016.082.048.16.032.076.078.146.047.07.106.129.06.06.129.106.07.046.147.078.077.032.16.049.082.016.165.016.084 0 .166-.016.082-.017.16-.049.077-.032.146-.078.07-.047.13-.106.058-.06.105-.129.046-.07.079-.147.032-.077.048-.16.016-.081.016-.165v-6.45h1.9q.084 0 .166-.016t.16-.048q.077-.032.146-.079.07-.046.13-.106.059-.059.105-.128.047-.07.079-.147.032-.078.048-.16t.016-.166q0-.083-.016-.166-.016-.082-.048-.159t-.079-.147q-.046-.07-.106-.129-.059-.059-.128-.105-.07-.047-.147-.079-.078-.032-.16-.048-.082-.017-.166-.017h-5.5Zm-2.966.408q.054-.064.12-.117.065-.052.14-.091.074-.039.154-.062.08-.024.164-.031.084-.007.167.002.084.009.164.034t.153.066q.074.04.138.094.13.109.208.259.078.15.093.319t-.036.33q-.051.162-.16.292l-2.528 3.013 2.528 3.013q.054.065.095.138.04.074.065.154t.034.163q.01.084.002.167-.007.084-.03.164-.024.08-.063.155-.038.075-.09.14-.053.065-.118.12-.13.108-.291.16-.162.05-.33.035-.17-.014-.32-.093-.15-.078-.259-.208l-2.335-2.783-2.336 2.783q-.109.13-.259.208-.15.079-.319.093-.169.015-.33-.036-.162-.05-.292-.16-.064-.054-.116-.119-.053-.065-.092-.14-.038-.074-.062-.155-.023-.08-.03-.164-.008-.083.001-.167.01-.083.035-.163t.065-.154q.04-.073.094-.138l2.53-3.013-2.53-3.013q-.108-.13-.16-.292-.05-.161-.035-.33.014-.169.093-.319.078-.15.208-.26.064-.053.137-.093.074-.04.154-.066.08-.025.163-.034.084-.01.167-.002.084.007.164.03.081.024.155.063.075.039.14.091.066.053.12.117l2.335 2.783 2.335-2.783Z" fill-rule="evenodd" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/icons/web.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath><clipPath id="b"><rect x="9.375" y="13.75" width="21.25" height="21.25" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 6v28a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6Z" fill="#615CED"/><path d="M26.001 0v6a4 4 0 0 0 4 4h6l-10-10Z" fill="#FFF" fill-opacity=".4"/><g clip-path="url(#b)" fill-rule="evenodd" fill="#FFF"><path d="M11.053 20.596q-.763 1.805-.763 3.78 0 1.974.763 3.779.737 1.742 2.08 3.086 1.344 1.343 3.087 2.08 1.804.764 3.78.764 1.974 0 3.779-.764 1.742-.737 3.086-2.08 1.343-1.344 2.08-3.086.763-1.805.763-3.78 0-1.974-.763-3.78-.737-1.742-2.08-3.085-1.344-1.343-3.086-2.08-1.805-.764-3.78-.764-1.975 0-3.78.764-1.742.737-3.085 2.08-1.344 1.343-2.08 3.086Zm3.29 9.436Q12 27.689 12 24.375q0-3.313 2.343-5.656 2.343-2.343 5.656-2.343 3.314 0 5.656 2.343 2.343 2.343 2.343 5.656 0 3.314-2.343 5.657-2.342 2.343-5.656 2.343-3.313 0-5.656-2.343Z"/><path d="M11.145 25.23h17.708q.085 0 .167-.016.083-.017.16-.05.078-.031.148-.078.07-.047.13-.106.06-.06.106-.13.047-.07.08-.148.032-.078.048-.16.016-.083.016-.167t-.016-.167q-.016-.082-.049-.16-.032-.078-.079-.148-.046-.07-.106-.13t-.13-.106q-.07-.047-.147-.079-.078-.032-.16-.049-.083-.016-.168-.016H11.145q-.084 0-.167.016-.082.017-.16.05-.078.031-.148.078-.07.047-.13.106-.06.06-.106.13-.047.07-.079.148-.032.078-.049.16-.016.083-.016.167t.016.167q.017.082.05.16.031.078.078.148.047.07.106.13.06.06.13.106.07.047.148.079.078.032.16.049.083.016.167.016Z"/><path d="M16.701 17.797q-1.099 2.746-1.099 6.578 0 3.833 1.099 6.579 1.252 3.13 3.298 3.13 2.046 0 3.298-3.13 1.099-2.746 1.099-6.579 0-3.832-1.099-6.578-1.252-3.13-3.298-3.13-2.046 0-3.298 3.13Zm1.588 12.522q-.976-2.44-.976-5.944 0-3.502.976-5.943.43-1.074.953-1.627.405-.429.757-.429.353 0 .758.429.523.553.953 1.627.976 2.44.976 5.943 0 3.503-.976 5.944-.43 1.074-.953 1.627-.405.429-.758.429-.352 0-.757-.429-.524-.553-.953-1.627Z"/><path d="M13.134 18.845q-.12-.12-.185-.277-.065-.158-.065-.328 0-.084.016-.166.017-.083.05-.16.031-.079.078-.149.047-.07.106-.13.06-.059.13-.106.07-.046.148-.079.078-.032.16-.048.083-.017.167-.017.17 0 .327.065.157.066.278.186 2.343 2.343 5.656 2.343 3.313 0 5.656-2.343.12-.12.278-.186.157-.065.327-.065.084 0 .167.017.082.016.16.048.078.033.148.08.07.046.13.106.059.06.106.13.046.07.079.147.032.078.048.16.017.083.017.167 0 .17-.065.328-.065.157-.186.277-1.343 1.343-3.086 2.08-1.804.764-3.78.764-1.974 0-3.779-.764-1.742-.737-3.086-2.08Zm3.086 8.98q-1.742.737-3.086 2.08-.12.12-.185.277-.065.158-.065.328 0 .084.016.166.017.083.05.16.031.079.078.149.047.07.106.13.06.059.13.106.07.046.148.079.078.032.16.048.083.017.167.017.17 0 .327-.065.157-.066.278-.186 2.343-2.343 5.656-2.343 3.313 0 5.656 2.343.12.12.278.186.157.065.327.065.084 0 .167-.017.082-.016.16-.048.078-.033.148-.08.07-.046.13-.106.059-.06.106-.13.046-.07.079-.147.032-.078.048-.16.017-.083.017-.167 0-.17-.065-.328-.065-.157-.186-.277-1.343-1.343-3.086-2.08-1.804-.764-3.78-.764-1.974 0-3.779.764Z"/></g></g></svg>

package/dist/components/commonComponents/FileIcon/icons/word.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="40" height="40"><defs><clipPath id="a"><rect width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#a)"><path d="M4 34a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V10L26 0H10a6 6 0 0 0-6 6v28Z" fill="#2B8DFF"/><path d="M26 0v6a4 4 0 0 0 4 4h6L26 0Z" fill="#FFF" fill-opacity=".4"/><path d="M26.577 30.578c.794.869 2.242.307 2.242-.87V17.29a1.29 1.29 0 0 0-2.58 0v9.092l-5.127-5.616a1.29 1.29 0 0 0-1.905 0l-5.128 5.616V17.29a1.29 1.29 0 0 0-2.579 0v12.418c0 1.177 1.449 1.739 2.242.87l6.418-7.03 6.417 7.03Z" fill="#FFF"/></g></svg>

package/dist/components/commonComponents/FileIcon/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface SparkFileIconProps {
+    src?: string;
+    image?: string;
+    type: string;
+    size?: number;
+}
+export interface SparkFileCardProps {
+    iconSize?: number;
+    src?: string;
+    type: string;
+    name: string;
+    desc?: string;
+    size?: number;
+    width?: React.CSSProperties['width'];
+    children?: React.ReactNode;
+}
+export declare function FileCard(props: SparkFileCardProps): import("react/jsx-runtime").JSX.Element;
+export default function FileIcon(props: SparkFileIconProps): import("react/jsx-runtime").JSX.Element;