@agentscope-ai/design 1.0.31 → 1.0.32-beta.1777272505407

package/lib/components/commonComponents/FileIcon/demo/demo.js

@@ -4,23 +4,42 @@ 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'];
+  var folderList = ['folder', 'folderGray'];
   return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(Space, {
-      children: list.map(function (t) {
+    children: [/*#__PURE__*/_jsxs(Space, {
+      children: [list.map(function (t) {
         return /*#__PURE__*/_jsx(FileIcon, {
           type: t
         }, t);
-      })
-    }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(Space, {
+      }), folderList.map(function (t) {
+        return /*#__PURE__*/_jsx(FileIcon, {
+          type: t,
+          width: 45,
+          height: 40
+        }, t);
+      })]
+    }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsxs(Space, {
       wrap: true,
-      children: list.map(function (t) {
+      style: {
+        marginBottom: 8
+      },
+      children: [list.map(function (t) {
         return /*#__PURE__*/_jsx(FileCard, {
           name: t,
           size: 1000,
           type: t
         }, t);
-      })
-    }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(FileCard, {
+      }), folderList.map(function (t) {
+        return /*#__PURE__*/_jsx(FileCard, {
+          name: t,
+          size: 1000,
+          type: t,
+          width: 150,
+          iconWidth: 45,
+          iconHeight: 40
+        }, t);
+      })]
+    }), /*#__PURE__*/_jsx(FileCard, {
       name: 'pdf',
       size: 1000,
       type: 'pdf',

package/lib/components/commonComponents/FileIcon/icons/folder-gray.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32" height="28" viewBox="0 0 32 28"><defs><clipPath id="master_svg0_409_23873"><rect x="0" y="0" width="32" height="28" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_409_23873)"><path d="M3.36026,0C1.00291,0.162909,0.13785701,2.0024199,0,2.9018199L0,24.639999C0.454927,27.1651,2.2574,27.9321,3.1017799,28L28.6397,28C31.3279,27.6742,32,25.8958,32,25.0473L32,5.5999999C31.6278,3.0341799,29.6047,2.4606099,28.6397,2.49455L18.662399,2.49455C18.207399,2.53527,17.783501,2.34182,17.628401,2.24L16.4394,1.06909C15.7363,0.213818,14.7334,0,14.3199,0L3.36026,0Z" fill="#BEC2D3" fill-opacity="1" style="mix-blend-mode:passthrough"/><rect x="2.8945300579071045" y="4.276370048522949" width="26.365100860595703" height="17.105499267578125" rx="3" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M0,6L32,6L32,25C32,26.6569,30.6569,28,29,28L3,28C1.34315,28,0,26.6569,0,25L0,6Z" fill="#D5D9EB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/lib/components/commonComponents/FileIcon/icons/folder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32" height="28" viewBox="0 0 32 28"><defs><clipPath id="master_svg0_409_23883"><rect x="0" y="0" width="32" height="28" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_409_23883)"><path d="M3.36026,0C1.00291,0.162909,0.13785701,2.0024199,0,2.9018199L0,24.639999C0.454927,27.1651,2.2574,27.9321,3.1017799,28L28.6397,28C31.3279,27.6742,32,25.8958,32,25.0473L32,5.5999999C31.6278,3.0341799,29.6047,2.4606099,28.6397,2.49455L18.662399,2.49455C18.207399,2.53527,17.783501,2.34182,17.628401,2.24L16.4394,1.06909C15.7363,0.213818,14.7334,0,14.3199,0L3.36026,0Z" fill="#FEAE0D" fill-opacity="1" style="mix-blend-mode:passthrough"/><rect x="2.8945300579071045" y="4.276370048522949" width="26.365100860595703" height="17.105499267578125" rx="3" fill="#FEF9ED" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M0,6L32,6L32,25C32,26.6569,30.6569,28,29,28L3,28C1.34315,28,0,26.6569,0,25L0,6Z" fill="#FFD44A" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

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

@@ -5,9 +5,13 @@ export interface SparkFileIconProps {
     type: string;
     size?: number;
     style?: React.CSSProperties;
+    width?: number;
+    height?: number;
 }
 export interface SparkFileCardProps {
     iconSize?: number;
+    iconWidth?: number;
+    iconHeight?: number;
     src?: string;
     type: string;
     name: string;

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

@@ -20,6 +20,8 @@ import web from "./icons/web.svg";
 import word from "./icons/word.svg";
 import video from "./icons/video.svg";
 import audio from "./icons/audio.svg";
+import folder from "./icons/folder.svg";
+import folderGray from "./icons/folder-gray.svg";
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -38,7 +40,9 @@ var maps = {
   web: web,
   word: word,
   video: video,
-  audio: audio
+  audio: audio,
+  folder: folder,
+  folderGray: folderGray
 };
 function getSize(size) {
   var retSize = size;
@@ -57,7 +61,11 @@ export function FileCard(props) {
   var _props$width = props.width,
     width = _props$width === void 0 ? 140 : _props$width,
     _props$iconSize = props.iconSize,
-    iconSize = _props$iconSize === void 0 ? 32 : _props$iconSize;
+    iconSize = _props$iconSize === void 0 ? 32 : _props$iconSize,
+    _props$iconWidth = props.iconWidth,
+    iconWidth = _props$iconWidth === void 0 ? iconSize : _props$iconWidth,
+    _props$iconHeight = props.iconHeight,
+    iconHeight = _props$iconHeight === void 0 ? iconSize : _props$iconHeight;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
       className: "".concat(sparkPrefix, "-file-card"),
@@ -67,7 +75,9 @@ export function FileCard(props) {
       children: [/*#__PURE__*/_jsx(FileIcon, {
         type: props.type,
         size: iconSize,
-        src: props.src
+        src: props.src,
+        width: iconWidth || iconSize,
+        height: iconHeight || iconSize
       }), /*#__PURE__*/_jsxs("div", {
         className: "".concat(sparkPrefix, "-file-card-info"),
         children: [/*#__PURE__*/_jsx("div", {
@@ -92,12 +102,16 @@ export default function FileIcon(props) {
     type = _props$type === void 0 ? 'common' : _props$type,
     src = props.src,
     _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style;
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$width2 = props.width,
+    width = _props$width2 === void 0 ? 40 : _props$width2,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 40 : _props$height;
   return /*#__PURE__*/_jsx("img", {
     style: _objectSpread({
       display: 'block',
-      width: size,
-      height: size
+      width: width || size,
+      height: height || size
     }, style),
     src: src || maps[type] || 'common'
   });

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

@@ -106,7 +106,7 @@ var App = function App() {
   });
   return /*#__PURE__*/_jsx(Table, {
     columns: columns,
-    dataSource: data,
+    dataSource: [],
     pagination: {
       pageSize: 10
     }

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

@@ -9,10 +9,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import { getCommonConfig } from "../../../config";
 import { SparkSortLine } from '@agentscope-ai/icons';
-import { Table as AntdTable } from 'antd';
+import { Table as AntdTable, Flex } from 'antd';
 import classNames from 'classnames';
 import { useStyle as usePaginationStyle } from "../Pagination/index.style";
 import { useStyle } from "./index.style";
+import { Empty } from "../../..";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -39,7 +40,16 @@ export default function Table(props) {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(PaginationStyle, {}), /*#__PURE__*/_jsx(AntdTable, _objectSpread({
       className: classNames("".concat(sparkPrefix, "-table")),
-      columns: columns
+      columns: columns,
+      locale: {
+        emptyText: /*#__PURE__*/_jsx(Flex, {
+          vertical: true,
+          align: "center",
+          children: /*#__PURE__*/_jsx(Empty, {
+            type: "noData"
+          })
+        })
+      }
     }, restProps))]
   });
 }

package/lib/libs/env/index.d.ts

@@ -1,4 +1,4 @@
-export declare function getLang(): "en-US" | "zh-CN";
+export declare function getLang(): "zh-CN" | "en-US";
 /**
  * 当前是否是中文语言环境
  * @returns {boolean}