@pisell/materials 1.0.668 → 1.0.670

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

@@ -0,0 +1,97 @@
+import React from 'react';
+import { DataSourceTableProps } from '../type';
+import { OperationItem } from '../type';
+interface UseTablePropsProps {
+    data: any;
+    originProps: DataSourceTableProps;
+    openDrawer: (type: OperationItem) => void;
+    closeDrawer: () => void;
+    refreshData: () => void;
+    handleFilterChange: (changedFields: any, allFields: any) => void;
+    tableRef: any;
+}
+/**
+ * 处理table的props
+ * 转换title
+ * @param props
+ * @returns
+ */
+declare const useTableProps: (props: UseTablePropsProps) => {
+    title: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    pagination: {
+        total: number;
+        current: number;
+        pageSize: number;
+        size: string;
+        showSizeChanger: boolean;
+    };
+    columns: import("./useColumns").Column[];
+    subTitle: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
+    buttons: any[] | null;
+    filter: JSX.Element | null;
+    onRow: (record: any) => any;
+    actionButtons: any[] | null;
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    operation?: {
+        show: boolean;
+        title: string; /**
+         * 处理table的props
+         * 转换title
+         * @param props
+         * @returns
+         */
+        width: number;
+        align: "center" | "left" | "right";
+        fixed: false | "left" | "right";
+        type: "button" | "link";
+        items: OperationItem[];
+    } | undefined;
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    } | undefined;
+    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    } | undefined;
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: "modal" | "drawer";
+        openContentSize: "large" | "middle" | "small";
+        openTitle: string;
+        key: string;
+    } | undefined;
+    filterBy?: Record<string, any> | undefined;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    } | undefined;
+    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
+    extraParams?: {
+        list?: Record<string, any> | undefined;
+        get?: Record<string, any> | undefined;
+        update?: Record<string, any> | undefined;
+        create?: Record<string, any> | undefined;
+        destroy?: Record<string, any> | undefined;
+    } | undefined;
+};
+export default useTableProps;

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

@@ -66,8 +66,7 @@ var useTableProps = (props) => {
     search,
     clickToDetail,
     onRow: propsOnRow,
-    filterBy,
-    onDeleteFinish
+    filterBy
   } = originProps;
   const {
     items,
@@ -130,7 +129,6 @@ var useTableProps = (props) => {
           } else {
             await (destroy == null ? void 0 : destroy.runAsync(record.id));
           }
-          onDeleteFinish == null ? void 0 : onDeleteFinish(record);
           refreshData();
           (0, import_pisellToast.default)({
             content: (0, import_locales.getText)("pisell-action-delete-success")

package/lib/components/dataSourceComponents/fields/DatePicker/WithMode.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DatePickerProps } from 'antd';
+declare const DatePickerWithMode: import("react").FC<DatePickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default DatePickerWithMode;

package/lib/components/dataSourceComponents/fields/Input/WithMode.js

@@ -34,13 +34,21 @@ __export(WithMode_exports, {
 module.exports = __toCommonJS(WithMode_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_library = require("@zxing/library");
 var import_iconfont = __toESM(require("./../../../../components/iconfont"));
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
-var import_WithMode = require("./WithMode.less");
+var import_pisellQRScanner = __toESM(require("../../../../components/pisellQRScanner"));
 var Input = (props) => {
-  const { enableQRScanner, value: propValue, onChange, ...restProps } = props;
+  const {
+    enableQRScanner,
+    value: propValue,
+    onChange,
+    renderMode,
+    // 明确解构，避免通过restProps传递
+    innerRef,
+    // 明确解构
+    ...restProps
+  } = props;
   const [inputValue, setInputValue] = (0, import_react.useState)(propValue || "");
   (0, import_react.useEffect)(() => {
     if (propValue !== void 0 && propValue !== inputValue) {
@@ -48,10 +56,6 @@ var Input = (props) => {
     }
   }, [propValue]);
   const [scanVisible, setScanVisible] = (0, import_react.useState)(false);
-  const [uploading, setUploading] = (0, import_react.useState)(false);
-  const videoRef = (0, import_react.useRef)(null);
-  const fileInputRef = (0, import_react.useRef)(null);
-  const codeReaderRef = (0, import_react.useRef)(null);
   const setValue = (value) => {
     console.log("设置输入框值:", value);
     setInputValue(value);
@@ -81,229 +85,11 @@ var Input = (props) => {
   const handleScanClick = () => {
     setScanVisible(true);
   };
+  const handleScanComplete = (value) => {
+    setValue(value);
+  };
   const handleScanClose = () => {
-    var _a;
     setScanVisible(false);
-    (_a = codeReaderRef.current) == null ? void 0 : _a.reset();
-    if (videoRef.current && videoRef.current.srcObject) {
-      const stream = videoRef.current.srcObject;
-      const tracks = stream.getTracks();
-      tracks.forEach((track) => {
-        track.stop();
-      });
-      videoRef.current.srcObject = null;
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    return () => {
-      var _a;
-      (_a = codeReaderRef.current) == null ? void 0 : _a.reset();
-    };
-  }, []);
-  const handleUploadClick = () => {
-    var _a;
-    (_a = fileInputRef.current) == null ? void 0 : _a.click();
-  };
-  const handleFileChange = async (event) => {
-    const files = event.target.files;
-    if (!files || files.length === 0) return;
-    setUploading(true);
-    try {
-      const file = files[0];
-      if (!file.type.startsWith("image/")) {
-        import_antd.message.error("请上传图片文件");
-        setUploading(false);
-        return;
-      }
-      const reader = new FileReader();
-      reader.onload = async (e) => {
-        if (!e.target || !e.target.result) return;
-        try {
-          const img = document.createElement("img");
-          img.style.position = "absolute";
-          img.style.top = "-9999px";
-          img.style.left = "-9999px";
-          const canvas = document.createElement("canvas");
-          canvas.style.position = "absolute";
-          canvas.style.top = "-9999px";
-          canvas.style.left = "-9999px";
-          document.body.appendChild(img);
-          document.body.appendChild(canvas);
-          await new Promise((resolve, reject) => {
-            var _a;
-            img.onload = resolve;
-            img.onerror = reject;
-            img.src = ((_a = e.target) == null ? void 0 : _a.result) || "";
-          });
-          try {
-            const hints = /* @__PURE__ */ new Map();
-            hints.set(2, true);
-            if (!codeReaderRef.current) {
-              codeReaderRef.current = new import_library.BrowserMultiFormatReader(hints, 500);
-            }
-            let result;
-            try {
-              result = await codeReaderRef.current.decodeFromImageElement(img);
-            } catch (directError) {
-              console.log("直接解码失败，尝试预处理图像...");
-              const width = img.naturalWidth || img.width;
-              const height = img.naturalHeight || img.height;
-              canvas.width = width;
-              canvas.height = height;
-              const ctx = canvas.getContext("2d");
-              if (!ctx) throw new Error("无法创建Canvas上下文");
-              ctx.drawImage(img, 0, 0, width, height);
-              const imageData = ctx.getImageData(0, 0, width, height);
-              const data = imageData.data;
-              for (let i = 0; i < data.length; i += 4) {
-                data[i] = data[i] < 128 ? 0 : 255;
-                data[i + 1] = data[i + 1] < 128 ? 0 : 255;
-                data[i + 2] = data[i + 2] < 128 ? 0 : 255;
-              }
-              ctx.putImageData(imageData, 0, 0);
-              try {
-                const dataUrl = canvas.toDataURL("image/png");
-                const canvasImg = document.createElement("img");
-                document.body.appendChild(canvasImg);
-                await new Promise((resolve, reject) => {
-                  canvasImg.onload = resolve;
-                  canvasImg.onerror = reject;
-                  canvasImg.src = dataUrl;
-                });
-                result = await codeReaderRef.current.decodeFromImageElement(canvasImg);
-                document.body.removeChild(canvasImg);
-              } catch (canvasError) {
-                console.log("Canvas增强解码失败，尝试最后方法...");
-                const newImg = document.createElement("img");
-                document.body.appendChild(newImg);
-                await new Promise((resolve, reject) => {
-                  newImg.onload = resolve;
-                  newImg.onerror = reject;
-                  newImg.src = canvas.toDataURL("image/png");
-                });
-                result = await codeReaderRef.current.decodeFromImageElement(newImg);
-                document.body.removeChild(newImg);
-              }
-            }
-            if (result && result.getText) {
-              const text = result.getText();
-              setValue(text);
-              handleScanClose();
-            } else {
-              throw new Error("未能获取有效的二维码文本");
-            }
-          } catch (decodeError) {
-            console.error("二维码识别失败", decodeError);
-            import_antd.message.error("无法识别二维码，请上传清晰的二维码图片");
-          } finally {
-            if (document.body.contains(img)) {
-              document.body.removeChild(img);
-            }
-            if (document.body.contains(canvas)) {
-              document.body.removeChild(canvas);
-            }
-          }
-        } catch (imgError) {
-          console.error("图片加载失败", imgError);
-          import_antd.message.error("图片加载失败");
-        } finally {
-          setUploading(false);
-          if (fileInputRef.current) {
-            fileInputRef.current.value = "";
-          }
-        }
-      };
-      reader.onerror = () => {
-        import_antd.message.error("读取文件失败");
-        setUploading(false);
-      };
-      reader.readAsDataURL(file);
-    } catch (error) {
-      console.error("处理图片出错", error);
-      setUploading(false);
-      import_antd.message.error("处理图片时出错");
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    if (scanVisible && videoRef.current) {
-      initCamera();
-    }
-  }, [scanVisible]);
-  const initCamera = async () => {
-    try {
-      if (codeReaderRef.current) {
-        try {
-          codeReaderRef.current.reset();
-        } catch (err) {
-          console.log("重置之前的实例出错", err);
-        }
-      }
-      codeReaderRef.current = new import_library.BrowserMultiFormatReader(void 0, 100);
-      console.log("创建二维码阅读器实例成功");
-      const constraints = {
-        video: {
-          facingMode: "environment"
-        }
-      };
-      console.log("正在请求摄像头权限...");
-      const stream = await navigator.mediaDevices.getUserMedia(constraints);
-      console.log("获取摄像头流成功");
-      if (videoRef.current) {
-        videoRef.current.srcObject = stream;
-        await new Promise((resolve) => {
-          if (!videoRef.current) {
-            resolve();
-            return;
-          }
-          videoRef.current.onloadedmetadata = () => {
-            if (!videoRef.current) return;
-            console.log("视频元数据加载完成");
-            videoRef.current.play().then(() => {
-              console.log("视频开始播放成功");
-              resolve();
-            }).catch((err) => {
-              console.error("视频播放失败", err);
-              import_antd.message.error("摄像头播放失败");
-              resolve();
-            });
-          };
-          setTimeout(resolve, 3e3);
-        });
-        console.log("准备开始扫描...");
-        if (codeReaderRef.current && videoRef.current) {
-          try {
-            codeReaderRef.current.decodeFromVideoDevice(
-              null,
-              videoRef.current,
-              (result, error) => {
-                if (result) {
-                  const text = result.getText();
-                  console.log("扫描成功:", text);
-                  try {
-                    setValue(text);
-                    setTimeout(() => handleScanClose(), 500);
-                  } catch (e) {
-                    console.error("设置值出错", e);
-                    handleScanClose();
-                  }
-                }
-              }
-            );
-            console.log("扫描器初始化完成，等待二维码...");
-          } catch (e) {
-            console.error("初始化扫描器失败", e);
-            import_antd.message.error("初始化二维码扫描失败");
-            handleScanClose();
-          }
-        }
-      } else {
-        throw new Error("视频元素不存在");
-      }
-    } catch (err) {
-      console.error("摄像头初始化错误", err);
-      import_antd.message.error("无法启动摄像头，请确保已授权");
-      handleScanClose();
-    }
   };
   const scanSuffix = enableQRScanner ? /* @__PURE__ */ import_react.default.createElement(
     import_iconfont.default,
@@ -314,108 +100,26 @@ var Input = (props) => {
       onClick: handleScanClick
     }
   ) : null;
-  const fullscreenStyle = {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    backgroundColor: "#000",
-    zIndex: 9999,
-    overflow: "hidden",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  };
-  const videoContainerStyle = {
-    position: "relative",
-    width: "100%",
-    height: "100%",
-    overflow: "hidden"
-  };
-  const videoStyle = {
-    width: "100%",
-    height: "100%",
-    objectFit: "cover"
-  };
-  const closeButtonStyle = {
-    position: "fixed",
-    top: 20,
-    left: 20,
-    zIndex: 9999,
-    fontSize: 24,
-    color: "#fff",
-    cursor: "pointer",
-    backgroundColor: "rgba(255, 255, 255, 0.15)",
-    width: 44,
-    height: 44,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "50%"
-  };
-  const uploadButtonStyle = {
-    position: "fixed",
-    right: 30,
-    bottom: 60,
-    width: 88,
-    height: 88,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 9999,
-    fontSize: 48,
-    color: "#fff",
-    backgroundColor: "rgba(255, 255, 255, 0.15)",
-    borderRadius: "50%",
-    cursor: "pointer"
-  };
+  if (renderMode === "view" || renderMode === "tableView") {
+    return /* @__PURE__ */ import_react.default.createElement(import_ReadPretty.default, { ...props });
+  }
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       ...restProps,
-      ref: props.innerRef || void 0,
+      ref: innerRef || void 0,
       addonAfter: scanSuffix,
       value: inputValue,
       onChange: handleInputChange
     }
-  ), scanVisible && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-fullscreen", style: fullscreenStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: videoContainerStyle }, /* @__PURE__ */ import_react.default.createElement(
-    "video",
-    {
-      ref: videoRef,
-      className: "scan-video",
-      style: videoStyle,
-      autoPlay: true,
-      playsInline: true,
-      muted: true
-    }
-  )), /* @__PURE__ */ import_react.default.createElement(
-    import_iconfont.default,
-    {
-      type: "pisell2-arrow-left",
-      className: "scan-close-left",
-      style: closeButtonStyle,
-      onClick: handleScanClose
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_iconfont.default,
-    {
-      type: "pisell2-image-01",
-      className: "scan-upload",
-      style: uploadButtonStyle,
-      onClick: handleUploadClick
-    }
   ), /* @__PURE__ */ import_react.default.createElement(
-    "input",
+    import_pisellQRScanner.default,
     {
-      type: "file",
-      ref: fileInputRef,
-      onChange: handleFileChange,
-      accept: "image/*",
-      className: "scan-file-input",
-      style: { display: "none" }
+      visible: scanVisible,
+      onClose: handleScanClose,
+      onScan: handleScanComplete
     }
-  )));
+  ));
 };
 var InputWithMode = (0, import_utils.withMode)(Input, import_ReadPretty.default);
 var WithMode_default = InputWithMode;

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/dataSourceComponents/fields/Input.Mobile/serve.ts
@@ -33,11 +23,8 @@ __export(serve_exports, {
   useCountries: () => useCountries
 });
 module.exports = __toCommonJS(serve_exports);
-var import_react = require("react");
 var import_ahooks = require("ahooks");
 var import_utils = require("../../../table/utils");
-var import_usePlatform = require("../../hooks/usePlatform");
-var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var getCountryDataList = async () => {
   const { data } = await import_utils.request.getRequest().get(`/country:list`, {}, {
     isNocobase: true,
@@ -52,35 +39,14 @@ var getCountryDataList = async () => {
   }));
 };
 var useCountries = () => {
-  const isShop = (0, import_usePlatform.useIsShop)();
-  const { appHelper } = (0, import_useEngineContext.default)();
-  const { data, run } = (0, import_ahooks.useRequest)(getCountryDataList, {
+  const { data } = (0, import_ahooks.useRequest)(getCountryDataList, {
     cacheKey: "phone-countries",
     staleTime: 1e3 * 60 * 5,
     // 5分钟后数据过期
-    cacheTime: 1e3 * 60 * 60,
+    cacheTime: 1e3 * 60 * 60
     // 1小时后清除缓存
-    manual: true
   });
-  (0, import_react.useEffect)(() => {
-    if (!isShop) {
-      run();
-    }
-  }, [isShop]);
-  const currentData = (0, import_react.useMemo)(() => {
-    var _a, _b, _c, _d;
-    if (isShop) {
-      const codeList = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.store) == null ? void 0 : _b.getState()) == null ? void 0 : _c.global) == null ? void 0 : _d.codeList;
-      if (codeList) {
-        return codeList.map((item) => ({
-          ...item,
-          prefix: `+${item.calling_code}`
-        }));
-      }
-    }
-    return data;
-  }, [isShop, data]);
-  return { data: currentData };
+  return { data };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/components/dataSourceComponents/fields/Input.Phone/serve.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/dataSourceComponents/fields/Input.Phone/serve.ts
@@ -33,11 +23,8 @@ __export(serve_exports, {
   useCountries: () => useCountries
 });
 module.exports = __toCommonJS(serve_exports);
-var import_react = require("react");
 var import_ahooks = require("ahooks");
 var import_utils = require("../../../table/utils");
-var import_usePlatform = require("../../hooks/usePlatform");
-var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var getCountryDataList = async () => {
   const { data } = await import_utils.request.getRequest().get(`/country:list`, {}, {
     isNocobase: true,
@@ -52,35 +39,14 @@ var getCountryDataList = async () => {
   }));
 };
 var useCountries = () => {
-  const isShop = (0, import_usePlatform.useIsShop)();
-  const { appHelper } = (0, import_useEngineContext.default)();
-  const { data, run } = (0, import_ahooks.useRequest)(getCountryDataList, {
+  const { data } = (0, import_ahooks.useRequest)(getCountryDataList, {
     cacheKey: "phone-countries",
     staleTime: 1e3 * 60 * 5,
     // 5分钟后数据过期
-    cacheTime: 1e3 * 60 * 60,
+    cacheTime: 1e3 * 60 * 60
     // 1小时后清除缓存
-    manual: true
   });
-  (0, import_react.useEffect)(() => {
-    if (!isShop) {
-      run();
-    }
-  }, [isShop]);
-  const currentData = (0, import_react.useMemo)(() => {
-    var _a, _b, _c, _d;
-    if (isShop) {
-      const codeList = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.store) == null ? void 0 : _b.getState()) == null ? void 0 : _c.global) == null ? void 0 : _d.codeList;
-      if (codeList) {
-        return codeList.map((item) => ({
-          ...item,
-          prefix: `+${item.calling_code}`
-        }));
-      }
-    }
-    return data;
-  }, [isShop, data]);
-  return { data: currentData };
+  return { data };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { UploadProps } from './type';
+import './index.less';
+declare const BaseUpload: React.FC<UploadProps>;
+export default BaseUpload;