@pisell/materials 1.0.1023 → 1.8.1

package/es/theme/tokens.d.ts

@@ -0,0 +1,22 @@
+import { ThemeConfig } from 'antd';
+/**
+ * Pisell 项目统一的 Ant Design Token 配置
+ * 基于 Figma 设计规范
+ *
+ * 使用场景：
+ * - 低代码平台（page/index.tsx）
+ * - Storybook 预览
+ * - 其他需要主题配置的场景
+ */
+/**
+ * 获取组件级别的 token 配置
+ */
+export declare function getComponentsToken(): ThemeConfig['components'];
+/**
+ * 获取全局 token 配置
+ */
+export declare function getGlobalToken(themeColor?: string): ThemeConfig['token'];
+/**
+ * 获取完整的主题配置
+ */
+export declare function getThemeConfig(themeColor?: string): ThemeConfig;

package/es/theme/tokens.js

@@ -71,10 +71,9 @@ export function getComponentsToken() {
     Dropdown: {
       borderRadiusLG: 8,
       controlHeight: 42,
-      fontSize: 14
-      // // 下拉框阴影（Figma: Shadow/lg）
-      // boxShadowSecondary:
-      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+      fontSize: 14,
+      // 下拉框阴影（Figma: Shadow/lg）
+      boxShadowSecondary: '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)'
     },
     DatePicker: {
       borderRadius: 8,
@@ -85,117 +84,138 @@ export function getComponentsToken() {
       colorTextDisabled: '#98A2B3'
     },
     Input: {
-      // // 基础样式（基于 Figma 设计规范）
-      // fontSizeIcon: 16,
-      // fontSize: 16,
-      // lineHeight: 1.5, // 24px / 16px = 1.5
-      // addonBg: '#fff',
-      //
-      // // 边框和圆角
-      // borderRadius: 8,
-      // colorBorder: '#D0D5DD', // Gray/300
-      //
-      // // 内边距（Figma: 16px 12px）
-      // paddingBlock: 12,
-      // paddingInline: 16,
-      // controlHeight: 48, // 12px + 24px + 12px = 48px
-      //
-      // // 颜色
-      // colorText: '#101828', // Gray/900 - 输入文本
-      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
-      // colorBgContainer: '#FFFFFF', // 背景色
-      //
-      // // 禁用态
-      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
-      // colorTextDisabled: '#98A2B3', // Gray/400
-      //
-      // // 注意：TextArea 的水平内边距比 Input 小2px (14px vs 16px)
-      // // 在各组件的 Less 文件中单独设置
+      // 基础样式（基于 Figma 设计规范）
+      fontSizeIcon: 16,
+      fontSize: 16,
+      lineHeight: 1.5,
+      // 24px / 16px = 1.5
+      addonBg: '#fff',
+      // 边框和圆角
+      borderRadius: 8,
+      colorBorder: '#D0D5DD',
+      // Gray/300
+
+      // 内边距（Figma: 16px 12px）
+      paddingBlock: 12,
+      paddingInline: 16,
+      controlHeight: 48,
+      // 12px + 24px + 12px = 48px
+
+      // 颜色
+      colorText: '#101828',
+      // Gray/900 - 输入文本
+      colorTextPlaceholder: '#667085',
+      // Gray/500 - 占位符
+      colorBgContainer: '#FFFFFF',
+      // 背景色
+
+      // 禁用态
+      colorBgContainerDisabled: '#F9FAFB',
+      // Gray/50
+      colorTextDisabled: '#98A2B3' // Gray/400
+
+      // 注意：TextArea 的水平内边距比 Input 小2px (14px vs 16px)
+      // 在各组件的 Less 文件中单独设置
     },
     InputNumber: {
-      // // 基础样式（与 Input 保持一致，基于 Figma 设计规范）
-      // fontSize: 16,
-      // lineHeight: 1.5, // 24px / 16px = 1.5
-      //
-      // // 边框和圆角
-      // borderRadius: 8,
-      // colorBorder: '#D0D5DD', // Gray/300
-      //
-      // // 内边距（Figma: 16px 12px）
-      // paddingBlock: 12,
-      // paddingInline: 16,
-      // controlHeight: 48, // 12px + 24px + 12px = 48px
-      //
-      // // 颜色
-      // colorText: '#101828', // Gray/900 - 输入文本
-      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
-      // colorBgContainer: '#FFFFFF', // 背景色
-      //
-      // // 禁用态
-      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
-      // colorTextDisabled: '#98A2B3', // Gray/400
-      //
-      // // 控制按钮（步进器）
-      // handleVisible: true, // 显示增减按钮
-      // handleBg: '#FFFFFF',
-      // handleHoverColor: '#7F56DA', // 悬停颜色使用主色
-      // handleBorderColor: '#D0D5DD',
+      // 基础样式（与 Input 保持一致，基于 Figma 设计规范）
+      fontSize: 16,
+      lineHeight: 1.5,
+      // 24px / 16px = 1.5
+
+      // 边框和圆角
+      borderRadius: 8,
+      colorBorder: '#D0D5DD',
+      // Gray/300
+
+      // 内边距（Figma: 16px 12px）
+      paddingBlock: 12,
+      paddingInline: 16,
+      controlHeight: 48,
+      // 12px + 24px + 12px = 48px
+
+      // 颜色
+      colorText: '#101828',
+      // Gray/900 - 输入文本
+      colorTextPlaceholder: '#667085',
+      // Gray/500 - 占位符
+      colorBgContainer: '#FFFFFF',
+      // 背景色
+
+      // 禁用态
+      colorBgContainerDisabled: '#F9FAFB',
+      // Gray/50
+      colorTextDisabled: '#98A2B3',
+      // Gray/400
+
+      // 控制按钮（步进器）
+      handleVisible: true,
+      // 显示增减按钮
+      handleBg: '#FFFFFF',
+      handleHoverColor: '#7F56DA',
+      // 悬停颜色使用主色
+      handleBorderColor: '#D0D5DD'
     },
     Select: {
-      // // 基础样式（Figma 设计规范）
-      // fontSizeIcon: 16,
-      // fontSize: 16,
-      // lineHeight: 1.5,
-      //
-      // // 边框和圆角（Figma: 8px 圆角，#D0D5DD 边框）
-      // borderRadius: 8,
-      // colorBorder: '#D0D5DD', // Gray/300
-      //
-      // // 高度和内边距（Figma: 48px 高度，16px 水平内边距）
-      // controlHeight: 48,
-      // controlPaddingHorizontal: 16,
-      //
-      // // 颜色（Figma 设计规范）
-      // colorText: '#101828', // Gray/900 - 选中文本
-      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
-      // colorBgContainer: '#FFFFFF', // Base/White - 背景
-      //
-      // // 禁用态
-      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
-      // colorTextDisabled: '#98A2B3', // Gray/400
-      //
-      // // 聚焦态（Figma: Primary/300 边框，Primary/100 阴影）
-      // colorPrimaryBorder: '#D6BBFB', // Primary/300
-      // controlOutline: '#F4EBFF', // Primary/100
-      // controlOutlineWidth: 4,
-      //
-      // // 下拉箭头和清空按钮颜色
-      // colorIcon: '#667085', // Gray/500
-      // colorIconHover: '#344054', // Gray/700
-      //
-      // // 选择框阴影（Figma: Shadow/xs）
-      // boxShadowSecondary:
-      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
-      //
-      // // 多选标签样式（Figma: Gray/200 背景）
-      // multipleItemBg: '#EAECF0', // Gray/200
-      // multipleItemBorderColor: 'transparent',
-      // multipleItemHeight: 36,
-      //
-      // // 选项样式
-      // optionFontSize: 16,
-      // optionLineHeight: 1.5,
-      // optionPadding: '10px 8px',
-      // optionSelectedBg: '#F4EBFF', // Primary/100 - 选中项背景（浅紫色）
-      // optionActiveBg: '#F9FAFB', // Gray/50 - hover 背景
+      // 基础样式（Figma 设计规范）
+      fontSizeIcon: 16,
+      fontSize: 16,
+      lineHeight: 1.5,
+      // 边框和圆角（Figma: 8px 圆角，#D0D5DD 边框）
+      borderRadius: 8,
+      colorBorder: '#D0D5DD',
+      // Gray/300
+
+      // 高度和内边距（Figma: 48px 高度，16px 水平内边距）
+      controlHeight: 48,
+      controlPaddingHorizontal: 16,
+      // 颜色（Figma 设计规范）
+      colorText: '#101828',
+      // Gray/900 - 选中文本
+      colorTextPlaceholder: '#667085',
+      // Gray/500 - 占位符
+      colorBgContainer: '#FFFFFF',
+      // Base/White - 背景
+
+      // 禁用态
+      colorBgContainerDisabled: '#F9FAFB',
+      // Gray/50
+      colorTextDisabled: '#98A2B3',
+      // Gray/400
+
+      // 聚焦态（Figma: Primary/300 边框，Primary/100 阴影）
+      colorPrimaryBorder: '#D6BBFB',
+      // Primary/300
+      controlOutline: '#F4EBFF',
+      // Primary/100
+      controlOutlineWidth: 4,
+      // 下拉箭头和清空按钮颜色
+      colorIcon: '#667085',
+      // Gray/500
+      colorIconHover: '#344054',
+      // Gray/700
+
+      // 选择框阴影（Figma: Shadow/xs）
+      boxShadowSecondary: '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+      // 多选标签样式（Figma: Gray/200 背景）
+      multipleItemBg: '#EAECF0',
+      // Gray/200
+      multipleItemBorderColor: 'transparent',
+      multipleItemHeight: 36,
+      // 选项样式
+      optionFontSize: 16,
+      optionLineHeight: 1.5,
+      optionPadding: '10px 8px',
+      optionSelectedBg: '#F4EBFF',
+      // Primary/100 - 选中项背景（浅紫色）
+      optionActiveBg: '#F9FAFB' // Gray/50 - hover 背景
     },
     Menu: {
       itemSelectedColor: '#9976e3'
     },
     Popover: {
       // 下拉框阴影（Figma: Shadow/lg）
-      // boxShadowSecondary:
-      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+      boxShadowSecondary: '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)'
     },
     Typography: {
       colorText: '#101828',

package/es/utils/hoc.d.ts

@@ -1,17 +1,17 @@
-import { ComponentType } from 'react';
+import React, { ComponentType } from 'react';
 /**
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;

package/es/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
 };
 export default _default;

package/lib/components/DragSortList/index.d.ts

@@ -18,7 +18,7 @@ export interface Props<T> {
         attributes: DraggableAttributes;
     }) => React.ReactElement<HTMLElement>;
 }
-export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): JSX.Element;
+export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): React.JSX.Element;
 export interface SortableItemProps<T> {
     id: number;
     index: number;

package/lib/components/MultipleContainersSortList/index.d.ts

@@ -22,5 +22,5 @@ interface DefaultRenderContainerProps {
     }) => React.ReactElement;
     children: any;
 }
-declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
+declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => React.JSX.Element;
 export default MultipleContainersSortList;

package/lib/components/Pagination/index.d.ts

@@ -5,10 +5,10 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };
-declare const Pagination: (props: PaginationProps) => JSX.Element | null;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element | null;
 export default Pagination;
-export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => React.JSX.Element;

package/lib/components/PisellCards/components/PisellImageCard/PisellImageCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { PisellImageCardProps } from './types';
 import './PisellImageCard.less';
 /**
  * Provider 包装器
  * 兼容 PisellCards 系统的 props 传递方式
  */
-declare const Provider: (props: PisellImageCardProps) => JSX.Element;
+declare const Provider: (props: PisellImageCardProps) => React.JSX.Element;
 export default Provider;

package/lib/components/PisellCards/components/TextCard/TextCard.js

@@ -63,6 +63,7 @@ var TextCard = (props) => {
     style,
     children,
     dataSource,
+    textAlign,
     ...restProps
   } = props;
   const mergedStyle = (0, import_react.useMemo)(() => {

package/lib/components/PisellCards/components/TextCard/components/BadgeWrapper.js

@@ -42,16 +42,14 @@ var BadgeWrapper = (props) => {
   const {
     type = "dot",
     content,
+    position = "top-right",
     offset,
-    size,
     color,
-    style,
-    showZero = false,
-    ...rest
+    style
   } = badge;
   const renderBadge = () => {
     if (type === "dot") {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { dot: true, color, offset, size, style, ...rest }, children);
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { dot: true, color, offset, style }, children);
     }
     if (type === "number" || type === "text") {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -60,10 +58,8 @@ var BadgeWrapper = (props) => {
           count: content,
           color,
           offset,
-          size,
           style,
-          showZero,
-          ...rest
+          showZero: type === "number"
         },
         children
       );

package/lib/components/PisellCards/components/TextCard/components/TextContent.js

@@ -76,7 +76,7 @@ var TextContent = (props) => {
       style.whiteSpace = "normal";
     }
     return style;
-  }, [active, fontSize, fontWeight, color, ellipsis, maxLines, textAlign, flex]);
+  }, [active, fontSize, fontWeight, color, ellipsis, maxLines]);
   if (active == null ? void 0 : active.value) {
     console.log("textStyle11", textStyle);
   }

package/lib/components/PisellFields/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ * PisellFields 命名空间
+ * 字段组件集合 - 支持编辑态、只读态、禁用态三种视图模式
+ *
+ * @example
+ * import { PisellFields } from '@pisell/materials';
+ *
+ * <PisellFields.SingleLineText value="hello" viewMode="edit" />
+ * <PisellFields.Number value={123} viewMode="readonly" />
+ * <PisellFields.Currency value={1000} currencySymbol="$" />
+ */
+declare const PisellFields: {
+    SingleLineText: import("react").NamedExoticComponent<import("../pisellSingleLineText").PisellSingleLineTextProps>;
+    LongText: import("react").NamedExoticComponent<import("../pisellLongText").PisellLongTextProps>;
+    Number: import("react").NamedExoticComponent<import("../pisellNumber").PisellNumberProps>;
+    Currency: import("react").NamedExoticComponent<import("../pisellCurrency").PisellCurrencyProps>;
+    Percent: import("react").NamedExoticComponent<import("../pisellPercent").PisellPercentProps>;
+    Phone: import("react").NamedExoticComponent<import("../pisellPhone").PisellPhoneProps>;
+    Email: import("react").FC<import("../pisellEmail").PisellEmailProps>;
+    Url: import("react").FC<import("../pisellUrl").PisellUrlProps>;
+    Rating: import("react").NamedExoticComponent<import("../pisellRating").PisellRatingProps>;
+    SingleSelect: import("react").ForwardRefExoticComponent<import("../pisellSingleSelect").PisellSingleSelectProps<string | number> & import("react").RefAttributes<import("../pisellSingleSelect").SingleSelectRef<string | number>>>;
+    MultipleSelect: import("react").ForwardRefExoticComponent<import("../pisellMultipleSelect").PisellMultipleSelectProps<string | number> & import("react").RefAttributes<import("../pisellMultipleSelect").MultipleSelectRef<string | number>>>;
+};
+export default PisellFields;
+export type { PisellSingleLineTextProps, } from '../pisellSingleLineText';
+export type { PisellLongTextProps, } from '../pisellLongText';
+export type { PisellNumberProps, } from '../pisellNumber';
+export type { PisellCurrencyProps, } from '../pisellCurrency';
+export type { PisellPercentProps, } from '../pisellPercent';
+export type { PisellPhoneProps, CountryCode, } from '../pisellPhone';
+export type { PisellEmailProps, MailtoOptions, } from '../pisellEmail';
+export type { PisellUrlProps, } from '../pisellUrl';
+export type { PisellRatingProps, } from '../pisellRating';
+export type { PisellSingleSelectProps, SingleSelectRef, } from '../pisellSingleSelect';
+export type { PisellMultipleSelectProps, MultipleSelectRef, } from '../pisellMultipleSelect';

package/lib/components/PisellLayouts/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * PisellLayouts 命名空间
+ * 布局组件集合
+ *
+ * @example
+ * import { PisellLayouts } from '@pisell/materials';
+ *
+ * <PisellLayouts.BasicGrid columns={3} gap={16}>
+ *   {items.map(item => <Card key={item.id} {...item} />)}
+ * </PisellLayouts.BasicGrid>
+ *
+ * <PisellLayouts.ScrollView direction="horizontal">
+ *   <Content />
+ * </PisellLayouts.ScrollView>
+ */
+declare const PisellLayouts: {
+    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
+    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;
+    Layout: import("../pisellLayout").CompoundedComponent;
+    Content: import("react").FC<import("../pisellLayout/content").PisellContentProps>;
+    Footer: import("react").FC<import("../pisellLayout/footer").PisellFooterProps>;
+    Header: import("react").FC<import("../pisellLayout/header").PisellHeaderProps>;
+    Sider: import("react").FC<import("../pisellLayout/sider").PisellSiderProps>;
+    Container: <T_1 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_1>) => any;
+    Row: (props: import("../pisellRow").PisellRowProps) => import("react").JSX.Element;
+    ViewGrid: import("react").FC<import("../pisellViewGrid").PisellViewGridProps>;
+};
+export default PisellLayouts;
+export type { PisellBasicGridProps, } from '../PisellBasicGrid';
+export type { PisellScrollViewProps, } from '../PisellScrollView';
+export type { PisellLayoutProps, CompoundedComponent, } from '../pisellLayout';
+export type { PisellRowProps, } from '../pisellRow';

package/lib/components/PisellMetrics/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * PisellMetrics 命名空间
+ * 数据指标展示组件集合
+ *
+ * @example
+ * import { PisellMetrics } from '@pisell/materials';
+ *
+ * <PisellMetrics.MetricCard
+ *   title="Total Sales"
+ *   value={1580}
+ *   comparison={120}
+ *   showTrendIcon
+ * />
+ * <PisellMetrics.StatisticList data={[...]} />
+ */
+declare const PisellMetrics: {
+    MetricCard: import("react").FC<import("../pisellMetricCard").PisellMetricCardProps>;
+    StatisticList: (props: import("../pisellStatisticList").PisellStatisticListProps) => import("react").JSX.Element;
+    MetricItem: (props: import("../cardMetricItem").PisellStatisticProps) => import("react").JSX.Element;
+};
+export default PisellMetrics;
+export type { PisellMetricCardProps } from '../pisellMetricCard';
+export type { PisellStatisticProps } from '../cardMetricItem';

package/lib/components/PisellSteps/PisellSteps.js

@@ -199,12 +199,15 @@ var PisellSteps = ({
     }
     return customStyle;
   }, [style, itemGap, gridColumns, gridLayout]);
-  const defaultScrollActionsConfig = (0, import_react.useMemo)(() => ({
-    show: true,
-    type: "lrArrows",
-    scrollDistance: 200,
-    ...scrollActionsConfig
-  }), [scrollActionsConfig]);
+  const defaultScrollActionsConfig = (0, import_react.useMemo)(
+    () => ({
+      show: true,
+      type: "lrArrows",
+      scrollDistance: 200,
+      ...scrollActionsConfig
+    }),
+    [scrollActionsConfig]
+  );
   const renderStepsContent = (forceHorizontal = false) => /* @__PURE__ */ import_react.default.createElement(
     import_antd.Steps,
     {

package/lib/components/appVersionControl/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => React.JSX.Element;
+export default AppVersionControl;

package/lib/components/appVersionControl/index.js

@@ -173,7 +173,6 @@ var AppVersionControl = (props) => {
   ), /* @__PURE__ */ import_react.default.createElement(
     import_versionModal.default,
     {
-      title: (0, import_locales.getText)("pisell-lowcode-app-version-control-version-create-title"),
       currentVersion: maxVersion || "",
       visible: publishVersionModal,
       onCancel: () => setPublishVersionModal(false),

package/lib/components/auto-complete-number/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;
@@ -6,5 +6,5 @@ interface AutoCompleteNumberProps {
     value?: any;
     onChange?: any;
 }
-declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => JSX.Element;
+declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => React.JSX.Element;
 export default AutoCompleteNumber;

package/lib/components/batch-editor/fields/Image/index.d.ts

@@ -3,5 +3,5 @@ export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
     value?: string;
 }
 import "./index.less";
-declare const Image: (props: ImageProps) => JSX.Element | null;
+declare const Image: (props: ImageProps) => React.JSX.Element | null;
 export default Image;

package/lib/components/batch-editor/fields/Text/index.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-declare const Text: (props: TextProps) => JSX.Element;
+declare const Text: (props: TextProps) => React.JSX.Element;
 export default Text;

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
-    image: (props: import("./Image").ImageProps) => JSX.Element | null;
-    text: (props: import("./Text").TextProps) => JSX.Element;
+    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
+    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
 };
 export default _default;

package/lib/components/batch-editor/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];
@@ -7,5 +7,5 @@ interface BatchEditorProps {
     rowKey: string;
     otherTableProps: any;
 }
-declare const BatchEditor: (props: BatchEditorProps) => JSX.Element;
+declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
 export default BatchEditor;

package/lib/components/calendar/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Calendar: (props: any) => JSX.Element;
+declare const Calendar: (props: any) => import("react").JSX.Element;
 export default Calendar;

package/lib/components/cardMetricItem/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+/**
+ * CardMetricItem 组件 Props
+ */
+export interface PisellStatisticProps {
+    title: string;
+    number: string | number;
+    hint?: React.ReactNode;
+    tags?: React.ReactNode;
+    showCurrencySymbol?: boolean;
+    style?: any;
+}
+declare const CardMetricItem: (props: PisellStatisticProps) => React.JSX.Element;
+export default CardMetricItem;

package/lib/components/classicLayout/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
-declare const ClassicLayout: (props: any) => JSX.Element;
+declare const ClassicLayout: (props: any) => React.JSX.Element;
 export default ClassicLayout;

package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;