@agentscope-ai/design 1.0.4

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

@@ -0,0 +1,89 @@
+import { getCommonConfig } from "../../../config";
+import React from 'react';
+import common from "./icons/common.svg";
+import epub from "./icons/epub.svg";
+import excel from "./icons/excel.svg";
+import html from "./icons/html.svg";
+import image from "./icons/image.svg";
+import md from "./icons/md.svg";
+import mobi from "./icons/mobi.svg";
+import pdf from "./icons/pdf.svg";
+import ppt from "./icons/ppt.svg";
+import txt from "./icons/txt.svg";
+import web from "./icons/web.svg";
+import word from "./icons/word.svg";
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var maps = {
+  common: common,
+  epub: epub,
+  excel: excel,
+  html: html,
+  image: image,
+  md: md,
+  mobi: mobi,
+  pdf: pdf,
+  ppt: ppt,
+  txt: txt,
+  web: web,
+  word: word
+};
+function getSize(size) {
+  var retSize = size;
+  var units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'];
+  var unitIndex = 0;
+  while (retSize >= 1024 && unitIndex < units.length - 1) {
+    retSize /= 1024;
+    unitIndex++;
+  }
+  return "".concat(retSize.toFixed(0), " ").concat(units[unitIndex]);
+}
+export function FileCard(props) {
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix;
+  useIndexStyle();
+  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;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(sparkPrefix, "-file-card"),
+    style: {
+      width: width
+    },
+    children: [/*#__PURE__*/_jsx(FileIcon, {
+      type: props.type,
+      size: iconSize,
+      src: props.src
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-file-card-info"),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-file-card-name"),
+        children: props.name
+      }), (props.size || props.desc) && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-file-card-size"),
+        children: props.desc || getSize(props.size)
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        flex: 1
+      }
+    }), props.children]
+  });
+}
+export default function FileIcon(props) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 40 : _props$size,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'common' : _props$type,
+    src = props.src;
+  return /*#__PURE__*/_jsx("img", {
+    style: {
+      display: 'block',
+      width: size,
+      height: size
+    },
+    src: src || maps[type] || 'common'
+  });
+}

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

@@ -0,0 +1,61 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        display: string;
+        alignItems: string;
+        gap: number;
+        padding: number;
+        borderRadius: number;
+        background: string;
+        border: string;
+        fontSize?: undefined;
+        color?: undefined;
+        overflow?: undefined;
+        textOverflow?: undefined;
+        whiteSpace?: undefined;
+        maxWidth?: undefined;
+    } | {
+        fontSize: number;
+        color: string;
+        display?: undefined;
+        alignItems?: undefined;
+        gap?: undefined;
+        padding?: undefined;
+        borderRadius?: undefined;
+        background?: undefined;
+        border?: undefined;
+        overflow?: undefined;
+        textOverflow?: undefined;
+        whiteSpace?: undefined;
+        maxWidth?: undefined;
+    } | {
+        overflow: string;
+        textOverflow: string;
+        whiteSpace: string;
+        maxWidth: string;
+        display?: undefined;
+        alignItems?: undefined;
+        gap?: undefined;
+        padding?: undefined;
+        borderRadius?: undefined;
+        background?: undefined;
+        border?: undefined;
+        fontSize?: undefined;
+        color?: undefined;
+    } | {
+        overflow: string;
+        textOverflow: string;
+        whiteSpace: string;
+        maxWidth: string;
+        color: string;
+        display?: undefined;
+        alignItems?: undefined;
+        gap?: undefined;
+        padding?: undefined;
+        borderRadius?: undefined;
+        background?: undefined;
+        border?: undefined;
+        fontSize?: undefined;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

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

@@ -0,0 +1,42 @@
+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({}, ".".concat(sparkPrefix, "-file-card"), {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 8,
+    padding: 8,
+    borderRadius: 8,
+    background: "var(--".concat(antPrefix, "-color-bg-container)"),
+    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
+  }), ".".concat(sparkPrefix, "-file-card-info"), {
+    fontSize: 12,
+    color: "var(--".concat(antPrefix, "-color-text)")
+  }), ".".concat(sparkPrefix, "-file-card-name"), {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    maxWidth: '100%'
+  }), ".".concat(sparkPrefix, "-file-card-size"), {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    maxWidth: '100%',
+    color: "var(--".concat(antPrefix, "-color-text-quaternary)")
+  });
+}
+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/Form/demo/api.d.ts

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

package/dist/components/commonComponents/Form/demo/api.js

@@ -0,0 +1,22 @@
+/**
+ * inline: true
+ */
+import API from ".dumi/theme/DemoComponents/APITable";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var dataSource = [{
+  name: 'labelMarginRight',
+  description: 'labelMarginRight的尺寸，有两种',
+  type: "'default' | 'small",
+  default: 'default'
+}];
+export default (function () {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(API, {
+      dataSource: dataSource
+    }), /*#__PURE__*/_jsx("p", {
+      children: "\u5176\u4ED6API\u540CAntD\u7684Form"
+    })]
+  });
+});

package/dist/components/commonComponents/Form/demo/demo1.d.ts

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

package/dist/components/commonComponents/Form/demo/demo1.js

@@ -0,0 +1,107 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, Form, Input, Radio } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { useState } from 'react';
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState('horizontal'),
+    _useState2 = _slicedToArray(_useState, 2),
+    layout = _useState2[0],
+    setLayout = _useState2[1];
+  var _useState3 = useState('default'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    labelMarginRight = _useState4[0],
+    setLabelMarginRight = _useState4[1];
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u4E09\u79CD\u5E03\u5C40",
+      children: [/*#__PURE__*/_jsx("p", {
+        children: "\u5E03\u5C40"
+      }), /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsxs(Radio.Group, {
+          value: layout,
+          onChange: function onChange(e) {
+            setLayout(e.target.value);
+          },
+          style: {
+            marginBottom: 12
+          },
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: 'horizontal',
+            children: "horizontal"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: 'vertical',
+            children: "vertical"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: 'inline',
+            children: "inline"
+          })]
+        })
+      }), layout === 'inline' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("p", {
+          children: "labelMarginRight"
+        }), /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsxs(Radio.Group, {
+            value: labelMarginRight,
+            onChange: function onChange(e) {
+              setLabelMarginRight(e.target.value);
+            },
+            style: {
+              marginBottom: 12
+            },
+            children: [/*#__PURE__*/_jsx(Radio.Button, {
+              value: 'default',
+              children: "default"
+            }), /*#__PURE__*/_jsx(Radio.Button, {
+              value: 'small',
+              children: "small"
+            })]
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(Form, {
+        className: styles.form,
+        labelCol: layout === 'horizontal' ? {
+          flex: '120px'
+        } : undefined,
+        labelMarginRight: layout === 'inline' ? labelMarginRight : undefined,
+        layout: layout,
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          label: "\u5BFC\u5165\u7C7B\u76EE",
+          name: "id",
+          layout: "horizontal",
+          tooltip: '导入类目的解释',
+          children: /*#__PURE__*/_jsx("span", {
+            children: "\u53E4\u51CC\u6D4B\u8BD5"
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u7528\u6237\u540D",
+          name: "username",
+          tooltip: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
+          rules: [{
+            required: true,
+            message: 'Please input your username!'
+          }],
+          children: /*#__PURE__*/_jsx(Input, {})
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u5BC6\u7801",
+          name: "password",
+          children: /*#__PURE__*/_jsx(Input.Password, {})
+        }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Form.Item, {
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            htmlType: "submit",
+            children: "Submit"
+          })
+        })]
+      })]
+    })
+  });
+});

package/dist/components/commonComponents/Form/demo/demo2.d.ts

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

package/dist/components/commonComponents/Form/demo/demo2.js

@@ -0,0 +1,52 @@
+import { Form, Input } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { useRef } from 'react';
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  var formRef = useRef();
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u8BED\u8A00\u4E3A\u82F1\u8BED\u65F6\u7684\u4E00\u4E9B\u8BBE\u8BA1\u89C4\u8303",
+      children: [/*#__PURE__*/_jsx("p", {
+        children: "1. \u4E00\u4E9B\u8868\u5355\u9879\u9700\u8981\u624B\u52A8\u8BBE\u7F6E\u4E3A\u5782\u76F4\u5E03\u5C40\u6765\u7B26\u5408\u8BBE\u8BA1\u89C4\u8303\uFF0C\u5177\u4F53\u53C2\u8003\u8BBE\u8BA1\u7A3F\uFF1B"
+      }), /*#__PURE__*/_jsx("p", {
+        children: "2. \u90E8\u5206\u6587\u6848\u8FC7\u957F\u7684label\u5141\u8BB8\u6362\u884C\uFF1B"
+      }), /*#__PURE__*/_jsxs(Form, {
+        ref: formRef,
+        className: styles.form,
+        labelCol: {
+          flex: '120px'
+        },
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          label: "Category of xxxxxxxxxxxxxxxx",
+          name: "id",
+          layout: "horizontal",
+          tooltip: "One world, one dream. \u5317\u4EAC\u6B22\u8FCE\u60A8",
+          children: /*#__PURE__*/_jsx("span", {
+            children: "Guling Test"
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "Username of xxx",
+          name: "username",
+          tooltip: "One world, one dream. \u5317\u4EAC\u6B22\u8FCE\u60A8",
+          layout: "vertical",
+          labelCol: {
+            flex: 'unset'
+          },
+          children: /*#__PURE__*/_jsx(Input, {})
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "Password",
+          name: "password",
+          layout: "vertical",
+          labelCol: {
+            flex: 'unset'
+          },
+          children: /*#__PURE__*/_jsx(Input.Password, {})
+        })]
+      })]
+    })
+  });
+});

package/dist/components/commonComponents/Form/demo/demo3.d.ts

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

package/dist/components/commonComponents/Form/demo/demo3.js

@@ -0,0 +1,28 @@
+import { Form } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u7279\u6B8A\u60C5\u51B5\u4E0B\uFF0CLabel\u548C\u8868\u5355\u63A7\u4EF6\u7684\u95F4\u8DDD\u4E3A8px'",
+      children: [/*#__PURE__*/_jsx("p", {
+        children: "\u8BBE\u7F6ElabelMarginRight='small'"
+      }), /*#__PURE__*/_jsx(Form, {
+        className: styles.form,
+        labelMarginRight: "small",
+        children: /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u5BFC\u5165\u7C7B\u76EE",
+          name: "id",
+          layout: "horizontal",
+          tooltip: "One world, one dream. \u5317\u4EAC\u6B22\u8FCE\u60A8",
+          children: /*#__PURE__*/_jsx("span", {
+            children: "\u53E4\u51CC\u6D4B\u8BD5"
+          })
+        })
+      })]
+    })
+  });
+});

package/dist/components/commonComponents/Form/demo/demo4.d.ts

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

package/dist/components/commonComponents/Form/demo/demo4.js

@@ -0,0 +1,29 @@
+import { Form } from "../../../..";
+import { QuestionCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(DemoBlock, {
+      title: "\u81EA\u5B9A\u4E49tooltip\u7684icon",
+      children: /*#__PURE__*/_jsx(Form, {
+        className: styles.form,
+        labelMarginRight: "small",
+        children: /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u5BFC\u5165\u7C7B\u76EE",
+          name: "id",
+          layout: "horizontal",
+          tooltip: {
+            title: '古凌测试的解释文案',
+            icon: /*#__PURE__*/_jsx(QuestionCircleOutlined, {})
+          },
+          children: /*#__PURE__*/_jsx("span", {
+            children: "\u53E4\u51CC\u6D4B\u8BD5"
+          })
+        })
+      })
+    })
+  });
+});

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

@@ -0,0 +1,27 @@
+import { FormProps } from 'antd';
+import ErrorList from 'antd/es/form/ErrorList';
+import { useForm, useWatch } from 'antd/es/form/Form';
+import FormItem from 'antd/es/form/FormItem';
+import FormList from 'antd/es/form/FormList';
+import { FormProvider } from 'antd/es/form/context';
+import useFormInstance from 'antd/es/form/hooks/useFormInstance';
+import React from 'react';
+export type SparkFormProps = FormProps & {
+    labelMarginRight?: 'default' | 'small';
+};
+export type SparkFormRef = {
+    formRef: React.MutableRefObject<any>;
+};
+type CompoundedComponent = React.ForwardRefExoticComponent<SparkFormProps & React.RefAttributes<SparkFormRef>> & {
+    useForm: typeof useForm;
+    useFormInstance: typeof useFormInstance;
+    useWatch: typeof useWatch;
+    Item: typeof FormItem;
+    List: typeof FormList;
+    ErrorList: typeof ErrorList;
+    Provider: typeof FormProvider;
+    /** @deprecated Only for warning usage. Do not use. */
+    create: () => void;
+};
+declare const SparkForm: CompoundedComponent;
+export default SparkForm;

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

@@ -0,0 +1,84 @@
+var _excluded = ["tooltip"];
+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 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 { QuestionCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { Form } from 'antd';
+import FormItem from 'antd/es/form/FormItem';
+import classnames from 'classnames';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import useIndexStyle 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";
+var InternalForm = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$labelMarginRig = props.labelMarginRight,
+    labelMarginRight = _props$labelMarginRig === void 0 ? undefined : _props$labelMarginRig;
+  var formRef = useRef(null);
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  useIndexStyle();
+  useImperativeHandle(ref, function () {
+    return formRef.current;
+  });
+  return (
+    /*#__PURE__*/
+    //@ts-ignore
+    _jsx(Form, _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, "".concat(sparkPrefix, "-form"), labelMarginRight === 'small' && "".concat(sparkPrefix, "-form-label-margin-small")),
+      ref: formRef,
+      requiredMark: function requiredMark(label, info) {
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [label, info.required && /*#__PURE__*/_jsx("span", {
+            className: "".concat(sparkPrefix, "-required-mark"),
+            children: "*"
+          })]
+        });
+      }
+    }))
+  );
+});
+var InternalFormItem = function InternalFormItem(props) {
+  var tooltip = props.tooltip,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var defaultTooltipIcon = /*#__PURE__*/_jsx(QuestionCircleOutlined, {});
+  function getTooltip() {
+    if (!tooltip) {
+      return undefined;
+    }
+    var _tooltip = _typeof(tooltip) === 'object' && ! /*#__PURE__*/React.isValidElement(tooltip) ? _objectSpread(_objectSpread({}, tooltip), {}, {
+      icon: tooltip.icon || defaultTooltipIcon
+    }) : {
+      title: tooltip,
+      icon: defaultTooltipIcon
+    };
+    return _tooltip;
+  }
+  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restProps), {}, {
+    tooltip: getTooltip(),
+    labelCol: props.labelCol || (props.layout === 'vertical' ? {
+      flex: 'unset'
+    } : undefined)
+  }));
+};
+
+// 继承antd的Form.Item
+var SparkFormItem = InternalFormItem;
+SparkFormItem.useStatus = FormItem.useStatus;
+
+// 继承antd的Form
+var SparkForm = InternalForm;
+SparkForm.Item = SparkFormItem;
+SparkForm.List = Form.List;
+SparkForm.ErrorList = Form.ErrorList;
+SparkForm.Provider = Form.Provider;
+SparkForm.useForm = Form.useForm;
+SparkForm.useFormInstance = Form.useFormInstance;
+SparkForm.useWatch = Form.useWatch;
+export default SparkForm;

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

@@ -0,0 +1,49 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        [x: string]: {
+            color: string;
+            marginLeft: string;
+            lineHeight: number;
+            marginTop: string;
+            textAlign?: undefined;
+        } | {
+            textAlign: string;
+            color?: undefined;
+            marginLeft?: undefined;
+            lineHeight?: undefined;
+            marginTop?: undefined;
+        };
+        fontWeight?: undefined;
+        whiteSpace?: undefined;
+        fontSize?: undefined;
+        lineHeight?: undefined;
+        color?: undefined;
+        minHeight?: undefined;
+    } | {
+        fontWeight: number;
+        whiteSpace: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        minHeight?: undefined;
+    } | {
+        [x: string]: {
+            marginRight: string;
+        };
+        fontWeight?: undefined;
+        whiteSpace?: undefined;
+        fontSize?: undefined;
+        lineHeight?: undefined;
+        color?: undefined;
+        minHeight?: undefined;
+    } | {
+        minHeight: string;
+        fontWeight?: undefined;
+        whiteSpace?: undefined;
+        fontSize?: undefined;
+        lineHeight?: undefined;
+        color?: undefined;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;