@pisell/materials 1.0.999 → 1.0.1000

package/es/components/virtualInput/BaseVirtualInput/index.less

@@ -1,5 +1,5 @@
 .pisell-base-virtual-input {
-  width: 100%;
+  overflow: hidden;
   display: flex;
   align-items: center;
   background-color: transparent;
@@ -8,11 +8,20 @@
   outline: none;
   position: relative;
   height: var(--virtual-input-height);
+  user-select: none;
 
   &--disabled {
     cursor: not-allowed;
     opacity: 0.6;
   }
+
+  &--center {
+    justify-content: center;
+  }
+
+  &--end {
+    justify-content: flex-end;
+  }
 }
 
 .pisell-base-virtual-input-placeholder {
@@ -22,20 +31,27 @@
   position: absolute;
   left: 0;
   top: 0;
-  width: 100%;
   max-width: 100%;
   overflow: hidden;
   pointer-events: none;
   font-size: var(--virtual-input-font-size);
   height: var(--virtual-input-height);
   line-height: var(--virtual-input-height);
+
+  &--end {
+    text-align: right;
+  }
+
+  &--center {
+    text-align: center;
+  }
 }
 
 .pisell-base-virtual-input-value {
+  padding-left: 2px;
   font-weight: 600;
   white-space: nowrap;
   flex-shrink: 0;
-  // width: 100%;
   max-width: 100%;
   overflow-y: hidden;
   overflow-x: auto;
@@ -75,3 +91,25 @@
     opacity: 0;
   }
 }
+
+// 选中状态样式
+.pisell-base-virtual-input--selected {
+  .pisell-base-virtual-input-value--selected {
+    position: relative;
+    z-index: 0;
+    color: white;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: -2px;
+      right: -1px;
+      transform: translateY(-50%);
+      height: 1.2em;
+      background-color: var(--theme-color, #7f56d9);
+      pointer-events: none;
+      z-index: -1;
+    }
+  }
+}

package/es/components/virtualInput/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
 import './index.less';
+export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
 export interface VirtualInputProps extends BaseVirtualInputProps {
     /** 在VirtualInput上方显示的额外内容 */
     topContent?: React.ReactNode;

package/es/components/virtualInput/index.js

@@ -1,5 +1,11 @@
+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); }
 var _excluded = ["topContent", "bottomContent", "wrapperStyle", "wrapperClassName", "allowClear", "onClear", "value", "clearButtonStyle"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 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; }
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
@@ -7,6 +13,7 @@ import classNames from 'classnames';
 import Icon from "../icon";
 import BaseVirtualInput from "./BaseVirtualInput";
 import "./index.less";
+export { BaseVirtualInputProps, BaseVirtualInputRef } from "./BaseVirtualInput";
 var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var topContent = _ref.topContent,
     bottomContent = _ref.bottomContent,
@@ -16,7 +23,8 @@ var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
     onClear = _ref.onClear,
     value = _ref.value,
-    clearButtonStyle = _ref.clearButtonStyle,
+    _ref$clearButtonStyle = _ref.clearButtonStyle,
+    clearButtonStyle = _ref$clearButtonStyle === void 0 ? {} : _ref$clearButtonStyle,
     virtualInputProps = _objectWithoutProperties(_ref, _excluded);
   var baseInputRef = useRef(null);
 
@@ -44,7 +52,15 @@ var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style: wrapperStyle
   }, topContent, /*#__PURE__*/React.createElement("div", {
     className: "pisell-virtual-input-container"
-  }, /*#__PURE__*/React.createElement(BaseVirtualInput, _extends({
+  }, allowClear && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-virtual-input-clear-button",
+    onClick: handleClear,
+    style: _objectSpread(_objectSpread({}, clearButtonStyle), {}, {
+      visibility: 'hidden'
+    })
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "pisell2-delete"
+  })), /*#__PURE__*/React.createElement(BaseVirtualInput, _extends({
     ref: baseInputRef,
     value: value
   }, virtualInputProps)), allowClear && /*#__PURE__*/React.createElement("div", {

package/es/components/virtualInput/index.less

@@ -7,36 +7,17 @@
   display: flex;
   align-items: center;
   width: 100%;
-}
-
-.pisell-virtual-input-clear-button {
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s ease;
-  color: #667085;
-  background-color: transparent;
-  z-index: 1;
-
-  &:hover {
-    background-color: #f2f4f7;
-    color: #344054;
-  }
-
-  &:active {
-    background-color: #e4e7ec;
-  }
 
-  svg {
-    width: 16px;
-    height: 16px;
+  .pisell-virtual-input-clear-button {
+    height: 100%;
+    display: flex;
+    cursor: pointer;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+    color: #000000;
+    background-color: transparent;
+    z-index: 1;
+    flex-shrink: 0;
+    font-size: 24px;
   }
 }

package/es/components/walletCard/Guest/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Guest: (props: any) => JSX.Element;
+declare const Guest: (props: any) => React.JSX.Element;
 export default Guest;

package/es/components/walletCard/Guide/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Guide: (props: any) => JSX.Element;
+declare const Guide: (props: any) => React.JSX.Element;
 export default Guide;

package/es/locales/en-US.d.ts

@@ -236,6 +236,7 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-tag-base': string;
     'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-dynamic-route': string;
     'pisell-lowcode-navigation-menu-tag-group': string;
     'pisell-lowcode-navigation-menu-tag-sub-menu': string;
     'pisell-lowcode-navigation-menu-tag-custom': string;

package/es/locales/en-US.js

@@ -295,6 +295,7 @@ export default {
   'pisell-lowcode-navigation-menu-tag-base': 'Base',
   'pisell-lowcode-navigation-menu-tag-proCode': 'Pro code',
   'pisell-lowcode-navigation-menu-tag-pisell1': 'Pisell 1.0',
+  'pisell-lowcode-navigation-menu-tag-dynamic-route': 'Dynamic route',
   'pisell-lowcode-navigation-menu-tag-group': 'Group',
   'pisell-lowcode-navigation-menu-tag-sub-menu': 'Submenu',
   'pisell-lowcode-navigation-menu-tag-custom': 'Custom',

package/es/locales/zh-CN.d.ts

@@ -235,6 +235,7 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-tag-base': string;
     'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-dynamic-route': string;
     'pisell-lowcode-navigation-menu-tag-group': string;
     'pisell-lowcode-navigation-menu-tag-sub-menu': string;
     'pisell-lowcode-navigation-menu-tag-custom': string;

package/es/locales/zh-CN.js

@@ -292,6 +292,7 @@ export default {
   'pisell-lowcode-navigation-menu-tag-base': '基础',
   'pisell-lowcode-navigation-menu-tag-proCode': 'Pro code',
   'pisell-lowcode-navigation-menu-tag-pisell1': 'Pisell 1.0',
+  'pisell-lowcode-navigation-menu-tag-dynamic-route': '动态路由',
   'pisell-lowcode-navigation-menu-tag-group': '分组',
   'pisell-lowcode-navigation-menu-tag-sub-menu': '子菜单',
   'pisell-lowcode-navigation-menu-tag-custom': '自定义',

package/es/locales/zh-TW.d.ts

@@ -235,6 +235,7 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-tag-base': string;
     'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-dynamic-route': string;
     'pisell-lowcode-navigation-menu-tag-group': string;
     'pisell-lowcode-navigation-menu-tag-sub-menu': string;
     'pisell-lowcode-navigation-menu-tag-custom': string;

package/es/locales/zh-TW.js

@@ -294,6 +294,7 @@ export default {
   'pisell-lowcode-navigation-menu-tag-base': '基础',
   'pisell-lowcode-navigation-menu-tag-proCode': 'Pro code',
   'pisell-lowcode-navigation-menu-tag-pisell1': 'Pisell 1.0',
+  'pisell-lowcode-navigation-menu-tag-dynamic-route': '動態路由',
   'pisell-lowcode-navigation-menu-tag-group': '分組',
   'pisell-lowcode-navigation-menu-tag-sub-menu': '子菜單',
   'pisell-lowcode-navigation-menu-tag-custom': '自定義',

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/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

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/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

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

@@ -9,6 +9,6 @@ export declare const paginationConfig: {
     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/PisellBasicGrid/PisellBasicGrid.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import type { PisellBasicGridProps } from './types';
 import './PisellBasicGrid.less';
 /**
  * 使用 memo 优化组件性能
  * @description 当 props 没有变化时，避免不必要的重新渲染
  */
-declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => JSX.Element;
+declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => React.JSX.Element;
 export { MemoizedPisellBasicGrid as PisellBasicGrid };
 export default MemoizedPisellBasicGrid;

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

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

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

@@ -15,5 +15,5 @@ import './MultilevelCard.less';
  * ```
  */
 export declare const MultilevelCard: React.FC<MultilevelCardProps<any>>;
-declare const Provider: (props: any) => JSX.Element;
+declare const Provider: (props: any) => React.JSX.Element;
 export default Provider;

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/TabCard/TabCard.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './TabCard.less';
-declare const Provider: (props: any) => JSX.Element;
+declare const Provider: (props: any) => React.JSX.Element;
 export default Provider;

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

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

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

@@ -1,9 +1,9 @@
 declare const PisellCards: {
-    TabCard: (props: any) => JSX.Element;
-    TextCard: (props: any) => JSX.Element;
-    GraphicTextCard: (props: import("./components/GraphicTextCard").GraphicTextCardProps) => JSX.Element;
-    MultilevelCard: (props: any) => JSX.Element;
-    PisellImageCard: (props: import("./components/PisellImageCard").PisellImageCardProps) => JSX.Element;
+    TabCard: (props: any) => import("react").JSX.Element;
+    TextCard: (props: any) => import("react").JSX.Element;
+    GraphicTextCard: (props: import("./components/GraphicTextCard").GraphicTextCardProps) => import("react").JSX.Element;
+    MultilevelCard: (props: any) => import("react").JSX.Element;
+    PisellImageCard: (props: import("./components/PisellImageCard").PisellImageCardProps) => import("react").JSX.Element;
 };
 export default PisellCards;
 export type { PisellBasicCardProps } from './types';

package/lib/components/PisellScrollView/components/Actions/index.d.ts

@@ -8,5 +8,5 @@ interface ActionsContainerProps {
     containerRef: React.RefObject<HTMLDivElement>;
     onClick: (direction: 'left' | 'right' | 'top' | 'bottom') => void;
 }
-declare const ActionsContainer: ({ containerRef, scrollState, overflow, scrollActionsConfig, onClick, }: ActionsContainerProps) => JSX.Element | null;
+declare const ActionsContainer: ({ containerRef, scrollState, overflow, scrollActionsConfig, onClick, }: ActionsContainerProps) => React.JSX.Element | null;
 export default ActionsContainer;

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

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

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;
@@ -5,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/badge/index.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {
     styleType: 'default' | 'warning';
 }
-declare const Badge: (props: any) => JSX.Element;
+declare const Badge: (props: any) => React.JSX.Element;
 export default Badge;

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,6 +1,7 @@
+/// <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,3 +1,4 @@
+import React from "react";
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];
@@ -6,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/browserSelect/index.d.ts

@@ -17,5 +17,5 @@ interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHT
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 16:43
  */
-declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
+declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
 export default BrowserSelect;

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

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

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

@@ -8,5 +8,5 @@ interface PisellStatisticProps {
     showCurrencySymbol?: boolean;
     style?: any;
 }
-declare const CardMetricItem: (props: PisellStatisticProps) => JSX.Element;
+declare const CardMetricItem: (props: PisellStatisticProps) => React.JSX.Element;
 export default CardMetricItem;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

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

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

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

@@ -1,3 +1,4 @@
+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/colorPicker/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ColorPickerProps } from 'antd';
-declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
+declare const ColorPicker: (props: ColorPickerProps) => React.JSX.Element;
 export default ColorPicker;

package/lib/components/config-provider/index.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {
     [key: string]: any;
 }
-declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
+declare const ConfigProvider: (props: ConfigProviderProps) => React.JSX.Element;
 export default ConfigProvider;

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

@@ -13,5 +13,5 @@ export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProp
     className?: string;
     style?: React.CSSProperties;
 }
-declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => JSX.Element;
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => React.JSX.Element;
 export default CustomSelect;

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

@@ -1,2 +1,3 @@
-declare const FormItem: (props: any) => JSX.Element;
+import React from 'react';
+declare const FormItem: (props: any) => React.JSX.Element;
 export default FormItem;

package/lib/components/dataSourceComponents/dataSourceForm/group/index.d.ts

@@ -16,5 +16,5 @@ export interface FormGroupProps {
  * @Author: shengjie.zuo
  * @Date: 2024-11-25 17:14:25
  */
-declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+declare const FormGroup: (props: FormGroupProps) => React.JSX.Element;
 export default FormGroup;

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -35,5 +35,5 @@ export interface SubmitButtonProps extends ButtonProps {
         placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
     };
 }
-declare const SubmitButton: (props: SubmitButtonProps) => JSX.Element | null;
+declare const SubmitButton: (props: SubmitButtonProps) => React.JSX.Element | null;
 export default SubmitButton;

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

@@ -40,16 +40,16 @@ export declare const withFormItem: <P extends object>(WrappedComponent: React.Co
 } | undefined) => React.FC<P & WithFormItemProps>;
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
-export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
+export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => React.JSX.Element | null;
 export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
 export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
 export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];

package/lib/components/dataSourceComponents/dataSourceMenu/index.d.ts

@@ -4,5 +4,5 @@ import { PisellMenuProps } from '../../pisellMenu/types';
  * @title: 数据源表单组件
  * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
  */
-declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => JSX.Element;
+declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => React.JSX.Element;
 export default DataSourceMenu;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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