@pisell/materials 1.0.922 → 1.0.924

package/es/components/table/Table/tableConfig/summary/index.d.ts

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

package/es/components/table/Table/utils.d.ts

@@ -167,7 +167,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("column_setting" | "group_by" | "order_by" | "view_mode" | "filter_setting" | "gallery_setting")[];
+}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/components/table/TableFilter/SortIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }

package/es/components/time-picker/index.d.ts

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

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

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

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/es/components/virtual-keyboard/Time/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

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

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

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

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

package/es/index.d.ts

@@ -102,7 +102,7 @@ export { default as PisellSectionHeaders } from './components/pisellSectionHeade
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellTags } from './components/pisellTags';
 export { default as PisellText } from './components/pisellText';
-export { default as PisellToast } from './components/pisellToast';
+export { default as PisellToast, useToast } from './components/pisellToast';
 export { default as PisellTooltip } from './components/pisellTooltip';
 export { default as PisellUpload } from './components/pisellUpload';
 export { default as PisellViewGrid } from './components/pisellViewGrid';

package/es/index.js

@@ -102,7 +102,7 @@ export { default as PisellSectionHeaders } from "./components/pisellSectionHeade
 export { default as PisellStatisticList } from "./components/pisellStatisticList";
 export { default as PisellTags } from "./components/pisellTags";
 export { default as PisellText } from "./components/pisellText";
-export { default as PisellToast } from "./components/pisellToast";
+export { default as PisellToast, useToast } from "./components/pisellToast";
 // export { default as InformationModal } from './components/pisellModal/components/Information';
 export { default as PisellTooltip } from "./components/pisellTooltip";
 export { default as PisellUpload } from "./components/pisellUpload";

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

@@ -326,5 +326,15 @@ declare const _default: {
     'pisell-list-pagination-page-of': (current: number, total: number) => string;
     'pisell-list-pagination-previous': string;
     'pisell-list-pagination-next': string;
+    'pisell-camera-no-camera-accessible': string;
+    'pisell-camera-permission-denied': string;
+    'pisell-camera-switch-camera': string;
+    'pisell-camera-canvas': string;
+    'pisell-camera-checking': string;
+    'pisell-camera-no-camera-desc': string;
+    'pisell-upload-camera-local-files': string;
+    'pisell-upload-camera-capture': string;
+    'pisell-upload-camera-retake': string;
+    'pisell-upload-camera-use': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -400,5 +400,17 @@ export default {
     return "Page ".concat(current, " of ").concat(total);
   },
   'pisell-list-pagination-previous': 'Previous',
-  'pisell-list-pagination-next': 'Next'
+  'pisell-list-pagination-next': 'Next',
+  // 相机组件
+  'pisell-camera-no-camera-accessible': 'No camera accessible',
+  'pisell-camera-permission-denied': 'Permission denied',
+  'pisell-camera-switch-camera': 'Switch camera',
+  'pisell-camera-canvas': 'Canvas not supported',
+  'pisell-camera-checking': 'Detecting camera...',
+  'pisell-camera-no-camera-desc': 'Please check if your device has a camera or grant browser permission to access camera',
+  // 拍照组件
+  'pisell-upload-camera-local-files': 'Local Files',
+  'pisell-upload-camera-capture': 'Capture',
+  'pisell-upload-camera-retake': 'Retake',
+  'pisell-upload-camera-use': 'Use photo'
 };

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

@@ -321,5 +321,15 @@ declare const _default: {
     'pisell-list-pagination-page-of': (current: number, total: number) => string;
     'pisell-list-pagination-previous': string;
     'pisell-list-pagination-next': string;
+    'pisell-camera-no-camera-accessible': string;
+    'pisell-camera-permission-denied': string;
+    'pisell-camera-switch-camera': string;
+    'pisell-camera-canvas': string;
+    'pisell-camera-checking': string;
+    'pisell-camera-no-camera-desc': string;
+    'pisell-upload-camera-local-files': string;
+    'pisell-upload-camera-capture': string;
+    'pisell-upload-camera-retake': string;
+    'pisell-upload-camera-use': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -391,5 +391,17 @@ export default {
     return "\u7B2C ".concat(current, " \u9875 \u5171 ").concat(total, " \u9875");
   },
   'pisell-list-pagination-previous': '上一页',
-  'pisell-list-pagination-next': '下一页'
+  'pisell-list-pagination-next': '下一页',
+  // 相机组件
+  'pisell-camera-no-camera-accessible': '没有找到摄像头',
+  'pisell-camera-permission-denied': '没有权限使用摄像头',
+  'pisell-camera-switch-camera': '切换摄像头',
+  'pisell-camera-canvas': 'canvas不支持',
+  'pisell-camera-checking': '正在检测摄像头...',
+  'pisell-camera-no-camera-desc': '请检查设备是否连接摄像头或授权浏览器访问摄像头',
+  // 拍照组件
+  'pisell-upload-camera-local-files': '本地文件',
+  'pisell-upload-camera-capture': '拍摄/拍照',
+  'pisell-upload-camera-retake': '重拍',
+  'pisell-upload-camera-use': '使用照片'
 };

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

@@ -321,5 +321,15 @@ declare const _default: {
     'pisell-list-pagination-page-of': (current: number, total: number) => string;
     'pisell-list-pagination-previous': string;
     'pisell-list-pagination-next': string;
+    'pisell-camera-no-camera-accessible': string;
+    'pisell-camera-permission-denied': string;
+    'pisell-camera-switch-camera': string;
+    'pisell-camera-canvas': string;
+    'pisell-camera-checking': string;
+    'pisell-camera-no-camera-desc': string;
+    'pisell-upload-camera-local-files': string;
+    'pisell-upload-camera-capture': string;
+    'pisell-upload-camera-retake': string;
+    'pisell-upload-camera-use': string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -392,5 +392,17 @@ export default {
     return "\u7B2C ".concat(current, " \u9801 \u5171 ").concat(total, " \u9801");
   },
   'pisell-list-pagination-previous': '上一頁',
-  'pisell-list-pagination-next': '下一頁'
+  'pisell-list-pagination-next': '下一頁',
+  // 相机组件
+  'pisell-camera-no-camera-accessible': '沒有找到攝像頭',
+  'pisell-camera-permission-denied': '沒有權限使用攝像頭',
+  'pisell-camera-switch-camera': '切換攝像頭',
+  'pisell-camera-canvas': 'canvas不支持',
+  'pisell-camera-checking': '正在檢測攝像頭...',
+  'pisell-camera-no-camera-desc': '請檢查設備是否連接攝像頭或授權瀏覽器訪問攝像頭',
+  // 拍照组件
+  'pisell-upload-camera-local-files': '本地文件',
+  'pisell-upload-camera-capture': '拍攝/拍照',
+  'pisell-upload-camera-retake': '重拍',
+  'pisell-upload-camera-use': '使用照片'
 };

package/es/utils/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => JSX.Element | null;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 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) => JSX.Element;
 export default DataSourceQRCode;

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

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

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

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: JSX.Element | null;
     onRow: (record: any) => any;

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

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

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

@@ -1,4 +1,3 @@
-/// <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,4 +1,3 @@
-/// <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,4 +1,3 @@
-/// <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,4 +1,3 @@
-/// <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?: "default" | "custom" | "api" | undefined;

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

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

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -46,6 +46,7 @@ var import_locales = require("../../../../locales");
 var import_constants = require("./constants");
 var import_usePlatform = require("../../hooks/usePlatform");
 var import_utils2 = require("./utils");
+var import_CameraPopover = __toESM(require("./CameraPopover"));
 var import_shopUploadServe = require("./shopUploadServe");
 var import_fallback = __toESM(require("./fallback.png"));
 var import_index = require("./index.less");
@@ -67,6 +68,7 @@ var BaseUpload = (props) => {
     onChange,
     mediaUploadUrl: propsMediaUploadUrl,
     getHeaders: propsGetHeaders,
+    allowCamera,
     ...restProps
   } = props;
   const isShop = (0, import_usePlatform.useIsShop)();
@@ -76,6 +78,8 @@ var BaseUpload = (props) => {
   const [open, setOpen] = (0, import_react.useState)(false);
   const [editMultilingualFile, setEditMultilingualFile] = (0, import_react.useState)(null);
   const fileListRef = (0, import_react.useRef)([]);
+  const uploadButtonRef = (0, import_react.useRef)(null);
+  const uploadRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     fileListRef.current = fileList;
   }, [fileList]);
@@ -140,9 +144,7 @@ var BaseUpload = (props) => {
           multilingualFileList: item.multilingualFileList || (0, import_utils2.createMultilingualFileList)(
             ((_b = (_a = item.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url) || item.url || ""
           ),
-          multilingual: item.multilingual || (0, import_utils2.createMultilingualData)(
-            ((_d = (_c = item.response) == null ? void 0 : _c.data) == null ? void 0 : _d.url) || item.url || ""
-          )
+          multilingual: item.multilingual || (0, import_utils2.createMultilingualData)(((_d = (_c = item.response) == null ? void 0 : _c.data) == null ? void 0 : _d.url) || item.url || "")
         };
       });
     });
@@ -319,6 +321,7 @@ var BaseUpload = (props) => {
   }, []);
   const beforeUpload = (0, import_react.useCallback)(
     async (file, newFileList) => {
+      console.log("beforeUpload000", file, newFileList);
       let currentFileCount = 1;
       newFileList.forEach((item, index) => {
         if (item.uid === file.uid) {
@@ -365,7 +368,8 @@ var BaseUpload = (props) => {
       {
         className: "pisell-upload-button",
         type: "button",
-        disabled: restProps.disabled
+        disabled: restProps.disabled,
+        ref: uploadButtonRef
       },
       /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-text" }, (0, import_locales.getText)("pisell-upload-button")),
@@ -460,7 +464,166 @@ var BaseUpload = (props) => {
     className: "pisell-data-source-upload",
     ...customRequest
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_pisellUpload.default, { ...uploadProps, fileList }, fileList.length >= calcMaxCount ? null : renderUploadButton(!!enableMultilingual)), /* @__PURE__ */ import_react.default.createElement(
+  const onCameraChange = (file) => {
+    console.log("onCameraChange", file);
+    if (fileList.length >= calcMaxCount) {
+      countError.run((0, import_locales.getText)("pisell-upload-max-count-error")(calcMaxCount));
+      return;
+    }
+    const fileType = (0, import_utils2.getFileType)(file.name);
+    const typeMaxSize = typeMaxSizeMap == null ? void 0 : typeMaxSizeMap[fileType];
+    const _maxSize = typeMaxSize || maxSize || 10;
+    if (file.size > _maxSize * 1024 * 1024) {
+      sizeError.run((0, import_locales.getText)("pisell-upload-setting-size-error")(_maxSize));
+      return import_antd.Upload.LIST_IGNORE;
+    }
+    const pointSuffix = (0, import_utils2.getPointSuffix)(file.name);
+    if (accept !== "" && !accept.includes(pointSuffix)) {
+      typeError.run((0, import_locales.getText)("pisell-upload-setting-type-error")(pointSuffix));
+      return import_antd.Upload.LIST_IGNORE;
+    }
+    const uploadFileObj = {
+      uid: file.uid || `camera-${Date.now()}`,
+      name: file.name || `camera-${Date.now()}.jpg`,
+      status: "uploading",
+      url: file.url || file.thumbUrl,
+      thumbUrl: file.thumbUrl || file.url,
+      originFileObj: file.originFileObj || file,
+      lastModified: file.lastModified || Date.now(),
+      lastModifiedDate: file.lastModifiedDate || /* @__PURE__ */ new Date(),
+      type: file.type || "image/jpeg",
+      size: file.size,
+      // 如果是多语言模式，初始化多语言数据结构
+      ...enableMultilingual && {
+        multilingualFileList: (0, import_utils2.createMultilingualFileList)(""),
+        multilingual: (0, import_utils2.createMultilingualData)("")
+      }
+    };
+    setFileList((prev) => {
+      const newFileList = [...prev, uploadFileObj];
+      if (!multiple && newFileList.length > 1) {
+        return [uploadFileObj];
+      }
+      return newFileList;
+    });
+    const fileObj = uploadFileObj.originFileObj;
+    if (fileObj) {
+      if (isShop) {
+        (0, import_shopUploadServe.uploadFile)(fileObj).then((result) => {
+          setFileList(
+            (prev) => prev.map(
+              (item) => {
+                var _a, _b, _c, _d;
+                return item.uid === uploadFileObj.uid ? {
+                  ...item,
+                  status: "done",
+                  response: result,
+                  url: ((_a = result.data) == null ? void 0 : _a.url) || item.url,
+                  thumbUrl: ((_b = result.data) == null ? void 0 : _b.url) || item.thumbUrl,
+                  // 更新多语言数据
+                  ...enableMultilingual && {
+                    multilingual: (0, import_utils2.createMultilingualData)(
+                      ((_c = result.data) == null ? void 0 : _c.url) || ""
+                    ),
+                    multilingualFileList: (0, import_utils2.createMultilingualFileList)(
+                      ((_d = result.data) == null ? void 0 : _d.url) || ""
+                    )
+                  }
+                } : item;
+              }
+            )
+          );
+          handleChange({
+            file: { ...uploadFileObj, status: "done", response: result },
+            fileList: [
+              ...fileList,
+              { ...uploadFileObj, status: "done", response: result }
+            ]
+          });
+        }).catch((error) => {
+          console.error("Camera upload error:", error);
+          setFileList(
+            (prev) => prev.map(
+              (item) => item.uid === uploadFileObj.uid ? { ...item, status: "error" } : item
+            )
+          );
+          (0, import_pisellToast.default)({
+            content: (0, import_locales.getText)("pisell-upload-error")(uploadFileObj.name)
+          });
+        });
+      } else {
+        const formData = new FormData();
+        formData.append(uploadProps.name || "file", fileObj);
+        const extraData = (() => {
+          if (typeof uploadProps.data === "function") {
+            const result = uploadProps.data(fileObj);
+            return result instanceof Promise ? {} : result;
+          }
+          return uploadProps.data || {};
+        })();
+        Object.keys(extraData).forEach((key) => {
+          formData.append(key, String(extraData[key]));
+        });
+        fetch(uploadProps.action, {
+          method: uploadProps.method || "post",
+          body: formData,
+          headers: uploadProps.headers || {}
+        }).then((response) => response.json()).then((result) => {
+          console.log("Camera upload success:", result);
+          setFileList(
+            (prev) => prev.map(
+              (item) => {
+                var _a, _b, _c, _d;
+                return item.uid === uploadFileObj.uid ? {
+                  ...item,
+                  status: "done",
+                  response: result,
+                  url: ((_a = result.data) == null ? void 0 : _a.url) || item.url,
+                  thumbUrl: ((_b = result.data) == null ? void 0 : _b.url) || item.thumbUrl,
+                  // 更新多语言数据
+                  ...enableMultilingual && {
+                    multilingual: (0, import_utils2.createMultilingualData)(
+                      ((_c = result.data) == null ? void 0 : _c.url) || ""
+                    ),
+                    multilingualFileList: (0, import_utils2.createMultilingualFileList)(
+                      ((_d = result.data) == null ? void 0 : _d.url) || ""
+                    )
+                  }
+                } : item;
+              }
+            )
+          );
+          handleChange({
+            file: { ...uploadFileObj, status: "done", response: result },
+            fileList: [
+              ...fileList,
+              { ...uploadFileObj, status: "done", response: result }
+            ]
+          });
+        }).catch((error) => {
+          console.error("Camera upload error:", error);
+          setFileList(
+            (prev) => prev.map(
+              (item) => item.uid === uploadFileObj.uid ? { ...item, status: "error" } : item
+            )
+          );
+          (0, import_pisellToast.default)({
+            content: (0, import_locales.getText)("pisell-upload-error")(uploadFileObj.name)
+          });
+        });
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Upload, { ref: uploadRef, ...uploadProps, fileList }, fileList.length >= calcMaxCount ? null : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, allowCamera && !(0, import_utils.isMobile)() && /* @__PURE__ */ import_react.default.createElement(
+    import_CameraPopover.default,
+    {
+      onLocalFileClick: () => {
+        var _a;
+        return (_a = uploadButtonRef.current) == null ? void 0 : _a.click();
+      },
+      onCameraChange
+    }
+  ), renderUploadButton(!!enableMultilingual))), /* @__PURE__ */ import_react.default.createElement(
     import_pisellModal.default,
     {
       title: (0, import_locales.getText)("pisell-upload-multilingual-title"),

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

@@ -0,0 +1,5 @@
+declare const CameraPopover: (props: {
+    onLocalFileClick: () => void;
+    onCameraChange: (file: any) => void;
+}) => JSX.Element;
+export default CameraPopover;