@pisell/materials 1.0.925 → 1.0.927

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

@@ -24,25 +24,61 @@ __export(useTableQuery_exports, {
 module.exports = __toCommonJS(useTableQuery_exports);
 var import_react = require("react");
 var import_ahooks = require("ahooks");
-var useTableQuery = (props) => {
+var import_utils = require("../../../table/Table/utils");
+var useTableQuery = (props, currentSettingHash) => {
   var _a, _b, _c, _d;
-  const { filterBy, sortBy, tabs } = props;
+  const { filterBy, sortBy, tabs, localSettings } = props;
+  const tableId = (0, import_react.useMemo)(() => {
+    if (props.__designMode === "design") {
+      return "designMode-mock-table-id";
+    }
+    return (props == null ? void 0 : props.currentComponentId) || props.__id;
+  }, [props.__id, props.__designMode, props == null ? void 0 : props.currentComponentId]);
+  const currentViewMode = (0, import_react.useMemo)(() => (0, import_utils.getCurrentViewModeFromLocalStorage)(tableId) || "grid", [tableId]);
   const [queryPageConfig, setQueryPageConfig] = (0, import_react.useState)({
     page: 1,
     pageSize: 20,
     filter: ((_b = (_a = tabs == null ? void 0 : tabs.items) == null ? void 0 : _a[0]) == null ? void 0 : _b.filterBy) || filterBy || {},
     sort: ((_d = (_c = tabs == null ? void 0 : tabs.items) == null ? void 0 : _c[0]) == null ? void 0 : _d.sortBy) || sortBy
   });
+  const getInitialValues = (0, import_ahooks.useMemoizedFn)(() => {
+    try {
+      if (!tableId) return {};
+      const setting = (0, import_utils.getTableSettingByCurrentViewMode)(tableId, currentViewMode);
+      console.log("setting22", setting);
+      return (setting == null ? void 0 : setting.filters) || {};
+    } catch (e) {
+      return {};
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if (!tableId) return;
+    const enable = !!((localSettings == null ? void 0 : localSettings.enable) && ((_a2 = localSettings.scope) == null ? void 0 : _a2.includes("filters")));
+    if (!enable) return;
+    const setting = (0, import_utils.getTableSettingByCurrentViewMode)(tableId, currentViewMode);
+    const persisted = (setting == null ? void 0 : setting.filters) || {};
+    if (persisted && Object.keys(persisted).length > 0) {
+      setQueryPageConfig((prev) => ({
+        ...prev,
+        filter: { ...prev.filter, ...persisted }
+      }));
+    }
+  }, [tableId, currentViewMode, JSON.stringify(localSettings)]);
   const handleValuesChange = (0, import_ahooks.useMemoizedFn)(
     (params, allParams) => {
+      var _a2;
       const { page, size } = params.pagination || {};
+      let nextFilterForSave = null;
       setQueryPageConfig((prev) => {
-        var _a2, _b2, _c2;
+        var _a3, _b2, _c2;
         let sort = prev.sort || sortBy;
         let filter = prev.filter;
         if ("tabs" in params) {
-          sort = ((_a2 = params.tabs) == null ? void 0 : _a2.sortBy) || sortBy || "";
-          filter = { ...prev.filter, ...((_b2 = params.tabs) == null ? void 0 : _b2.filterBy) || {} };
+          sort = ((_a3 = params.tabs) == null ? void 0 : _a3.sortBy) || sortBy || "";
+          const tabsFilter = ((_b2 = params.tabs) == null ? void 0 : _b2.filterBy) || {};
+          filter = { ...prev.filter, ...tabsFilter };
+          nextFilterForSave = filter;
         }
         if ("order_by" in params) {
           sort = params.order_by || ((_c2 = allParams.tabs) == null ? void 0 : _c2.sortBy) || sortBy;
@@ -55,15 +91,49 @@ var useTableQuery = (props) => {
           filter
         };
       });
+      const enable = !!((localSettings == null ? void 0 : localSettings.enable) && ((_a2 = localSettings.scope) == null ? void 0 : _a2.includes("filters")));
+      if (enable && tableId && nextFilterForSave) {
+        const excluded = new Set((localSettings == null ? void 0 : localSettings.excludedFilterFields) || []);
+        const filtered = {};
+        Object.keys(nextFilterForSave).forEach((k) => {
+          if (!excluded.has(k)) {
+            filtered[k] = nextFilterForSave[k];
+          }
+        });
+        (0, import_utils.setTableSettingToLocalStorage)({
+          tableId,
+          tableSettingObj: { filters: filtered },
+          currentViewMode,
+          currentSettingHash
+        });
+      }
     }
   );
   const handleFilterChange = (0, import_ahooks.useMemoizedFn)(
     (changedFields, allFields) => {
+      var _a2;
+      const nextFilter = { ...allFields };
       setQueryPageConfig((prev) => ({
         ...prev,
         page: 1,
-        filter: { ...prev.filter, ...allFields, ...filterBy || {} }
+        filter: { ...prev.filter, ...nextFilter, ...filterBy || {} }
       }));
+      const enable = !!((localSettings == null ? void 0 : localSettings.enable) && ((_a2 = localSettings.scope) == null ? void 0 : _a2.includes("filters")));
+      if (enable && tableId) {
+        const excluded = new Set((localSettings == null ? void 0 : localSettings.excludedFilterFields) || []);
+        const filtered = {};
+        Object.keys(nextFilter || {}).forEach((k) => {
+          if (!excluded.has(k)) {
+            filtered[k] = nextFilter[k];
+          }
+        });
+        (0, import_utils.setTableSettingToLocalStorage)({
+          tableId,
+          tableSettingObj: { filters: filtered },
+          currentViewMode,
+          currentSettingHash
+        });
+      }
     }
   );
   const refreshData = (0, import_ahooks.useMemoizedFn)(() => {
@@ -83,7 +153,8 @@ var useTableQuery = (props) => {
     handleValuesChange,
     refreshData,
     handleFilterChange,
-    refreshCurrentPage
+    refreshCurrentPage,
+    getInitialValues
   };
 };
 var useTableQuery_default = useTableQuery;

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ColumnType } from 'antd/es/table';
+import { LocalSettingsType } from '../../table/types';
 import { DataSourceType } from '../provider/dataSource/DataSourceContext';
 export declare type OperationItem = {
     label?: string;
@@ -13,6 +14,9 @@ export declare type OperationItem = {
     afterClose?: () => void;
 };
 export interface DataSourceTableProps {
+    __id?: string;
+    currentComponentId?: string;
+    currentSettingKey?: string;
     title?: string | React.ReactNode | (() => React.ReactNode);
     subTitle?: string | React.ReactNode | (() => React.ReactNode);
     titleButtons?: {
@@ -77,4 +81,5 @@ export interface DataSourceTableProps {
         create?: Record<string, any>;
         destroy?: Record<string, any>;
     };
+    localSettings?: LocalSettingsType;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PasswordProps } from './type';
 import './ReadPretty.less';
 declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

package/lib/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "custom" | "default" | "api" | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TranslationProps } from './type';
 import './ReadPretty.less';
 declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UploadProps } from './type';
 import './ReadPretty.less';
 declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -34,7 +35,7 @@ declare const formFieldMap: {
     };
     FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "custom" | "default" | "api" | undefined;
+        optionSourceType?: "default" | "custom" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -59,11 +60,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -84,18 +81,22 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 }) | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 }) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "custom" | "default" | "api" | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

package/lib/components/date-picker/datePickerCpt.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './index.less';

package/lib/components/date-picker/index.d.ts

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

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

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

package/lib/components/filter/components/items/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/filter/components/items/text/Editor/index.d.ts

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

package/lib/components/filter/components/items/text/Preview/index.d.ts

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

package/lib/components/filter/components/items/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/filter/types.d.ts

@@ -9,6 +9,7 @@ export declare type FilterType = {
     sortButtonShow: boolean;
     /** 筛选列表 */
     list: FilterItemProps[];
+    items?: string[];
     /** 快速筛选最大长度 */
     quickFilterMaxLength: number;
     /** 配置存储模式 */

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

package/lib/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

package/lib/components/pisellCamera/index.js

@@ -34,6 +34,7 @@ __export(pisellCamera_exports, {
 module.exports = __toCommonJS(pisellCamera_exports);
 var import_react = __toESM(require("react"));
 var import_react_camera_pro = require("react-camera-pro");
+var import_iconfont = __toESM(require("../iconfont"));
 var import_locales = require("../../locales");
 var import_pisellModal = __toESM(require("../../components/pisellModal"));
 var import_index = require("./index.less");
@@ -155,6 +156,7 @@ var PisellCamera = (0, import_react.forwardRef)((props, ref) => {
         import_react_camera_pro.Camera,
         {
           ref: cameraRef,
+          facingMode: "environment",
           errorMessages: {
             // noCameraAccessible: getText('pisell-camera-no-camera-accessible'),
             // permissionDenied: getText('pisell-camera-permission-denied'),
@@ -183,13 +185,14 @@ var PisellCamera = (0, import_react.forwardRef)((props, ref) => {
       ), cameraAvailable === true && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-camera-action" }, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: "pisell-camera-action-item",
+          className: "pisell-camera-action-item-wrap",
           onClick: (e) => {
             e.stopPropagation();
             e.preventDefault();
             takePhoto();
           }
-        }
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-camera-action-item" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-camera-01", style: { fontSize: 32 } }))
       )), photo && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-camera-photo-container" }, /* @__PURE__ */ import_react.default.createElement("img", { src: photo, alt: "photo", className: "pisell-camera-photo" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-camera-photo-img-action" }, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {

package/lib/components/pisellCamera/index.less

@@ -17,14 +17,24 @@
       align-items: center;
       justify-content: center;
 
-      .pisell-camera-action-item {
-        width: 60px;
-        height: 60px;
-        background-color: #fff;
-        border-radius: 60px;
+      .pisell-camera-action-item-wrap {
         box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
         cursor: pointer;
+        padding: 6px;
+        border-radius: 50%;
+        border: 2px solid #fff;
+
+        .pisell-camera-action-item {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 60px;
+          height: 60px;
+          background-color: #fff;
+          border-radius: 50%;
+        }
       }
+
     }
 
     .pisell-camera-photo-container {
@@ -42,6 +52,7 @@
         object-fit: cover;
       }
     }
+
     .pisell-camera-photo-img-action {
       position: absolute;
       bottom: 0;
@@ -117,4 +128,4 @@
       }
     }
   }
-}
+}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

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

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

package/lib/components/pisellInformationEntry/Scan/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

package/lib/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

package/lib/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

package/lib/components/pisellToast/squareToast/methods.d.ts

@@ -3,11 +3,11 @@ import { ToastProps } from './toast';
 interface ToastInstance {
     close: () => void;
 }
-declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
+declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
 declare const clear: () => void;
-declare const success: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
-declare const info: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
-declare const loading: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
-declare const fail: (content: React.ReactNode, duration?: number, onClose?: () => void) => ToastInstance;
+declare const success: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const info: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const loading: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const fail: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
 declare const hide: () => void;
 export { show, clear, success, info, loading, fail, hide };

package/lib/components/pisellToast/squareToast/methods.js

@@ -60,14 +60,14 @@ function mergeProps(a, b) {
     ...filteredB
   };
 }
-var show = (configOrContent, duration, onClose) => {
+var show = (configOrContent, duration, afterClose) => {
   var _a;
   let props;
   if (typeof configOrContent === "string" || import_react.default.isValidElement(configOrContent)) {
     props = mergeProps(defaultProps, {
       content: configOrContent,
       ...duration !== void 0 && { duration },
-      ...onClose !== void 0 && { onClose }
+      ...afterClose !== void 0 && { afterClose }
     });
   } else {
     props = mergeProps(defaultProps, configOrContent || {});
@@ -76,10 +76,8 @@ var show = (configOrContent, duration, onClose) => {
     import_toast.default,
     {
       ...props,
-      onClose: () => {
-        var _a2;
+      onCancel: () => {
         currentHandler = null;
-        (_a2 = props.onClose) == null ? void 0 : _a2.call(props);
       }
     }
   );
@@ -125,17 +123,17 @@ var clear = () => {
     currentTimeout = null;
   }
 };
-var success = (content, duration, onClose) => {
-  return show({ content, icon: "success", duration, onClose });
+var success = (content, duration, afterClose) => {
+  return show({ content, icon: "success", duration, afterClose });
 };
-var info = (content, duration, onClose) => {
-  return show({ content, icon: "info", duration, onClose });
+var info = (content, duration, afterClose) => {
+  return show({ content, icon: "info", duration, afterClose });
 };
-var loading = (content, duration, onClose) => {
-  return show({ content, icon: "loading", duration, onClose });
+var loading = (content, duration, afterClose) => {
+  return show({ content, icon: "loading", duration, afterClose });
 };
-var fail = (content, duration, onClose) => {
-  return show({ content, icon: "error", duration, onClose });
+var fail = (content, duration, afterClose) => {
+  return show({ content, icon: "error", duration, afterClose });
 };
 var hide = () => {
   clear();

package/lib/components/pisellToast/squareToast/renderImperatively.d.ts

@@ -2,8 +2,8 @@ import type { ReactElement } from 'react';
 import type { Root } from 'react-dom/client';
 import React from 'react';
 declare type ImperativeProps = {
-    visible?: boolean;
-    onClose?: () => void;
+    open?: boolean;
+    onCancel?: () => void;
     afterClose?: () => void;
 };
 declare type TargetElement = ReactElement<ImperativeProps>;
@@ -14,16 +14,14 @@ export declare type ImperativeHandler = {
 };
 export declare type UnmountType = () => Promise<void>;
 export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
-declare const MARK = "__rc_react_root__";
+declare const MARK = "__pisell_react_root__";
 declare type ContainerType = (Element | DocumentFragment) & {
     [MARK]?: Root;
 };
 export declare function render(node: React.ReactElement, container: ContainerType): void;
 export declare function unmount(container: ContainerType): Promise<void>;
 /**
- * @deprecated Set React render function for compatible usage.
- * This is internal usage only compatible with React 19.
- * And will be removed in next major version.
+ * @deprecated 设置 React 渲染函数以兼容使用。
  */
 export declare function unstableSetRender(render?: RenderType): RenderType;
 export declare function renderToBody(element: ReactElement): UnmountType;