@pisell/materials 1.0.627 → 1.0.628

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

@@ -0,0 +1,248 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/Upload/shopUploadServe.ts
+var shopUploadServe_exports = {};
+__export(shopUploadServe_exports, {
+  dataURLtoFile: () => dataURLtoFile,
+  filetypes: () => filetypes,
+  formatFileName: () => formatFileName,
+  getImageWidth: () => getImageWidth,
+  getPolicy: () => getPolicy,
+  getPolicyFile: () => getPolicyFile,
+  getSignature: () => getSignature,
+  getVideoCover: () => getVideoCover,
+  uploadFile: () => uploadFile,
+  uploadFileAli: () => uploadFileAli,
+  uploadFileTencent: () => uploadFileTencent
+});
+module.exports = __toCommonJS(shopUploadServe_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
+var import_vod_js_sdk_v6 = __toESM(require("vod-js-sdk-v6"));
+var import_utils2 = require("../../../table/utils");
+var filetypes = {
+  "vnd.openxmlformats-officedocument.wordprocessingml.document": {
+    icon: "iconword",
+    type: "applicatio",
+    format: "docx"
+  },
+  "vnd.openxmlformats-officedocument.spreadsheetml.sheet": {
+    icon: "iconxlsx",
+    type: "applicatio",
+    format: "xlsx"
+  },
+  csv: {
+    icon: "icontxt",
+    type: "text",
+    format: "csv"
+  },
+  "vnd.ms-excel": {
+    icon: "iconxlsx",
+    type: "applicatio",
+    format: "xls"
+  },
+  msword: {
+    icon: "iconword",
+    type: "applicatio",
+    format: "doc"
+  },
+  pdf: {
+    icon: "iconpdf",
+    type: "applicatio",
+    format: "pdf"
+  }
+};
+var getPolicy = () => import_utils2.request.getRequest().get("/shop/ali-upload/policy", { type: "image" });
+var getPolicyFile = () => import_utils2.request.getRequest().get("/shop/ali-upload/policy", { type: "file" });
+var getImageWidth = async (file) => {
+  return new Promise((resolve, reject) => {
+    try {
+      let url = window.URL || window.webkitURL;
+      let img = new Image();
+      img.src = url.createObjectURL(file);
+      img.onload = function() {
+        resolve({ width: img.width, height: img.height });
+      };
+      img.onerror = function() {
+        resolve({ width: 0, height: 0 });
+      };
+    } catch (err) {
+      resolve({ width: 0, height: 0 });
+    }
+  });
+};
+var formatFileName = async (file) => {
+  var _a;
+  const imgSize = await getImageWidth(file);
+  let _suffix = ((file == null ? void 0 : file.type) || "image/png").split("/")[1];
+  let fileType = (_a = filetypes[_suffix]) == null ? void 0 : _a.format;
+  if (fileType) {
+    _suffix = fileType;
+  }
+  return (0, import_dayjs.default)().format("YYYY_MM_DD_HH_mm_ss_SSS") + "_" + (0, import_utils.getUniqueId)() + "__" + imgSize.width + "_" + imgSize.height + "__." + _suffix;
+};
+var uploadFileAli = async (file) => {
+  const policyData = await getPolicy();
+  let _name = await formatFileName(file);
+  let formData = new FormData();
+  formData.append("Content-Type", "multipart/form-data");
+  formData.append("OSSAccessKeyId", policyData.data.access_key_id);
+  formData.append("policy", policyData.data.policy);
+  formData.append("Signature", policyData.data.signature);
+  formData.append("key", policyData.data.dir + _name);
+  formData.append("success_action_status", "200");
+  formData.append("callback", policyData.data.callback);
+  formData.append("file", file);
+  return import_utils2.request.getRequest().post(policyData.data.cdn_domain, formData);
+};
+var uploadAli = async (file) => {
+  return uploadFileAli(file);
+};
+var getObjectURL = (file) => {
+  var url = null;
+  if (window.createObjectURL != void 0) {
+    url = window.createObjectURL(file);
+  } else if (window.URL != void 0) {
+    url = window.URL.createObjectURL(file);
+  } else if (window.webkitURL != void 0) {
+    url = window.webkitURL.createObjectURL(file);
+  }
+  return url;
+};
+var dataURLtoFile = (dataurl, filename) => {
+  var arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new File([u8arr], filename, { type: mime });
+};
+var getVideoCover = (file) => {
+  const url = getObjectURL(file);
+  return new Promise(function(resolve, reject) {
+    try {
+      let _video = document.createElement("video");
+      _video.setAttribute("crossOrigin", "anonymous");
+      _video.setAttribute("preload", "auto");
+      _video.muted = true;
+      _video.setAttribute("autoplay", "autoplay");
+      _video.src = url;
+      _video.addEventListener("loadeddata", function() {
+        this.currentTime = 1;
+      });
+      _video.addEventListener("seeked", function() {
+        this.width = this.videoWidth;
+        this.height = this.videoHeight;
+        if (this.width === 0 || this.height === 0) {
+          return resolve("");
+        }
+        let canvas = document.createElement("canvas");
+        let ctx = canvas.getContext("2d");
+        canvas.width = this.width;
+        canvas.height = this.height;
+        if (ctx === null)
+          return;
+        ctx.drawImage(this, 0, 0, canvas.width, canvas.height);
+        let _cover = canvas.toDataURL("image/jpeg", 1);
+        let _cover_name = file.name.split(".")[0] + "_cover.jpeg";
+        resolve(dataURLtoFile(_cover, _cover_name));
+      });
+    } catch (err) {
+      reject();
+    }
+  });
+};
+var getSignature = () => import_utils2.request.getRequest().get("/shop/core/tx-video-sign").then((res) => {
+  var _a;
+  return (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.sign;
+});
+var uploadFileTencent = async (file) => {
+  return new Promise(async (resolve, reject) => {
+    try {
+      const coverFile = await getVideoCover(file);
+      console.log(coverFile);
+      const coverData = await uploadFileAli(coverFile);
+      const tcVod = new import_vod_js_sdk_v6.default({
+        // 传入鉴权函数
+        getSignature
+      });
+      const uploader = tcVod.upload({
+        mediaFile: file,
+        mediaName: file.name
+      });
+      uploader.on("media_upload", (info) => {
+      });
+      uploader.done().then((doneResult) => {
+        var _a, _b;
+        let res = {
+          status: true,
+          data: {
+            ...doneResult,
+            cover: {
+              ...doneResult == null ? void 0 : doneResult.cover,
+              url: (_a = coverData == null ? void 0 : coverData.data) == null ? void 0 : _a.url
+            },
+            url: (_b = doneResult == null ? void 0 : doneResult.video) == null ? void 0 : _b.url
+          }
+        };
+        return resolve(res);
+      }).catch((err) => {
+        return reject(err);
+      });
+    } catch (err) {
+      return reject(err);
+    }
+  });
+};
+var uploadTencent = async (file) => {
+  const res = await uploadFileTencent(file);
+  return res;
+};
+var uploadFile = (file) => {
+  if (file.type.startsWith("image")) {
+    return uploadAli(file);
+  } else if (file.type.startsWith("video")) {
+    return uploadTencent(file);
+  } else {
+    return uploadAli(file);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dataURLtoFile,
+  filetypes,
+  formatFileName,
+  getImageWidth,
+  getPolicy,
+  getPolicyFile,
+  getSignature,
+  getVideoCover,
+  uploadFile,
+  uploadFileAli,
+  uploadFileTencent
+});

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

@@ -15,6 +15,7 @@ export interface UploadProps {
     maxCount?: number;
     multiple?: boolean;
     presetType?: string[];
+    presetTypeString?: string[];
     customType?: string[];
     enablePresetType?: boolean;
     enableCustomType?: boolean;

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

@@ -15,3 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
+export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;

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

@@ -24,6 +24,7 @@ __export(utils_exports, {
   createMultilingualFileList: () => createMultilingualFileList,
   genFileListByString: () => genFileListByString,
   generateUid: () => generateUid,
+  getBaseTime: () => getBaseTime,
   getDefaultFileList: () => getDefaultFileList,
   getFileMetadataParams: () => getFileMetadataParams,
   getFileName: () => getFileName,
@@ -70,15 +71,19 @@ var checkFileCount = ({
   return { success: true };
 };
 var createVideoMetadata = async (file) => {
-  return new Promise((resolve) => {
+  return new Promise((resolve, reject) => {
     const video = document.createElement("video");
     const canvas = document.createElement("canvas");
     video.preload = "metadata";
     let hasMetadata = false;
     let hasSeeked = false;
     const tryResolve = () => {
-      if (!hasMetadata || !hasSeeked)
+      if (!hasMetadata || !hasSeeked) {
+        reject();
+        console.log("没有元数据或没有seeked");
         return;
+      }
+      ;
       canvas.width = video.videoWidth;
       canvas.height = video.videoHeight;
       const ctx = canvas.getContext("2d");
@@ -257,6 +262,17 @@ var isValueEqual = (value, fileListValue) => {
   }
   return value === fileListValue;
 };
+var getBaseTime = (size) => {
+  const KB = 1024;
+  const MB = KB * 1024;
+  if (size < MB)
+    return 1e3;
+  if (size < 5 * MB)
+    return 2e3;
+  if (size < 20 * MB)
+    return 4e3;
+  return 8e3;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   checkFileCount,
@@ -264,6 +280,7 @@ var isValueEqual = (value, fileListValue) => {
   createMultilingualFileList,
   genFileListByString,
   generateUid,
+  getBaseTime,
   getDefaultFileList,
   getFileMetadataParams,
   getFileName,

package/lib/components/dataSourceComponents/hooks/usePlatform.d.ts

@@ -0,0 +1,3 @@
+declare const usePlatform: () => any;
+declare const useIsShop: () => boolean;
+export { usePlatform, useIsShop };

package/lib/components/dataSourceComponents/hooks/usePlatform.js

@@ -0,0 +1,51 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/hooks/usePlatform.ts
+var usePlatform_exports = {};
+__export(usePlatform_exports, {
+  useIsShop: () => useIsShop,
+  usePlatform: () => usePlatform
+});
+module.exports = __toCommonJS(usePlatform_exports);
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var usePlatform = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const platform = (_b = (_a = context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.platform;
+  return platform;
+};
+var useIsShop = () => {
+  const platform = usePlatform();
+  return platform === "shop";
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsShop,
+  usePlatform
+});

package/lowcode/form-item-upload/meta.ts

@@ -182,6 +182,17 @@ export default {
           setter: {
             componentName: 'PisellMediaPresetTypeSetter',
           },
+          extraProps: {
+            setValue(target: any, values: any) {
+              const { value, options } = values;
+              const presetTypeString: any[] = [];
+              options.forEach((item: any) => {
+                presetTypeString.push(...(item.extensions || []).map((item: any) => `.${item}`));
+              });
+              target.getProps().setPropValue('presetTypeString', presetTypeString);
+              target.getProps().setPropValue('presetType', value);
+            },
+          },
         },
         {
           name: 'enableCustomType',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.627",
+  "version": "1.0.628",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -69,9 +69,10 @@
     "libphonenumber-js": "^1.11.17",
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
-    "@pisell/date-picker": "1.0.115",
+    "vod-js-sdk-v6": "^1.4.11",
     "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/date-picker": "1.0.115"
   },
   "peerDependencies": {
     "react": "^18.0.0",