mix-public 1.2.3 → 1.2.5

package/README.md

@@ -97,3 +97,4 @@
 - v1.2.1 标题栏样式兼容调整
 - v1.2.2 添加获取当前页面是否使用原生标题方法
 - v1.2.3 修复获取页面信息方法导入错误
+- v1.2.4 修复首页 tabbar 图片及PAG动画文件宽度问题

package/customMethod/currentPath.js

@@ -1 +1,3 @@
-export default window.location.pathname.split('.html')[0] === '/' ? 'index' : window.location.pathname.split('.html')[0].replace('/','')
+const path = window.location.pathname
+const patharr = path.split('.html')[0].split('/')
+export default !path.includes('.html') ? 'index' : patharr[patharr.length - 1]

package/docs/01./346/241/206/346/236/266/344/273/213/347/273/215/01.README.md

@@ -0,0 +1,84 @@
+---
+title: 目录结构
+date: 2023-08-07 11:37:11
+permalink: /pages/8f427a/
+categories:
+  - 前端军刀
+  - 框架介绍
+tags:
+  -
+author:
+  name: ABpasser
+---
+
+# MIX-PUBLIC
+
+### 说明
+
+- MIXAPP依赖，用于web/app开发
+
+### 安装方法
+
+  ```javascript
+    // npm
+    npm i mix-public
+    // yarn
+    yarn mix-public
+    // pnpm
+    pnpm i mix-public
+  ```
+
+### 初始化方式
+
+  ```javascript
+    // 布局使用(入口文件)
+    import mixRender from "mix-public"
+
+    const mixPublicLib = mixRender({
+      mixProjectType: mixProjectType, // 项目类型: 在服务端创建的项目标识
+      mixVersion: mixVersion, // 项目版本号: 服务端的版本标识
+      mixAppKey: mixAppKey, // appKey: 当前APPKey
+      mixApptype: mixApptype, // app类型: web/app
+      mixDeviceInfo: mixDeviceInfo // 项目版本号: 服务端的版本标识
+    });
+    import 'mix-public/mixRender.css'; // 引入web端app基础样式
+     // mixPublicLib为原生基础调用方法，可在页面使用
+
+    // 方法调用
+    import mixRender from "mix-public"
+    const PublicLib = mixRender({
+      mixJustMethod: true,
+      mixApptype: apptype, // app类型: web/app
+      mixVersion: mixVersion, // 项目版本号: 服务端的版本标识
+    });
+  ```
+
+### 生命周期
+
+  ```javascript
+    // 页面加载
+    OnloadPage((op)=>{
+      // op为上一个页面的跳转参数
+    })
+
+    //页面返回
+    //immediate:是否立即执行
+    OnStartLoad(()=>{
+      // 在返回至当前页面时执行
+    },{immediate:false})
+  ```
+
+### 方法使用方式
+
+  ```javascript
+
+    // 调用类型
+    //1.直接调用类
+    mixPublicLib.PutCookieInfo('key','value')
+    //2.同步返回类
+    const result = mixPublicLib.GetCookieInfo('key')
+    //1.异步返回类
+    mixPublicLib.UploadPhoto({PhotoCount:1, isCut:true, Quality:1}).then(file=>{
+      console.log(file)
+    })
+  ```

package/docs/01./346/241/206/346/236/266/344/273/213/347/273/215/04./345/277/253/351/200/237/344/270/212/346/211/213.md

@@ -11,74 +11,56 @@ tags:
 author: 
   name: ABpasser
 ---
-# MIX-PUBLIC
 
-### 说明
+# 快速上手
 
-- MIXAPP依赖，用于web/app开发
+## APP开发流程
 
-### 安装方法
+1. 创建项目
+- (TODO:需补充完整创建项目流程)
 
-  ```javascript
-    // npm
-    npm i mix-public
-    // yarn
-    yarn mix-public
-    // pnpm
-    pnpm i mix-public
-  ```
+2. 配置底部导航
+- 导航分类(针对不同权限首页配置)
+```javascript
+  //配置当前账号类型
+  mixPublicLib.SetAccountType('accountType')
+  // 进入首页(根据配置的账号选择对应的页面作为一级页面加载)
+  mixPublicLib.GotoMain();
+```
+- 其他配置根据页面实际情况进行配置
 
-### 初始化方式
+3. 版本配置(作用于APP更新提示)
 
-  ```javascript
-    // 布局使用(入口文件)
-    import mixRender from "mix-public"
+4. 页面配置(实际情况进行配置)
 
-    const mixPublicLib = mixRender({
-      mixProjectType: mixProjectType, // 项目类型: 在服务端创建的项目标识
-      mixVersion: mixVersion, // 项目版本号: 服务端的版本标识
-      mixAppKey: mixAppKey, // appKey: 当前APPKey
-      mixApptype: mixApptype, // app类型: web/app
-      mixDeviceInfo: mixDeviceInfo // 项目版本号: 服务端的版本标识
-    });
-    import 'mix-public/mixRender.css'; // 引入web端app基础样式
-     // mixPublicLib为原生基础调用方法，可在页面使用
+5. 前端项目创建
+- 配置上述流程生成的参数(Apptype/ProjectType/Version/AppKey/Apptype)
+- 在需要调用方法的页面中引入
+```javascript
+  import mixRender from "mix-public"
+  const PublicLib = mixRender({
+    mixJustMethod: true,
+    mixApptype: apptype, // app类型: web/app
+    mixVersion: mixVersion, // 项目版本号: 服务端的版本标识
+  });
+```
+- 在需要页面配置及方法调用的页面引入
+```javascript
+  import mixRender from "mix-public"
+  const mixPublicLib = mixRender({
+    mixProjectType: mixProjectType, // 项目类型: 在服务端创建的项目标识
+    mixVersion: mixVersion, // 项目版本号: 服务端的版本标识
+    mixAppKey: mixAppKey, // appKey: 当前APPKey
+    mixApptype: mixApptype, // app类型: web/app
+    mixDeviceInfo: mixDeviceInfo // 项目版本号: 服务端的版本标识
+  });
+  import 'mix-public/mixRender.css'; // 引入web端app基础样式
+```
+- 通过mixPublicLib中的PageInfo方法获取当前页面是否需要自定义状态及标题栏样式
+```javascript
+PublicLib.PageInfo().then((res: boolean)=>{
+  // true表示当前页面使用后台配置的样式 false表示当前页面需要自定义状态及标题栏样式
+})
+```
+- 根据项目实际需求，可自行封装mixPublicLib方法
 
-    // 方法调用
-    import mixRender from "mix-public"
-    const PublicLib = mixRender({
-      mixJustMethod: true,
-      mixApptype: apptype, // app类型: web/app
-      mixVersion: mixVersion, // 项目版本号: 服务端的版本标识
-    });
-  ```
-
-### 生命周期
-
-  ```javascript
-    // 页面加载
-    OnloadPage((op)=>{
-      // op为上一个页面的跳转参数
-    })
-
-    //页面返回
-    //immediate:是否立即执行
-    OnStartLoad(()=>{
-      // 在返回至当前页面时执行
-    },{immediate:false})
-  ```
-
-### 方法使用方式
-
-  ```javascript
-
-    // 调用类型
-    //1.直接调用类
-    mixPublicLib.PutCookieInfo('key','value')
-    //2.同步返回类
-    const result = mixPublicLib.GetCookieInfo('key')
-    //1.异步返回类
-    mixPublicLib.UploadPhoto({PhotoCount:1, isCut:true, Quality:1}).then(file=>{
-      console.log(file)
-    })
-  ```

package/docs/{api → 02.API}/BATCH_GENERATION_COMPLETE.md

@@ -1,13 +1,13 @@
 # API 文档批量生成完成
 
-所有 112 个 API 方法文档已根据 001-Goto.md 的格式标准成功生成。
+所有 116 个 API 方法文档已根据 001-Goto.md 的格式标准成功生成。
 
 ## 生成完成时间
-2026-03-06 18:03:56
+2026-03-25 16:44:47
 
 ## 文档统计
-- 总文档数量: 112
-- 文档范围: 001-Goto.md 到 112-StopAudioRecording.md
+- 总文档数量: 116
+- 文档范围: 001-Goto.md 到 116-GetIsLookProtocol.md
 - 格式标准: 参考 001-Goto.md 文档格式
 - 内容来源: mixappfunc.ts 文件中的所有方法注释
 

package/docs/02.API//345/272/224/347/224/250/347/256/241/347/220/206/113-SetAccountType.md

@@ -0,0 +1,66 @@
+---
+title: SetAccountType
+date: 2026-03-25
+permalink: /api/set-account-type/
+categories: 
+  - API
+  - 应用管理
+tags: 
+  - 账户类型
+  - Cookie
+author: mix-public
+---
+
+# SetAccountType
+
+设置账户类型并存储到Cookie中。
+
+## 调用类型
+同步类
+
+## 方法说明
+设置账户类型并存储到名为 `app_login_for_auditAccount` 的Cookie中，用于审计账户类型标识。
+
+## 参数表格
+
+| 参数名 | 类型 | 必填 | 说明 | 默认值 |
+|--------|------|------|------|--------|
+| type | string | 否 | 账户类型字符串 | "" |
+
+## 返回值说明
+无返回值
+
+## 代码示例
+
+### JavaScript
+```javascript
+// 设置账户类型为"normal"
+mixPublicLib.SetAccountType("normal");
+
+// 设置账户类型为空
+mixPublicLib.SetAccountType("");
+```
+
+### TypeScript
+```typescript
+// 设置账户类型为"normal"
+mixPublicLib.SetAccountType("normal");
+
+// 设置账户类型为空字符串
+mixPublicLib.SetAccountType("");
+```
+
+## 使用说明
+- 该方法主要用于在登录或账户切换时设置账户类型标识
+- 账户类型信息会被加密后存储在Cookie中
+- 如果不传入参数或传入空字符串，则会清除账户类型标识
+
+## 注意事项
+- 该方法在Web、APP环境下均可使用
+- 存储的Cookie会在浏览器关闭后失效（会话Cookie）
+- 账户类型信息会自动进行加密处理以保证安全性
+
+## 相关 API
+- [GetAccountType](./114-GetAccountType.md)
+- [PutCookieInfo](../Cookie操作/017-PutCookieInfo.md)
+- [GetCookieInfo](../Cookie操作/018-GetCookieInfo.md)

package/docs/02.API//345/272/224/347/224/250/347/256/241/347/220/206/114-GetAccountType.md

@@ -0,0 +1,62 @@
+---
+title: GetAccountType
+date: 2026-03-25
+permalink: /api/get-account-type/
+categories: 
+  - API
+  - 应用管理
+tags: 
+  - 账户类型
+  - Cookie
+author: mix-public
+---
+
+# GetAccountType
+
+获取当前账户类型。
+
+## 调用类型
+同步类
+
+## 方法说明
+从Cookie中获取名为 `app_login_for_auditAccount` 的账户类型信息，用于获取当前用户的账户类型标识。
+
+## 参数表格
+
+| 参数名 | 类型 | 必填 | 说明 | 默认值 |
+|--------|------|------|------|--------|
+| 无 | - | - | - | - |
+
+## 返回值说明
+string - 当前账户类型字符串，如果未设置则返回空字符串
+
+## 代码示例
+
+### JavaScript
+```javascript
+// 获取当前账户类型
+const accountType = mixPublicLib.GetAccountType();
+console.log("当前账户类型:", accountType);
+```
+
+### TypeScript
+```typescript
+// 获取当前账户类型
+const accountType: string = mixPublicLib.GetAccountType();
+console.log("当前账户类型:", accountType);
+```
+
+## 使用说明
+- 该方法主要用于在页面加载或需要验证账户类型时获取当前账户标识
+- 如果之前没有调用过 SetAccountType 或账户类型已被清除，则返回空字符串
+- 返回的账户类型信息会自动进行解密处理
+
+## 注意事项
+- 该方法在Web、APP环境下均可使用
+- 如果Cookie中存储的数据无法解密或格式错误，会返回空字符串
+- 该方法是同步方法，直接返回结果无需异步处理
+
+## 相关 API
+- [SetAccountType](./113-SetAccountType.md)
+- [PutCookieInfo](../Cookie操作/017-PutCookieInfo.md)
+- [GetCookieInfo](../Cookie操作/018-GetCookieInfo.md)

package/docs/02.API//345/272/224/347/224/250/347/256/241/347/220/206/115-LookProtocol.md

@@ -0,0 +1,61 @@
+---
+title: LookProtocol
+date: 2026-03-25
+permalink: /api/look-protocol/
+categories: 
+  - API
+  - 应用管理
+tags: 
+  - 协议
+  - Cookie
+  - 隐私协议
+author: mix-public
+---
+
+# LookProtocol
+
+标记用户已查看隐私协议。
+
+## 调用类型
+同步类
+
+## 方法说明
+设置名为 `IsLookProtocal` 的Cookie值为"1"，用于标记用户已经查看过隐私协议。
+
+## 参数表格
+
+| 参数名 | 类型 | 必填 | 说明 | 默认值 |
+|--------|------|------|------|--------|
+| 无 | - | - | - | - |
+
+## 返回值说明
+无返回值
+
+## 代码示例
+
+### JavaScript
+```javascript
+// 标记用户已查看隐私协议
+mixPublicLib.LookProtocol();
+```
+
+### TypeScript
+```typescript
+// 标记用户已查看隐私协议
+mixPublicLib.LookProtocol();
+```
+
+## 使用说明
+- 该方法通常在用户点击"同意"或关闭隐私协议弹窗时调用
+- 设置后可用于判断用户是否需要再次显示隐私协议
+- 该标记会持久化存储在Cookie中
+
+## 注意事项
+- 该方法在Web、APP环境下均可使用
+- 存储的值为字符串"1"，表示已查看协议
+- 通常与 ClosePop 方法配合使用，在用户确认阅读协议后调用
+
+## 相关 API
+- [GetIsLookProtocol](./116-GetIsLookProtocol.md)
+- [ClosePop](../页面跳转/072-ClosePop.md)
+- [PutCookieInfo](../Cookie操作/017-PutCookieInfo.md)

package/docs/02.API//345/272/224/347/224/250/347/256/241/347/220/206/116-GetIsLookProtocol.md

@@ -0,0 +1,71 @@
+---
+title: GetIsLookProtocol
+date: 2026-03-25
+permalink: /api/get-is-look-protocol/
+categories: 
+  - API
+  - 应用管理
+tags: 
+  - 协议
+  - Cookie
+  - 隐私协议
+author: mix-public
+---
+
+# GetIsLookProtocol
+
+获取用户是否已查看隐私协议的状态。
+
+## 调用类型
+同步类
+
+## 方法说明
+从Cookie中获取名为 `IsLookProtocal` 的值，用于判断用户是否已经查看过隐私协议。
+
+## 参数表格
+
+| 参数名 | 类型 | 必填 | 说明 | 默认值 |
+|--------|------|------|------|--------|
+| 无 | - | - | - | - |
+
+## 返回值说明
+string | boolean - 如果用户已查看协议返回"1"，否则返回空字符串或false
+
+## 代码示例
+
+### JavaScript
+```javascript
+// 获取用户是否已查看隐私协议
+const isLooked = mixPublicLib.GetIsLookProtocol();
+if (isLooked === "1") {
+  console.log("用户已查看隐私协议");
+} else {
+  console.log("用户未查看隐私协议，需要显示协议弹窗");
+}
+```
+
+### TypeScript
+```typescript
+// 获取用户是否已查看隐私协议
+const isLooked: string | boolean = mixPublicLib.GetIsLookProtocol();
+if (isLooked === "1") {
+  console.log("用户已查看隐私协议");
+} else {
+  console.log("用户未查看隐私协议，需要显示协议弹窗");
+}
+```
+
+## 使用说明
+- 该方法通常在页面初始化时调用，用于决定是否需要显示隐私协议弹窗
+- 如果返回值为"1"，表示用户已经查看过协议
+- 如果返回空字符串或false，表示用户尚未查看协议
+
+## 注意事项
+- 该方法在Web、APP环境下均可使用
+- 返回值类型可能是字符串或布尔值，需要进行类型检查
+- 通常在应用启动时调用此方法来决定是否显示隐私协议
+
+## 相关 API
+- [LookProtocol](./115-LookProtocol.md)
+- [ClosePop](../页面跳转/072-ClosePop.md)
+- [GetCookieInfo](../Cookie操作/018-GetCookieInfo.md)

package/docs/{api → 02.API}//345/274/271/347/252/227/346/212/275/345/261/211/004-Drawer.md

@@ -39,8 +39,8 @@ Drawer(option: {
 |--------|------|------|------|--------|
 | Url | string | 是 | 跳转URL | "" |
 | ClickClose | number | 否 | 点击空白区域是否关闭（1:关闭 0：不关闭） | 0 |
-| Width | string | number | 否 | 抽屉宽度（取值范围：0-1） | "0.8" |
-| Height | string | number | 否 | 抽屉高度（取值范围：0-1） | "0.8" |
+| Width | string | number | 否 | 抽屉宽度（取值范围：0-1） | 0.8 |
+| Height | string | number | 否 | 抽屉高度（取值范围：0-1） | 0.8 |
 | AnimationDirection | number | 否 | 抽屉展示方向（1：左，2：上，3：右，4：下） | 1 |
 | Duration | string | 否 | 展开关闭时间（ms） | "500" |
 | MaskColor | string | 否 | 背景遮罩颜色（透明度在前的十六进制透明色） | "#33ffff00" |

package/docs/{api → 02.API}//351/241/265/351/235/242/350/267/263/350/275/254/001-Goto.md

@@ -34,7 +34,7 @@ Goto(option: {
 |--------|------|------|------|--------|
 | Url | string | 是 | 跳转目标页面路径或 URL | - |
 | Params | object | 否 | 传递的参数对象 | {} |
-| OutSide | boolean | 否 | 是否在浏览器中打开（仅 http URL 有效） | false |
+| OutSide | boolean | 否 | 是否在浏览器中打开（仅 http URL 有效,无法携带 params） | false |
 
 ### 返回值说明
 
@@ -51,6 +51,12 @@ mixPublicLib.Goto({
   Params: { from: "home" }
 });
 
+// user-login页面
+OnloadPage((op)=>{
+  console.log(op) // { from: "home" }
+  console.log(op.from) // home
+})
+
 // 跳转外部网页（在当前应用内打开）
 mixPublicLib.Goto({ 
   Url: "https://www.example.com"
@@ -66,11 +72,12 @@ mixPublicLib.Goto({
 mixPublicLib.Goto({ 
   Url: "MiniApp?MiniAppId=appid&OnlineUrl=onlineurl&JumpUrl=miniapppagename"
 });
+
 ```
 
 ### TypeScript 示例
 
-```
+```javascript
 import type { GotoType } from './paramsTypes';
 
 const options: GotoType = {

package/main/mixappfunc.ts

@@ -288,7 +288,7 @@ export const mixPublicLib = (op: mixPublicLibParamsType): any => {
      * Explanation: 以抽屉效果打开新页面
      * USE: PublicLib.Drawer({ Url:'index', ClickClose: 1, Width:'0.8', Height:'0.8', AnimationDirection: 1, Duration:'600', MaskColor:'#33FFD700' })
      * */
-    Drawer: function (op: DrawerType = { Url: "", ClickClose: 0, Width: '0.8', Height: '0.8', AnimationDirection: 1, Duration: '500', MaskColor: '#33ffff00' }): void {
+    Drawer: function (op: DrawerType = { Url: "", ClickClose: 0, Width: 0.8, Height: 0.8, AnimationDirection: 1, Duration: '500', MaskColor: '#33ffff00' }): void {
       if (!op.Url) throw new Error("PARAM URL IS Necessary");
       const Url = op.Url || "";
       const ClickClose = op.ClickClose || 0;
@@ -352,14 +352,14 @@ export const mixPublicLib = (op: mixPublicLibParamsType): any => {
      * }
      * return: 无
      * Explanation: 以弹窗显示打开新页面
-     * USE: PublicLib.PopupShow({ Url:'index', ClickClose: 1, Width:'0.8', Height:'0.5', MaskColor:'#33FFD700' })
+     * USE: PublicLib.PopupShow({ Url:'index', ClickClose: 1, Width:0.8, Height:0.5, MaskColor:'#33FFD700' })
      * */
-    PopupShow: function (op: PopupShowType = { Url: "", ClickClose: 0, Width: '0.8', Height: '0.8', MaskColor: '#33ffff00' }): void {
+    PopupShow: function (op: PopupShowType = { Url: "", ClickClose: 0, Width: 0.8, Height: 0.8, MaskColor: '#33ffff00' }): void {
       if (!op.Url) throw new Error("PARAM URL IS Necessary");
       const Url = op.Url || "";
       const ClickClose = op.ClickClose || 0;
-      const Height = op.Height || "0.5";
-      const Width = op.Width || "0.7";
+      const Height = op.Height || 0.5;
+      const Width = op.Width || 0.8;
       const MaskColor = op.MaskColor || "#33FFFFFF";
       callMethod({
         environment: this.environment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mix-public",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "use mix-app",
   "main": "mixRender.js",
   "scripts": {

package/pageRender/tabbar.js

@@ -47,7 +47,7 @@ export default (op) => {
                     tabbar.innerHTML += `
                     <div class="mix-tab-item" tab-name="${item.pageName}" tab-text-select-color="${formatColor(item.selectTextColor)}" tab-text-normal-color="${formatColor(item.normalTextColor)}" style="background-color: ${formatColor(item.backgroudColor) || '#fff'};">
                         <div class="mix-tab-item-img">
-                            <img style="width:${item.iconSize}px;height:${item.iconSize}px;" src="${item.pageName === tabCurrentPageName ? item.selectIcon : item.normalIcon}" alt="">
+                            <img style="width:${375 / Number(item.iconSize)}vw;height:${375 / Number(item.iconSize)}vw;" src="${item.pageName === tabCurrentPageName ? item.selectIcon : item.normalIcon}" alt="">
                         </div>
                         <div class="mix-tab-item-text" style="color: ${formatColor(item.pageName === tabCurrentPageName ? item.selectTextColor : item.normalTextColor)}">${unescape(item.title)}</div>
                         <div class="mix-tab-item-badge"></div>
@@ -56,7 +56,7 @@ export default (op) => {
                     tabbar.innerHTML += `
                     <div class="mix-tab-item" tab-name="${item.pageName}" tab-text-select-color="${formatColor(item.selectTextColor)}" tab-text-normal-color="${formatColor(item.normalTextColor)}" style="background-color: ${formatColor(item.backgroudColor) || '#fff'};">
                         <div class="mix-tab-item-img">
-                        ${item.pageName === tabCurrentPageName ? `<canvas class="canvas" id="mix-tab-pag"style="width:${item.iconSize}px;height:${item.iconSize}px;">` : '<img style="width:' + item.iconSize + 'px;height:' + item.iconSize + 'px;" src="' + item.pagDefaultIcon + '" alt=""></img>'
+                        ${item.pageName === tabCurrentPageName ? `<canvas class="canvas" id="mix-tab-pag"style="width:${375 / Number(item.iconSize)}vw;height:${375 / Number(item.iconSize)}vw;">` : '<img style="width:' + 375 / Number(item.iconSize) + 'vw;height:' + 375 / Number(item.iconSize) + 'vw;" src="' + item.pagDefaultIcon + '" alt=""></img>'
                         }
                         </div>
                         <div class="mix-tab-item-text" style="color: ${formatColor(item.pageName === tabCurrentPageName ? item.selectTextColor : item.normalTextColor)}">${unescape(item.title)}</div>

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

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