mix-public 1.1.6 → 1.1.8

package/README.md

@@ -5,8 +5,8 @@
 
 - mixAPP依赖，可用于web/app开发
 
-
 ### 安装方法
+
   ```javascript
     // npm
     npm i mix-public
@@ -15,7 +15,9 @@
     // pnpm
     pnpm i mix-public
   ```
+
 ### 初始化方式
+
   ```javascript
     // 布局使用(入口文件)
     import mixRender from "mix-public"
@@ -39,6 +41,7 @@
   ```
 
 ### 生命周期
+
   ```javascript
     // 页面加载时
     OnloadPage((op)=>{
@@ -53,21 +56,22 @@
   ```
 
 ### 方法使用方式
+
   ```javascript
 
     // 调用类型
     //1.直接调用类
-    mixPublicLib.putCookieInfo('key','value')
+    mixPublicLib.PutCookieInfo('key','value')
     //2.同步返回类
-    const result = mixPublicLib. getCookieInfo('key')
+    const result = mixPublicLib.GetCookieInfo('key')
     //1.异步返回类
     mixPublicLib.UploadPhoto({PhotoCount:1, isCut:true, Quality:1}).then(file=>{
       console.log(file)
     })
   ```
 
-  
 ### 更新记录
+
 - v1.0.0 项目初始化
 - v1.0.1 调整文档调用方式
 - v1.0.2 调整publicLib调用方式(区分类app样式及单公共调用方法)
@@ -84,4 +88,6 @@
 - v1.1.3 方法包剩余调用方式整体调整
 - v1.1.4 goto 方法参数调整
 - v1.1.5 部分方法网页版完善/优化方法样式
-- v1.1.6 添加APPpop页面
+- v1.1.6 添加APPpop页面
+- v1.1.7 添加文档模板/部分 web 实现添加
+- v1.1.8 添加核心方法TS配置，部分方法修复/部分方法吗规范统一

package/customMethod/cachPictureForWeb.ts

@@ -0,0 +1,67 @@
+interface IcachPic {
+    Picurl: string;
+    Domid: string;
+}
+import md5 from "../resource/md5.js"
+export default (op: IcachPic): void => {
+    var indexedDB =
+        window.indexedDB ||
+        window.mozIndexedDB ||
+        window.webkitIndexedDB ||
+        window.msIndexedDB
+    var dataBase: any = null
+    dataBase = indexedDB.open("MIXAPPCachePicture", 1)
+    dataBase.onupgradeneeded = function (e: any) {
+        var active = dataBase.result
+        var objectDb = active.createObjectStore("seasidecity", {
+            keyPath: "id",
+        })
+        objectDb.createIndex("index_base64", "base64", {
+            unique: false,
+        })
+    }
+    dataBase.onsuccess = function (e: any) {
+        var transaction = dataBase.result.transaction(["seasidecity"])
+        var objectStore = transaction.objectStore("seasidecity")
+        var request = objectStore.get(md5(op.Picurl))
+        request.onerror = function (event: any) { }
+        request.onsuccess = function (event: any) {
+            if (request.result) {
+                setTimeout(function () {
+                    const Domid: any = document.getElementById(op.Domid)
+                    if (Domid)
+                        Domid.src = request.result.base64
+                }, 300)
+            } else {
+                setTimeout(function () {
+                    const Domid: any = document.getElementById(op.Domid)
+                    if (Domid)
+                        Domid.src = op.Picurl
+                }, 300)
+                var img = document.createElement("img")
+                img.setAttribute("crossOrigin", "anonymous")
+                img.src = op.Picurl
+                img.onload = function () {
+                    var canvas = document.createElement("canvas")
+                    canvas.width = img.width
+                    canvas.height = img.height
+                    var ctx: any = canvas.getContext("2d")
+                    ctx.drawImage(img, 0, 0, img.width, img.height)
+                    var dataURL = canvas.toDataURL("image/png")
+
+                    var active = dataBase.result
+                    var data = active.transaction(["seasidecity"], "readwrite")
+                    var objectDb = data.objectStore("seasidecity")
+                    var request = objectDb.put({
+                        id: md5(op.Picurl),
+                        base64: dataURL,
+                    })
+                    request.onerror = function (e: any) { }
+
+                    data.oncomplete = function (e: any) { }
+                }
+            }
+        }
+    }
+    dataBase.onerror = function (e: any) { }
+}

package/customMethod/cookie.js

@@ -170,7 +170,7 @@ const cookie = {
   },
 }
 
-export const Cookies =  {
+export const Cookies = {
   get: function (
     name,
     type = 1,

package/customMethod/cryptoJS.js

@@ -2,7 +2,7 @@
  * @Author: Gui
  * @Date: 2023-07-04 11:59:05
  * @LastEditors: guicheng 1625811865@qq.com
- * @LastEditTime: 2026-02-05 15:23:27
+ * @LastEditTime: 2026-03-03 11:17:23
  * @Description: kxs files
  * @filePath:
  */

package/customMethod/{imageFormat.js → imageFormat.ts}

@@ -1,26 +1,27 @@
 import SimpleCrop from "../imageCut/SimpleCrop.js"
 import jsQR from "../resource/jsQR.js"
 // 文件下载
-function downloadBlob(blob) {
+function downloadBlob(blob: Blob | MediaSource) {
   // 1. 创建下载链接
   const url = window.URL.createObjectURL(blob);
   const a = document.createElement('a');
   a.href = url;
   a.download = 'mix_app_image_' + new Date().getTime();
-  
+
   // 2. 触发下载
   document.body.appendChild(a);
   a.click();
-  
+
   // 3. 清理
   document.body.removeChild(a);
   window.URL.revokeObjectURL(url);
 }
 
 // base64转换为blob
-const dataURLtoBlob = function (base64) {
-  var arr = base64.split(",");
-  var mime = arr[0].match(/:(.*?);/)[1];
+const dataURLtoBlob = function (base64: string) {
+  var arr = base64.split(",") || [];
+  var mimeMatch = arr[0].match(/:(.*?);/);
+  var mime = mimeMatch ? mimeMatch[1] : '';
   var bstr = atob(arr[1]);
   var n = bstr.length;
   var u8arr = new Uint8Array(n);
@@ -31,7 +32,7 @@ const dataURLtoBlob = function (base64) {
 };
 
 // 获取文件，返回file对象
-const getImgFile = async (imgData, type = "image/png", fileName = "mixImage.png")=> {
+const getImgFile = async (imgData: string | object, type: string = "image/png", fileName: string = "mixImage.png") => {
   if (typeof imgData === "object") {
     return Promise.resolve(imgData)
   } else {
@@ -58,7 +59,7 @@ const getImgFile = async (imgData, type = "image/png", fileName = "mixImage.png"
 }
 
 // 非裁剪压缩
-function compressImage(src, quality = 1, outputFormat = "image/jpeg") {
+function compressImage(src: any, quality = 1, outputFormat = "image/jpeg") {
   return new Promise((resolve, reject) => {
     const type = Object.prototype.toString.call(src);
     const image = new Image();
@@ -73,7 +74,7 @@ function compressImage(src, quality = 1, outputFormat = "image/jpeg") {
       canvas.width = width;
       canvas.height = height;
       const ctx = canvas.getContext("2d");
-      ctx.drawImage(image, 0, 0, width, height);
+      ctx?.drawImage(image, 0, 0, width, height);
       resolve(dataURLtoBlob(canvas.toDataURL(outputFormat, quality)));
     };
     image.onerror = reject;
@@ -81,7 +82,7 @@ function compressImage(src, quality = 1, outputFormat = "image/jpeg") {
 }
 
 // 保存在线图片到浏览器下载
-export async function saveOnlineImage(imageUrl) {
+export async function saveOnlineImage(imageUrl: string) {
   try {
     // 1. 获取图片数据
     const response = await fetch(imageUrl);
@@ -98,7 +99,7 @@ export async function saveOnlineImage(imageUrl) {
 }
 
 // 保存base64到浏览器下载
-export function savebase64Image(base64) {
+export function savebase64Image(base64: string) {
   try {
     // 1. 转 base64为blob
     var blob = dataURLtoBlob(base64);
@@ -108,12 +109,17 @@ export function savebase64Image(base64) {
     console.error('保存图片失败:', error);
   }
 }
+interface imageCropType {
+  file: any;
+  width: number;
+  height: number;
+}
 
 function imageCrop({
   width,
   height,
   file,
-}) {
+}: imageCropType) {
   return new Promise((resolve, reject) => {
     new SimpleCrop({
       src: file,
@@ -122,8 +128,8 @@ function imageCrop({
         height: height,
       },
       cropSizePercent: 1,
-      cropCallback: function (resultCanvas) {
-        resultCanvas.toBlob((fileBlob) => {
+      cropCallback: function (resultCanvas: any) {
+        resultCanvas.toBlob((fileBlob: any) => {
           if (!fileBlob) {
             reject(new Error("裁切失败"))
             return
@@ -148,62 +154,68 @@ function imageCrop({
 *   Quality // 压缩质量 0-1
 * }
 */
-export async function formatImage(imgPath, formatConfig){
-    return new Promise((resolve, reject) => { 
-        if(formatConfig.isCut){
-            getImgFile(imgPath).then(async(file)=>{
-                // 使用createImageBitmap解码图片
-                const bitmap = await createImageBitmap(file);
-                const width = Math.floor(bitmap.width * formatConfig.Quality)
-                const height = Math.floor(bitmap.height * formatConfig.Quality)
-                imageCrop({file,width,height}).then(file=>{
-                    resolve(file)
-                }).catch(err=>{
-                  reject(err)
-                })
-            })
-        }else{
-            compressImage(imgPath, formatConfig.Quality).then(blob=>{
-              resolve(new File([blob], "mix_app_image.png", { type: blob.type }))
-            }).catch(err=>{
-              reject(err)
-            })
-        }
-    })
+interface formatImageType {
+  isCut?: boolean;
+  Quality?: number;
 }
-
-export async function formatVideo(imgPath){
-    return new Promise((resolve, reject) => { 
-        getImgFile(imgPath, "video/mp4", "mixVide.mp4").then(async(file)=>{
+export async function formatImage(imgPath: any, formatConfig: formatImageType = { isCut: false, Quality: 1 }) {
+  return new Promise((resolve, reject) => {
+    const Quality: number = formatConfig.Quality ?? 1
+    if (formatConfig.isCut) {
+      getImgFile(imgPath).then(async (file: any) => {
+        // 使用createImageBitmap解码图片
+        const bitmap = await createImageBitmap(file);
+        const width = Math.floor(bitmap.width * Quality)
+        const height = Math.floor(bitmap.height * Quality)
+        imageCrop({ file, width, height }).then(file => {
           resolve(file)
+        }).catch(err => {
+          reject(err)
+        })
+      })
+    } else {
+      compressImage(imgPath, Quality).then((blob: any) => {
+        resolve(new File([blob], "mix_app_image.png", { type: blob.type }))
+      }).catch(err => {
+        reject(err)
       })
+    }
+  })
+}
+
+export async function formatVideo(imgPath: any) {
+  return new Promise((resolve, reject) => {
+    getImgFile(imgPath, "video/mp4", "mixVide.mp4").then(async (file) => {
+      resolve(file)
     })
+  })
 }
 
-export function scanQrcode(imgPath){
+export function scanQrcode(imgPath: any) {
   return new Promise((resolve, reject) => {
-    getImgFile(imgPath).then(file=>{ 
+    getImgFile(imgPath).then((file: any) => {
       const reader = new FileReader();
-      reader.onload = function(event) {
-          const img = new Image();
-          img.onload = function() {
-              const canvas = document.createElement('canvas');
-              const ctx = canvas.getContext('2d');
-              canvas.width = img.width;
-              canvas.height = img.height;
-              ctx.drawImage(img, 0, 0);
-              const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-              const code = jsQR(imageData.data, imageData.width, imageData.height);
-              if (code) {
-                resolve(code.data)
-              } else {
-                resolve("")
-              }
-          };
-          img.onerror = function (event) {
-              reject(event)
-          };
-          img.src = event.target.result;
+      reader.onload = function (event) {
+        const result: any = event.target?.result;
+        const img = new Image();
+        img.onload = function () {
+          const canvas = document.createElement('canvas');
+          const ctx = canvas.getContext('2d');
+          canvas.width = img.width;
+          canvas.height = img.height;
+          ctx?.drawImage(img, 0, 0);
+          const imageData: any = ctx?.getImageData(0, 0, canvas.width, canvas.height);
+          const code = jsQR(imageData.data, imageData.width, imageData.height);
+          if (code) {
+            resolve(code.data)
+          } else {
+            resolve("")
+          }
+        };
+        img.onerror = function (event) {
+          reject(event)
+        };
+        img.src = result;
       };
       reader.readAsDataURL(file);
     })

package/customMethod/{pageParams.js → pageParams.ts}

@@ -1,9 +1,9 @@
 /* 获取url上的query参数以对象的方式返回 */
-function getUrlQuery(url) {
+function getUrlQuery(url: string): any {
   const urlSearch = url.replace(/^[^?=]*\?/g, "")
-  const obj = {}
+  const obj: any = {}
   const searchURL = new URLSearchParams(urlSearch)
-  searchURL.forEach((value, key) => {
+  searchURL.forEach((value: any, key: any) => {
     obj[key] = value
   })
   return obj

package/customMethod/publicLogic.ts

@@ -0,0 +1,168 @@
+declare global {
+  interface Window {
+    [key: string]: any; // 允许通过字符串索引访问任意属性
+  }
+}
+declare const Func: {
+  [key: string]: (params: string) => any;
+};
+
+export function mixJsonParse(str: string) {
+  try {
+    return JSON.parse(str)
+  } catch (e) {
+    return str
+  }
+}
+export function mixJsonStringify(val: object | any) {
+  try {
+    return JSON.stringify(val)
+  } catch (e) {
+    return val
+  }
+}
+export function isPromise(obj: object | Promise<any>): boolean {
+  return obj && Object.prototype.toString.call(obj) === '[object Promise]';
+}
+interface callFunction {
+  (params: any): any | void;
+}
+
+interface callMethodType {
+  environment: { isWeb: boolean, isHarmony: boolean, isAndroid: boolean, isIOS: boolean };
+  params: object;
+  methodName: string;
+  webMethod?: callFunction | null | any;
+  androidMethod?: callFunction | null | any;
+  iosMethod?: callFunction | null | any;
+}
+interface asyncReturnMethodType {
+  callBackMethod?: callFunction | null | any;
+}
+interface syncReturnMethod {
+  singleField?: boolean;
+  asyncReturn?: boolean;
+}
+export const asyncReturnMethod = (op: callMethodType & asyncReturnMethodType): Promise<any> => {
+  var environment = {
+    isWeb: op?.environment?.isWeb || false,
+    isHarmony: op?.environment?.isHarmony || false,
+    isAndroid: op?.environment?.isAndroid || false,
+    isIOS: op?.environment?.isIOS || false
+  }
+  var webMethod = op.webMethod || false;
+  var androidMethod = op.androidMethod || false;
+  var iosMethod = op.iosMethod || false;
+  var callBackMethod = op.callBackMethod || false;
+  var params: any = op.params || {};
+  var methodName = op.methodName || "";
+  var callBackMethodName: string = "MIX_APP_" + methodName
+  params.MethodName = callBackMethodName
+  callMethod({
+    environment,
+    methodName,
+    androidMethod: () => { androidMethod && androidMethod().then((data: any) => { window[callBackMethodName](data) }).catch((err: any) => { window[callBackMethodName](err) }) },
+    iosMethod: () => { iosMethod && iosMethod().then((data: any) => { window[callBackMethodName](data) }).catch((err: any) => { window[callBackMethodName](err) }) },
+    webMethod: () => { webMethod && webMethod().then((data: any) => { window[callBackMethodName](data) }).catch((err: any) => { window[callBackMethodName](err) }) },
+    params
+  })
+  return new Promise((resolve, reject) => {
+    window[callBackMethodName] = (data: any) => {
+      callBackMethod && data ? callBackMethod(data).then((formatData: any) => { resolve(formatData) }).catch((err: any) => { reject(err) }) : resolve(data)
+    }
+  });
+};
+export const callMethod = (op: callMethodType): void => {
+  var isWeb = op?.environment?.isWeb || false;
+  var isHarmony = op?.environment?.isHarmony || false;
+  var isAndroid = op?.environment?.isAndroid || false;
+  var isIOS = op?.environment?.isIOS || false;
+  var webMethod = op.webMethod || false;
+  var androidMethod = op.androidMethod || false;
+  var iosMethod = op.iosMethod || false;
+  var params: any = op.params || {};
+  var methodName = op.methodName;
+  for (var key in params) {
+    if (!Object.hasOwn(params, key)) continue;
+    params[key] = params[key].toString();
+  }
+  if (isWeb) {
+    webMethod && webMethod();
+  } else {
+    if (isAndroid || isHarmony) {
+      androidMethod ? androidMethod(mixJsonStringify(params)) : window.Func[methodName](mixJsonStringify(params));
+    } else if (isIOS) {
+      iosMethod ? iosMethod(mixJsonStringify(params)) : window.webkit.messageHandlers[methodName].postMessage(
+        mixJsonStringify(params)
+      );
+    }
+  }
+};
+export const syncReturnMethod = (op: callMethodType & syncReturnMethod & asyncReturnMethodType) => {
+  var isWeb = op?.environment?.isWeb || false;
+  var isHarmony = op?.environment?.isHarmony || false;
+  var isAndroid = op?.environment?.isAndroid || false;
+  var isIOS = op?.environment?.isIOS || false;
+  var webMethod = op.webMethod || false;
+  var asyncReturn = op.asyncReturn || false;
+  var androidMethod = op.androidMethod || false;
+  var iosMethod = op.iosMethod || false;
+  var params: any = op.params || {};
+  var methodName = op.methodName;
+  var singleField = op.singleField || false;
+  var singleParam = ""
+  for (var key in params) {
+    if (!Object.hasOwn(params, key)) continue;
+    params[key] = params[key].toString();
+    if (singleField) {
+      singleParam = params[key];
+    }
+  }
+  var result: any;
+  if (isWeb) {
+    webMethod && (result = webMethod());
+  } else {
+    if (isAndroid || isHarmony) {
+      if (asyncReturn) {
+        result = new Promise((resolve, reject) => {
+          try {
+            params.MethodName = "MIX_APP_" + methodName
+            window["MIX_APP_" + methodName] = (data: any) => {
+              resolve(data)
+            }
+            androidMethod ? resolve(androidMethod()) : window.Func[methodName](mixJsonStringify(params))
+          } catch (error) {
+            reject(error)
+          }
+        })
+      } else {
+        result = androidMethod ? androidMethod() : window.Func[methodName](mixJsonStringify(params));
+      }
+    } else if (isIOS) {
+      if (asyncReturn) {
+        result = new Promise((resolve, reject) => {
+          try {
+            params.MethodName = "MIX_APP_" + methodName
+            window["MIX_APP_" + methodName] = (data: any) => {
+              resolve(data)
+            }
+            if (singleField) {
+              result = iosMethod ? resolve(iosMethod()) : decodeURIComponent(window.prompt(methodName, singleParam) ?? "")
+            } else {
+              result = iosMethod ? resolve(iosMethod()) : decodeURIComponent(window.prompt(methodName, mixJsonStringify(params)) ?? "")
+            }
+          } catch (error) {
+            reject(error)
+          }
+        })
+      } else {
+        if (singleField) {
+          result = iosMethod ? iosMethod() : decodeURIComponent(window.prompt(methodName, singleParam) ?? "")
+        } else {
+          result = iosMethod ? iosMethod() : decodeURIComponent(window.prompt(methodName, mixJsonStringify(params)) ?? "")
+        }
+      }
+    }
+  }
+  return mixJsonParse(result);
+};

package/docs/01./346/241/206/346/236/266/344/273/213/347/273/215/01./347/233/256/345/275/225/347/273/223/346/236/204.md

@@ -0,0 +1,16 @@
+---
+title: 目录结构
+date: 2023-08-07 11:37:11
+permalink: /pages/8f427a/
+categories:
+  - 前端军刀
+  - 框架介绍
+tags:
+  -
+author:
+  name: ABpasser
+---
+
+## 目录介绍
+
+## 文件介绍