@pisell/materials 1.0.923 → 1.0.924

package/es/components/pisellCamera/index.js

@@ -0,0 +1,219 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { Camera } from 'react-camera-pro';
+import { getText } from "../../locales";
+import PisellModal from "../../components/pisellModal";
+import "./index.less";
+var PisellCamera = /*#__PURE__*/forwardRef(function (props, ref) {
+  var cameraRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    photo = _useState4[0],
+    setPhoto = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cameraAvailable = _useState6[0],
+    setCameraAvailable = _useState6[1]; // null: 检测中, true: 可用, false: 不可用
+  var uploadFileRef = useRef(null);
+
+  // Base64转File对象
+  var base64ToFile = function base64ToFile(base64String, filename) {
+    var _arr$0$match;
+    var arr = base64String.split(',');
+    var mime = ((_arr$0$match = arr[0].match(/:(.*?);/)) === null || _arr$0$match === void 0 ? void 0 : _arr$0$match[1]) || '';
+    var bstr = atob(arr[1]);
+    var n = bstr.length;
+    var u8arr = new Uint8Array(n);
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+    }
+    return new File([u8arr], filename, {
+      type: mime
+    });
+  };
+
+  // 拍照并添加到fileList
+  var takePhoto = function takePhoto() {
+    if (!cameraRef.current || !cameraRef.current.takePhoto) {
+      return;
+    }
+    try {
+      var _cameraRef$current, _cameraRef$current$ta;
+      var _photo = (_cameraRef$current = cameraRef.current) === null || _cameraRef$current === void 0 || (_cameraRef$current$ta = _cameraRef$current.takePhoto) === null || _cameraRef$current$ta === void 0 ? void 0 : _cameraRef$current$ta.call(_cameraRef$current);
+      var timestamp = Date.now();
+      var filename = "photo-".concat(timestamp, ".jpg");
+      setPhoto(_photo);
+
+      // 转换为File对象
+      var file = base64ToFile(_photo, filename);
+
+      // 创建符合Antd Upload格式的文件对象
+      var uploadFile = {
+        uid: timestamp.toString(),
+        name: filename,
+        status: 'uploading',
+        url: _photo,
+        // 用于预览
+        originFileObj: file,
+        // 原始文件对象，用于上传
+        thumbUrl: _photo,
+        lastModified: Date.now(),
+        lastModifiedDate: new Date(),
+        type: 'image/jpeg',
+        size: file.size
+      };
+      console.log('takePhoto_uploadFile', uploadFile);
+      uploadFileRef.current = uploadFile;
+      return uploadFile;
+    } catch (error) {
+      console.error('takePhoto_error', error);
+      uploadFileRef.current = null;
+      setPhoto('');
+      return null;
+    }
+  };
+  var onOpen = function onOpen() {
+    setCameraAvailable(null);
+    setPhoto('');
+    uploadFileRef.current = null;
+    setOpen(true);
+  };
+
+  // 关闭相机弹窗，重置状态
+  var onClose = function onClose() {
+    cameraRef.current = null;
+    uploadFileRef.current = null;
+    setOpen(false);
+    setPhoto('');
+    setCameraAvailable(null);
+  };
+
+  // 重拍照片
+  var onRetakePhoto = function onRetakePhoto() {
+    setPhoto('');
+  };
+
+  // 使用照片
+  var onUsePhoto = function onUsePhoto() {
+    var _props$onChange;
+    props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, uploadFileRef.current);
+    onClose();
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      open: onOpen,
+      takePhoto: takePhoto,
+      isCameraAvailable: function isCameraAvailable() {
+        return cameraAvailable;
+      }
+    };
+  });
+  console.log('cameraAvailable', cameraAvailable);
+  return /*#__PURE__*/React.createElement(PisellModal, {
+    open: open,
+    onCancel: function onCancel(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      onClose();
+    },
+    header: false,
+    footer: null,
+    destroyOnClose: true,
+    bodyStyle: {
+      padding: 0
+    },
+    width: '90vw',
+    className: "pisell-camera-modal"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-container",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, cameraAvailable === null ?
+  /*#__PURE__*/
+  // 检测中
+  React.createElement("div", {
+    className: "pisell-camera-loading"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-loading-text"
+  }, getText('pisell-camera-checking'))) : cameraAvailable === false ?
+  /*#__PURE__*/
+  // 无摄像头
+  React.createElement("div", {
+    className: "pisell-camera-no-camera"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-no-camera-icon"
+  }, "\uD83D\uDCF7"), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-no-camera-text"
+  }, getText('pisell-camera-no-camera-accessible')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-no-camera-desc"
+  }, getText('pisell-camera-no-camera-desc'))) : null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Camera, {
+    ref: cameraRef,
+    errorMessages: {
+      // noCameraAccessible: getText('pisell-camera-no-camera-accessible'),
+      // permissionDenied: getText('pisell-camera-permission-denied'),
+      // switchCamera: getText('pisell-camera-switch-camera'),
+      // canvas: getText('pisell-camera-canvas'),
+    },
+    numberOfCamerasCallback: function numberOfCamerasCallback(numberOfCameras) {
+      console.log('numberOfCameras', numberOfCameras);
+      if (!cameraRef.current) {
+        return;
+      }
+      if (numberOfCameras <= 0) {
+        setTimeout(function () {
+          setCameraAvailable(function (pre) {
+            if (pre === true) {
+              return true;
+            }
+            return false;
+          });
+        }, 5000);
+      } else {
+        setCameraAvailable(true);
+      }
+    }
+  }), cameraAvailable === true && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-action"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-action-item",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      takePhoto();
+    }
+  })), photo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-photo-container"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: photo,
+    alt: "photo",
+    className: "pisell-camera-photo"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-photo-img-action"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-photo-img-action-item",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      onRetakePhoto();
+    }
+  }, getText('pisell-upload-camera-retake')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-camera-photo-img-action-item",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      onUsePhoto();
+    }
+  }, getText('pisell-upload-camera-use')))))));
+});
+export default PisellCamera;

package/es/components/pisellCamera/index.less

@@ -0,0 +1,120 @@
+.pisell-camera-modal {
+  .pisell-camera-container {
+    width: 100%;
+    height: 90vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    .pisell-camera-action {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 100px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .pisell-camera-action-item {
+        width: 60px;
+        height: 60px;
+        background-color: #fff;
+        border-radius: 60px;
+        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+        cursor: pointer;
+      }
+    }
+
+    .pisell-camera-photo-container {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      width: 100%;
+      height: 100%;
+
+      .pisell-camera-photo {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+    .pisell-camera-photo-img-action {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 100px;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      background-color: rgba(0, 0, 0, 0.5);
+
+      .pisell-camera-photo-img-action-item {
+        padding: 20px 60px;
+        font-size: 20px;
+        color: #fff;
+        cursor: pointer;
+      }
+    }
+
+    .pisell-camera-loading {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: transparent;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .pisell-camera-loading-text {
+        font-size: 18px;
+        color: #666;
+      }
+    }
+
+    .pisell-camera-no-camera {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: #ffffff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      background-color: #f5f5f5;
+      padding: 40px;
+      text-align: center;
+
+      .pisell-camera-no-camera-icon {
+        font-size: 64px;
+        margin-bottom: 20px;
+        opacity: 0.6;
+      }
+
+      .pisell-camera-no-camera-text {
+        font-size: 20px;
+        color: #333;
+        margin-bottom: 12px;
+        font-weight: 500;
+      }
+
+      .pisell-camera-no-camera-desc {
+        font-size: 14px;
+        color: #666;
+        line-height: 1.5;
+        max-width: 300px;
+      }
+    }
+  }
+}

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/es/components/table/Table/SelectField/index.d.ts

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

package/es/components/table/Table/fields/index.d.ts

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

package/es/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/fields/text/Show/index.d.ts

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

package/es/components/table/Table/fields/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

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;
-}) => ("order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting" | "view_mode")[];
+}) => ("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/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/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -43,7 +43,7 @@ export declare const withDataSource: <P extends unknown>(WrappedComponent: React
 }) => JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     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/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 | JSX.Element | React.ReactFragment | (() => 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 | JSX.Element | React.ReactFragment | (() => 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;
@@ -53,7 +53,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/fields/Select/index.d.ts

@@ -1,6 +1,6 @@
 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;