@pisell/materials 1.0.651 → 1.0.653

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

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

package/lib/components/appVersionControl/utils.js

@@ -29,19 +29,15 @@ var compareVersions = (version1, version2) => {
   for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
     const v1Part = v1Parts[i] || 0;
     const v2Part = v2Parts[i] || 0;
-    if (v1Part > v2Part)
-      return 1;
-    if (v1Part < v2Part)
-      return -1;
+    if (v1Part > v2Part) return 1;
+    if (v1Part < v2Part) return -1;
   }
   return 0;
 };
 var getMaxVersion = (versions) => {
-  if (!versions || versions.length === 0)
-    return void 0;
+  if (!versions || versions.length === 0) return void 0;
   return versions.reduce((max, current) => {
-    if (!max)
-      return current;
+    if (!max) return current;
     return compareVersions(current, max) > 0 ? current : max;
   }, versions[0]);
 };

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

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

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

@@ -1,8 +1,7 @@
-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) => React.JSX.Element;
+declare const Badge: (props: any) => 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) => React.JSX.Element | null;
+declare const Image: (props: ImageProps) => 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) => React.JSX.Element;
+declare const Text: (props: TextProps) => 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) => import("react").JSX.Element | null;
-    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+    image: (props: import("./Image").ImageProps) => JSX.Element | null;
+    text: (props: import("./Text").TextProps) => JSX.Element;
 };
 export default _default;

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

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

package/lib/components/buttonGroupEdit/index.js

@@ -137,8 +137,7 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
       setCurrentButton(null);
     };
     const handleSave = (values) => {
-      if (!currentButton)
-        return;
+      if (!currentButton) return;
       const updatedButton = {
         ...currentButton,
         children: values.children,
@@ -161,8 +160,7 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
     const onDragEnd = (event) => {
       var _a, _b, _c, _d, _e;
       const { active, over } = event;
-      if (!over)
-        return;
+      if (!over) return;
       let activeId = active.id;
       let overId = over.id;
       let activeContainerId = "";
@@ -178,14 +176,12 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
           const activeIndex = buttonList.findIndex(
             (item) => item.id === activeId
           );
-          if (activeIndex === -1)
-            return;
+          if (activeIndex === -1) return;
           const movedItem = { ...buttonList[activeIndex] };
           const overRowIndex = buttonGroupList.findIndex(
             (row) => row.some((item) => item.id === overId)
           );
-          if (overRowIndex === -1)
-            return;
+          if (overRowIndex === -1) return;
           const updatedGroupList = [...buttonGroupList];
           updatedGroupList[overRowIndex].push(movedItem);
           const updatedButtonList = buttonList.filter(
@@ -198,13 +194,11 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
           const overRowIndex = buttonGroupList.findIndex(
             (row) => row.some((item) => item.id === overId)
           );
-          if (overRowIndex === -1)
-            return;
+          if (overRowIndex === -1) return;
           const overColIndex = (_c = buttonGroupList[overRowIndex]) == null ? void 0 : _c.findIndex(
             (item) => item.id === overId
           );
-          if (overColIndex === -1)
-            return;
+          if (overColIndex === -1) return;
           const [movedItem] = buttonGroupList[overRowIndex].splice(
             overColIndex,
             1
@@ -217,8 +211,7 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
             (item) => item.id === activeId
           );
           const overIndex = buttonList.findIndex((item) => item.id === overId);
-          if (activeIndex === -1 || overIndex === -1)
-            return;
+          if (activeIndex === -1 || overIndex === -1) return;
           const updatedList = [...buttonList];
           const [movedItem] = updatedList.splice(activeIndex, 1);
           updatedList.splice(overIndex, 0, movedItem);

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Calendar: (props: any) => import("react").JSX.Element;
+declare const Calendar: (props: any) => 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) => React.JSX.Element;
+declare const CardMetricItem: (props: PisellStatisticProps) => JSX.Element;
 export default CardMetricItem;

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,7 @@
-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) => React.JSX.Element;
+declare const ConfigProvider: (props: ConfigProviderProps) => 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>) => React.JSX.Element;
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => JSX.Element;
 export default CustomSelect;

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

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const FormItem: (props: any) => React.JSX.Element;
+declare const FormItem: (props: any) => 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) => React.JSX.Element;
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
 export default FormGroup;

package/lib/components/dataSourceComponents/dataSourceForm/group/index.js

@@ -34,10 +34,11 @@ __export(group_exports, {
 module.exports = __toCommonJS(group_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
 var import_useFormSetting = __toESM(require("../provider/hooks/useFormSetting"));
 var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
 var import_index = require("./index.less");
-var import_antd = require("antd");
 var FormGroup = (props) => {
   const {
     title,
@@ -48,12 +49,17 @@ var FormGroup = (props) => {
     backgroundColor: propsBackgroundColor,
     children
   } = props;
+  const ref = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(ref);
   const { groupInfoPosition: formSettingGroupInfoPosition } = (0, import_useFormSetting.default)();
   const { platform } = (0, import_usePisellConfig.default)();
   const groupInfoPosition = (0, import_react.useMemo)(() => {
     const isMobile = platform === "h5";
-    return isMobile ? "top" : formSettingGroupInfoPosition;
-  }, [platform, formSettingGroupInfoPosition]);
+    if (isMobile || ((size == null ? void 0 : size.width) || 0) < 500) {
+      return "top";
+    }
+    return formSettingGroupInfoPosition;
+  }, [platform, formSettingGroupInfoPosition, size == null ? void 0 : size.width]);
   const backgroundColor = showBackgroundColor ? propsBackgroundColor : void 0;
   const wrapperStyle = (0, import_react.useMemo)(() => {
     return {
@@ -72,7 +78,8 @@ var FormGroup = (props) => {
       className: (0, import_classnames.default)("pisell-lowcode-data-source-form-group", {
         "pisell-lowcode-data-source-form-group-top": groupInfoPosition === "top",
         "pisell-lowcode-data-source-form-group-side": groupInfoPosition === "side"
-      })
+      }),
+      ref
     },
     /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { flex: 1 }, gutter: 16 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: groupInfoPosition === "top" ? 24 : 6 }, (propsShowTitle && title || propsShowDescription && description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-info" }, propsShowTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-title" }, title), propsShowDescription && description && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-description" }, description))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: groupInfoPosition === "top" ? 24 : 18 }, /* @__PURE__ */ import_react.default.createElement(
       "div",

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) => React.JSX.Element | null;
+declare const SubmitButton: (props: SubmitButtonProps) => 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;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
-}) => React.JSX.Element;
+}) => 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) => React.JSX.Element | null;
+export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => 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/dataSourceForm/utils.js

@@ -269,8 +269,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         case "subdomain":
           rules.push({
             validator: (_, value) => {
-              if (!value)
-                return Promise.resolve();
+              if (!value) return Promise.resolve();
               const subdomain = value.split(".")[0];
               if (!/^[a-z0-9-]+$/.test(subdomain)) {
                 return Promise.reject(
@@ -299,8 +298,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         case "appIdentifier":
           rules.push({
             validator: (_, value) => {
-              if (!value)
-                return Promise.resolve();
+              if (!value) return Promise.resolve();
               if (!/^[a-z0-9\-\._]+$/.test(value)) {
                 return Promise.reject(
                   new Error(
@@ -526,8 +524,7 @@ var getNestedValue = (obj, path) => {
   const keys = path.split(".");
   let value = obj;
   for (const k of keys) {
-    if (!value)
-      break;
+    if (!value) break;
     value = value[k];
   }
   return value;

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

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const DataSourceImage: (props: import("../utils").ParsedProps) => React.JSX.Element;
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => JSX.Element;
 export default DataSourceImage;

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

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

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

@@ -4,7 +4,7 @@ interface DataSourceTypographyProps {
     children: React.ReactNode;
 }
 declare const DataSourceTypography: {
-    (props: DataSourceTypographyProps): React.JSX.Element;
-    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
+    (props: DataSourceTypographyProps): JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => JSX.Element;
 };
 export default DataSourceTypography;

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

@@ -2,5 +2,5 @@ import React from 'react';
 export interface ParsedProps {
     [key: string]: unknown;
 }
-declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => React.JSX.Element;
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => JSX.Element;
 export default withParseVariables;

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;
@@ -23,5 +23,5 @@ interface FilterProps {
         key: string;
     };
 }
-declare const Filter: (props: FilterProps) => React.JSX.Element;
+declare const Filter: (props: FilterProps) => JSX.Element;
 export default Filter;

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;
-export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => React.JSX.Element | null;
-export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (React.JSX.Element | null)[];
+export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => JSX.Element | null;
+export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (JSX.Element | null)[];
 export declare const getStoredFilterOrder: (componentId: string) => any;
 export declare const saveFilterOrder: (componentId: string, order: any) => void;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useColumns.js

@@ -59,16 +59,14 @@ var useColumns = ({
   actionsColumns
 }) => {
   const fieldMap = (0, import_react.useMemo)(() => {
-    if (!fields)
-      return {};
+    if (!fields) return {};
     return fields.reduce((acc, field) => {
       acc[field.name] = field;
       return acc;
     }, {});
   }, [fields]);
   return (0, import_react.useMemo)(() => {
-    if (Object.keys(fieldMap).length === 0)
-      return [];
+    if (Object.keys(fieldMap).length === 0) return [];
     return columns.map((column) => {
       var _a;
       const field = fieldMap[column == null ? void 0 : column.dataIndex];

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.js

@@ -36,8 +36,7 @@ var useDesignMode = (props, { registerValueVariable, openDrawer, closeDrawer, da
     if (__designMode === "design" && (items == null ? void 0 : items.length) && ((_a = prevItemsRef.current) == null ? void 0 : _a.length)) {
       const changedItem = items.find((item) => {
         const prevItem = prevItemsRef.current.find((prev) => prev.key === item.key);
-        if (!prevItem)
-          return false;
+        if (!prevItem) return false;
         if (item.actionType !== prevItem.actionType) {
           return true;
         }

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Drawer } from 'antd';
 import { OperationItem } from '../type';
 declare const useDrawerState: (operationContent?: {
@@ -10,7 +9,7 @@ declare const useDrawerState: (operationContent?: {
     closeDrawer: () => void;
     drawerContent: import("react").ReactNode;
     Container: {
-        (props: import("../../../pisellModal").PisellModalProps): import("react").JSX.Element;
+        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
         confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
             destroy: () => void;
             update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
@@ -32,7 +31,7 @@ declare const useDrawerState: (operationContent?: {
             destroy: () => void;
             update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
         };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => import("react").JSX.Element;
+        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
     } | typeof Drawer;
     containerProps: {};
 };

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -143,8 +143,7 @@ var formatFilter = (filterValue, fields) => {
   return JSON.stringify(filterCondition);
 };
 var formatSort = (sortValue) => {
-  if (!sortValue)
-    return void 0;
+  if (!sortValue) return void 0;
   const [field, order] = sortValue.split(":");
   const prefix = order === "desc" ? "-" : "";
   return [`${prefix}${field}`];

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,9 +26,9 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
-    filter: React.JSX.Element | null;
+    filter: JSX.Element | null;
     onRow: (record: any) => any;
     actionButtons: any[] | null;
     titleButtons?: {
@@ -52,7 +52,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/lib/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.d.ts

@@ -3,5 +3,5 @@ interface BaseWrapperProps {
     children: React.ReactNode;
     [key: string]: any;
 }
-declare const BaseWrapper: (props: BaseWrapperProps) => React.JSX.Element;
+declare const BaseWrapper: (props: BaseWrapperProps) => JSX.Element;
 export default BaseWrapper;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
-declare const DataSourceWrapper: (props: DataSourceContextProps) => React.JSX.Element;
+declare const DataSourceWrapper: (props: DataSourceContextProps) => JSX.Element;
 export default DataSourceWrapper;

package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
-declare const ColorPickerReadPretty: (props: ColorPickerProps) => React.JSX.Element;
+declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;
 export default ColorPickerReadPretty;

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -61,8 +61,7 @@ var DatePickerReadPretty = ({ value, renderMode, showTime }) => {
     return DEFAULT_FORMAT;
   }, [locale, showTime]);
   const formattedDate = (0, import_react.useMemo)(() => {
-    if (!value)
-      return "";
+    if (!value) return "";
     try {
       return (0, import_dayjs.default)(value).format(dateFormat);
     } catch (error) {

package/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
-declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => React.JSX.Element;
+declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;
 export default DateRangePickerReadPretty;

package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
-declare const IconSelectReadPretty: (props: IconSelectProps) => React.JSX.Element | null;
+declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;
 export default IconSelectReadPretty;

package/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
+declare const InputReadPretty: (props: InputProps) => JSX.Element;
 export default InputReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
+declare const InputReadPretty: (props: InputProps) => JSX.Element;
 export default InputReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
-declare const JsonReadPretty: (props: JsonProps) => React.JSX.Element | null;
+declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;
 export default JsonReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.js

@@ -40,15 +40,13 @@ var ReadPretty = ({
   value,
   renderMode
 }) => {
-  if (!value)
-    return null;
+  if (!value) return null;
   const className = (0, import_classnames.default)("pisell-phone-read-pretty", {
     "pisell-phone-read-pretty-table-view": renderMode === "tableView"
   });
   try {
     const phoneNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value);
-    if (!phoneNumber)
-      return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+    if (!phoneNumber) return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
     const formattedValue = `(${phoneNumber.formatInternational().split(" ")[0]}) ${phoneNumber.formatNational()}`;
     return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue);
   } catch (error) {