mix-public 1.1.8 → 1.1.9

package/README.md

@@ -91,3 +91,4 @@
 - v1.1.6 添加APPpop页面
 - v1.1.7 添加文档模板/部分 web 实现添加
 - v1.1.8 添加核心方法TS配置，部分方法修复/部分方法吗规范统一
+- v1.1.9 添加视频下载/视频预览/音频录制方法

package/docs/01./346/241/206/346/236/266/344/273/213/347/273/215/02./345/211/215/347/253/257/346/241/206/346/236/266.md

@@ -15,206 +15,3 @@ author:
 
 # 前端框架依赖
 
-### 1.编译时依赖
-
-* Vue CLI
-* copy-webpack-plugin
-* html-inline-css-webpack-plugin
-* html-webpack-plugin
-* inline-chunk-html-plugin
-* mini-css-extract-plugin
-* postcss-pxtorem
-* pug-plain-loader
-* sass,
-* sass-loader,
-
-### 2.运行时依赖
-
-* vue,
-* vant,
-* axios,
-* crypto-js,
-* core-js,
-* echarts,
-* libpag@,
-
-### 3.三方依赖包
-
-* h5lock (移动端手势密码)
-* arealist (中国地区表)
-* clipboard (复制文本)
-<!-- ![Tmage text](./img/productStructure.png)  -->
-
-# 介绍
-
-### 爽客邦ES 是一个基于 Vue CLI、Vue.js + APP原生 进行快速开发多页面APP的完整系统，提供
-
-* 通过 @vue/cli 实现的交互式的多页面项目脚手架
-* 项目输出结构为多页面web APP，多页面上传服务器通过服务器与APP原生进行交互，具有快速部署、页面灵活性高、快速迭代等优势
-* 爽客邦ES项目打包文件为本地运行，
-* 爽客邦ES致力于将web APP页面标准化、模块化。提高了传统H5页面在本地加载的安全性。
-
-### 项目开发目录结构
-
-```
-|-- root
-  |-- config
-    |-- cleanfile.js
-    |-- inlinecode.js
-    |-- pages.config.js
-    |-- split-chunks.js
-  |-- public
-    |-- index.html
-  |-- src
-    |-- assets
-      |-- api
-        |-- .js
-      |-- public
-        |-- .js
-      |-- scss
-        |-- .scss
-      |-- static
-        |-- images
-          |-- .png/.jpe?g/.gif/webp
-        |-- pag
-          |-- .pag
-    |-- components
-    |-- pages
-  |-- .gitignore
-  |-- babel.config.js
-  |-- jsconfig.json
-  |-- package-lock.json
-  |-- package.js
-  |-- vue.config.js
-```
-
-### 打包目录结构
-
-```
-|-- dist
-  |-- static
-    |-- css
-      |-- .css
-    |-- img
-      |-- .png/.jpe?g/.gif/webp
-    |-- js
-      |-- .js/.wasm
-    |-- pag
-      |-- .pag
-  |-- .html
-```
-
-# 安装
-
-### Node 版本要求
-
-Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。
-
-#### 可以使用下列任一命令安装这个新的包
-
-```
-npm install -g @vue/cli
-
-# OR
-
-yarn global add @vue/cli
-```
-
-#### 项目依赖安装
-
-```
-npm i
-
-# OR
-
-yarn
-```
-
-# 开发
-
-## HTML 和静态资源
-
-### Index.html 文件
-
-* public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中，资源链接会被自动注入。另外，Vue CLI 也会自动注入图标链接,以及构建过程中处理的 JavaScript 和 CSS 文件的资源链接(页面私有逻辑及样式会以内联的形式注入html页面)
-
-### 插值
-
-因为 index 文件被用作模板，所以你可以使用 lodash template 语法插入内容：
-
-* <%= VALUE %> 用来做不转义插值；
-* <%- VALUE %> 用来做 HTML 转义插值；
-* <% expression %> 用来描述 JavaScript 流程控制。
-
-除了被 html-webpack-plugin 暴露的默认值之外，所有客户端环境变量也可以直接使用。例如，BASE_URL 的用法：
-
-```html
-<link rel="icon" href="<%= BASE_URL %>favicon.ico">
-```
-
-### 多页应用配置
-
-* 爽客邦打包编译为多页面应用，需要对VUE CLI进行多页面配置。
-
-* 在config/pages.config.js 中的 list 添加已有页面文件名及html标题名， 构建好的应用将会在不同的入口之间高效共享通用的 chunk 以获得最佳的加载性能。
-
-### 处理静态资源
-
-静态资源可以通过两种方式进行处理：
-
-* 在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 进行路径处理。
-
-* 放置在 public 目录下或通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过 webpack 处理(不推荐直接将静态资源放置public文件夹下，这样会导致静态资源会在打包编译后直接放在打包根目录处)
-
-图片资源压缩处理：
-
-* 你可以通过 chainWebpack 调整内联文件的大小限制。例如，下列代码会将内联图片资源限制设置为 4KiB：
-
-```
-chainWebpack:(config) => {
-  config.module
-    .rule('images')
-    .set('parser', {
-      dataUrlCondition: {
-        maxSize: 2 * 1024, // 2KiB
-      }
-    })
-},
-```
-
-### 预处理器
-
-* pug:爽客邦ES的html都是由pug进行撰写并转义，减少不必要的双标签代码量，并由pug-loader进行转义并编译。
-
-``` html
-<template lang="pug">
-.app
- div(@click="goback")
-  img(src="~images/test.png")
- #inputpassword(@click="setsuccess")
- #goon(@click="goindex")
- .lock.bgcfff
- #passwordiswrong(@click="forgetpassword")
- .forgetpassword.c999(@click="forgetpassword") 忘记手势密码
-</template>
-````
-
-## CSS相关
-
-爽客邦ES项目天生支持 PostCSS、CSS Modules 和包含 Sass、Less、Stylus 在内的预处理器。
-
-### 引用静态资源
-
-所有编译后的 CSS 都会通过 css-loader 来解析其中的 url() 引用，并将这些引用作为模块请求来处理。这意味着你可以根据本地的文件结构用相对路径来引用静态资源。另外要注意的是如果你想要引用一个 npm 依赖中的文件，或是想要用 webpack alias，则需要在路径前加上 ~ 的前缀来避免歧义。
-
-### 样式预处理器
-
-* scss:爽客邦ES前端项目的css与正常MPA并无区别，可定义公共样式与页面私有样式，但在页面中 style的SCOPE标签 无论添加与否都无全局生效作用。
-
-``` html
-<style lang="scss">
-  ···
-</style>
-````
-
-# 部署

package/docs/01./346/241/206/346/236/266/344/273/213/347/273/215/03./345/211/215/347/253/257/351/241/271/347/233/256/344/273/213/347/273/215.md

@@ -11,21 +11,7 @@ tags:
 author: 
   name: ABpasser
 ---
-# 爽客邦ES Hybrid APP开发-前端总结(VUE)
-
-### 工具类
-* pug2html (pug代码编译)
-* sacss2css (sacss编译)
-* JS & CSS Minifier(js及css压缩)
-### 三方
-* VUE框架
-* clipboard (复制文本)
-* h5lock (手势密码二次封装)
-* echarts (echarts图表)
-* axios (ajax网络请求)
-* vant组件库 (基于vue的三方组件库)
-* arealist (中国地区表)
-* PAG (腾讯动画解决方案)
+# 爽客邦ES Hybrid APP开发-前端总结
 
 ## 1、多页面混合APP开发介绍
 
@@ -55,35 +41,7 @@ author:
 	html|css|JS
 	这是|原生|tab
 
-## 3、JS调用原生功能
-
-- 原生方法调用：将JS与原生交互方法进行封装、判断终端类型通过页面调用不同的JS所对应的原生方法。
-
-- 原生方法回调：在一些需要进行后续回应的操作中，需要原生对JS页面逻辑的回调或者通过页面返回触发OnStart执行相对相应的页面逻辑。(如：扫码逻辑中，APP对所识别的内容进行本地存储，再通过页面JS中声明的方法，在OnStart中触发页面的后续逻辑，从本地存储中拿到对应的值进行后续处理)
-
-```javascript
-// 只要进入页面就会触发OnStart回调(OnStart需定义在window下)
-  function OnStart(){
-    app.todo();
-  }
-  let app = new Vue({
-    el:'#app',
-    data(){
-      return {
-        // vue内部变量申明
-      }
-    },
-    created(){
-      // 页面一开始加载就需要处理的逻辑（如：页面请求）
-    },
-    mounted(){
-      todo(){
-        // 具体执行逻辑（如：扫码之后的后续流程）
-      },
-    },
-  })
-```
-## 4、web页面注意事项
+## 3、web页面注意事项
 
 - 页面高度需要根据不同机型进行适配
 

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

@@ -0,0 +1,83 @@
+---
+title: 前端代码规范
+date: 2024-06-11 10:53:22
+permalink: /pages/bd8244/
+categories:
+  - docs
+  - 前端军刀
+  - 框架介绍
+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 android ios
+      mixDeviceInfo: mixDeviceInfo // 项目版本号: 服务端的版本标识
+    });
+    import 'mix-public/mixRender.css'; // 引入web端app基础样式
+     // mixPublicLib为原生基础调用方法，可在页面使用
+
+    // 方法调用
+    import mixRender from "mix-public"
+    const PublicLib = mixRender({
+      mixJustMethod: true,
+      mixApptype: apptype, // app类型: web android ios
+    });
+  ```
+
+### 生命周期
+
+  ```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/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/01./351/241/265/351/235/242/350/267/263/350/275/254/01.Goto.md

@@ -0,0 +1,66 @@
+---
+title: Goto
+date: 2024-08-26 14:31:34
+permalink: /pages/6d2301/
+categories:
+  - docs
+  - 前端军刀
+  - JS-App接口文档
+  - 页面跳转
+tags:
+  - 
+author: 
+  name: ABpasser
+---
+
+# APP内部页面跳转
+
+## Goto
+
+| 方法名 | 参数 |  使用说明 |
+| :----- | :-----: |  -----: |
+| Goto | {Url: '跳转地址'} | APP跳转方法 |
+
+```javascript
+/*
+* params: 
+* {
+*   Url: 跳转地址 必填
+*   Params: 跳转参数 非必填
+*   OutSide: 是否跳转浏览器打开页面 非必填
+* }
+*/
+
+PublicLib.Goto({Url: 'index',Params: {id: 1}, OutSide: false});
+```
+
+
+### Url参数说明: 
+1. 外部网页跳转
+  ```javascript 
+  PublicLib.Goto({Url: 'http://www.baidu.com' });
+  ```
+2. 站内小程序跳转
+  ```javascript 
+  PublicLib.Goto({Url: 'MiniApp?MiniAppId=appid&OnlineUrl=onlineurl&JumpUrl=miniapppagename' });
+  ```
+3. APP注册页面跳转
+  ```javascript 
+  PublicLib.Goto({Url: 'index' });
+  ```
+### 其他使用说明:
+1. APP注册页面带参数跳转
+  ```javascript 
+  <!-- A页面 -->
+  PublicLib.Goto({Url: 'index?id=1' });
+  PublicLib.Goto({Url: 'index', Params: {id: 1} });
+  <!-- B页面 -->
+  OnloadPage((op)=>{
+    console.log(op) // {id:1}
+    console.log(opid) // 1
+  })
+  ```
+2. APP跳转浏览器打开三方网页
+  ```javascript 
+  PublicLib.Goto( {Url: 'http://www.baidu.com', OutSide: true });
+  ```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/01./{346/234/254/345/234/260/345/234/260/345/235/200 → 351/241/265/351/235/242}/350/267/263/350/275/254/02.GotoMain.md

@@ -14,15 +14,18 @@ author:
   name: ABpasser
 ---
 
-- APP进入主页
+# 进入主页
 
-| 方法名 | 参数传递 |  说明 |
+## GotoMain
+
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
 | GotoMain | 无 | 从登录页面跳转至首页 |
 
 ```javascript
 /*
-* 跳转APP定义的首页(默认跳转下标为0的tabbar页面，需在后台配置及项目中配置底部tabbar)
+* 跳转APP定义的首页(跳转下标为0的tabbar页面，需在项目中配置底部tabbar参数)
 */
+
 PublicLib.GotoMain(); 
 ```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/01./{346/234/254/345/234/260/345/234/260/345/235/200 → 351/241/265/351/235/242}/350/267/263/350/275/254/03.Drawer.md

@@ -14,27 +14,33 @@ author:
   name: ABpasser
 ---
 
-- 以侧边抽屉方式打开页面
+# 以侧边抽屉方式打开页面
 
-| 方法名 | 参数传递 |  说明 |
-| :----- | :----: | :----: |
-| Drawer | {Url: 'page', ClickClose: 0, WidthProportional: 0.8, Duration: 500, MaskColor: '#33FFD700'} | 以侧边抽屉方式打开新的页面 |
+## Drawer
+
+| 方法名 | 参数 |  说明 |
+| :----- | :----: | ----: |
+| Drawer | {Url: 'page', ClickClose: 0, WidthProportional: 0.8, Duration: 500, MaskColor: '#33FFD700'} | 以侧边抽屉方式打开新的页面(不在页面栈中) |
 
 ```javascript
 /*
 * params: 
 * {
 *   Url: 跳转URL 必填
-*   ClickClose: 点击空白区域是否关闭(1:关闭 0：不关闭) 非必填，默认0
-*   WidthProportional: 抽屉宽度(取值范围：0-1) 非必填，默认0.8
-*   Duration: 展开关闭时间(ms) 非必填，默认500
-*   MaskColor: 背景遮罩颜色(透明度在前的十六进制透明色) 非必填，默认#33FFFFFF
+*   ClickClose: 点击空白区域是否关闭(1:关闭 0：不关闭)，默认0 非必填
+*   Width: 抽屉宽度(取值范围：0-1)，默认0.8 非必填
+*   Height: 抽屉高度(取值范围：0-1，默认0.8 非必填
+*   AnimationDirection: 抽屉展示方向，1：左，2：上，3：右，4：下 非必填
+*   Duration: 展开关闭时间(ms)，默认500 非必填
+*   MaskColor: 背景遮罩颜色(透明度在前的十六进制透明色)，默认#33FFFFFF 非必填
 * {
 */
 PublicLib.Drawer({
   Url:'index',
-  ClickClose:'1',
-  WidthProportional:'0.8',
+  ClickClose: 1,
+  Width:'0.8',
+  Height:'0.8',
+  AnimationDirection: 1,
   Duration:'600',
   MaskColor:'#33FFD700'
 }); 
@@ -44,7 +50,7 @@ PublicLib.Drawer({
 
 - 关闭以侧边抽屉方式打开的页面
 
-| 方法名 | 参数传递 |  说明 |
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
 | DrawerBack | 无 | 用于关闭Drawer方法打开的页面 |
 

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/01./{346/234/254/345/234/260/345/234/260/345/235/200 → 351/241/265/351/235/242}/350/267/263/350/275/254/04.PopupShow.md

@@ -14,26 +14,28 @@ author:
   name: ABpasser
 ---
 
-- 以弹窗形式打开页面
+# 以弹窗形式打开页面
 
-| 方法名 | 参数传递 |  说明 |
+## PopupShow
+
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
-| PopupShow | {Url: 'index', ClickClose: '1', Width: '0.8', Height: '0.5', MaskColor: '#33FFD700'} | 以弹窗形式打开新的页面 |
+| PopupShow | {Url: 'index', ClickClose: '1', Width: '0.8', Height: '0.5', MaskColor: '#33FFD700'} | 以弹窗形式打开新的页面(不在页面栈中) |
 
 ```javascript
 /*
 * params: 
 * {
 *   Url: 跳转URL 必填
-*   ClickClose: 点击空白区域是否关闭(1:关闭 0：不关闭) 非必填，默认0
-*   Width: 弹窗宽度(取值范围：0-1) 非必填，默认0.7
-*   Height: 弹窗高度(取值范围：0-1) 非必填，默认0.5
-*   MaskColor: 背景遮罩颜色(不带#的十六进制透明色) 非必填，默认#33FFFFFF
+*   ClickClose: 点击空白区域是否关闭(1:关闭 0：不关闭)，默认0 非必填
+*   Width: 弹窗宽度(取值范围：0-1)，默认0.7 非必填
+*   Height: 弹窗高度(取值范围：0-1)，默认0.5 非必填
+*   MaskColor: 背景遮罩颜色(不带#的十六进制透明色)，默认#33FFFFFF 非必填
 * {
 */
 PublicLib.PopupShow({
   Url:'index',
-  ClickClose:'1',
+  ClickClose: 1,
   Width:'0.8',
   Height:'0.5',
   MaskColor:'#33FFD700'
@@ -44,7 +46,7 @@ PublicLib.PopupShow({
 
 - 关闭以弹窗形式打开的页面
 
-| 方法名 | 参数传递 | 说明|
+| 方法名 | 参数 | 说明|
 | :----- | :----: | :----: |
 | PopupClose | 无 | 用于关闭PopupShow方法打开的页面 |
 

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/01./{346/234/254/345/234/260/345/234/260/345/235/200 → 351/241/265/351/235/242}/350/267/263/350/275/254/05.GoBack.md

@@ -14,18 +14,21 @@ author:
   name: ABpasser
 ---
 
-- 返回页面方法
+# 返回页面方法
 
-| 方法名 | 参数传递 |  说明 |
+## GoBack
+
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
-| GoBack |{Level:1} | 返回上一个页面, |
+| GoBack |{Level:1} | 返回之前的页面 |
 
 ```javascript
 /*
 * params: 
 * {
-*   Level: 跳转地址(1:返回上一页 2:返回上两页 -1：返回登录页 '0':返回根节点)
+*   Level: 跳转地址(1:返回上一页 2:返回上两页，以此类推) 必填
 * {
 */
+
 PublicLib.GoBack({Level:1}); 
 ```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/01./{346/234/254/345/234/260/345/234/260/345/235/200 → 351/241/265/351/235/242}/350/267/263/350/275/254/06.ReturnHomePage.md

@@ -14,17 +14,20 @@ author:
   name: ABpasser
 ---
 
-- 返回一级页面(APP主页)
+# 返回一级页面
 
-| 方法名 | 参数传递 |  说明 |
+## ReturnHomePage
+
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
-| ReturnHomePage |{Index:1} | 返回至APP一级页面,下标为后台配置中配置底部tabbar下标 |
+| ReturnHomePage |{Index:1} | 返回至APP一级页面 |
 
 ```javascript
 /*
 * params: 
 * {
-*   Index: 一级页面下标
+*   Index: 一级页面下标 必填
 */
+
 PublicLib.ReturnHomePage({Index:1});
 ```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/{02./347/275/221/347/273/234/345/234/260/345/235/200/350/267/263/350/275/254/02.GotoUrlByBrowse.md → 01./351/241/265/351/235/242/350/267/263/350/275/254/07.GotoUrlByBrowse.md}

@@ -13,18 +13,21 @@ author:
   name: ABpasser
 ---
 
-- APP跳转在线URL至默认浏览器
+# APP跳转默认浏览器打开URL
 
-| 方法名 | 参数传递 |  说明 |
+## GotoUrlByBrowse
+
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
-| GotoUrlByBrowse | {Url:'[http:/https:](http://baidu.com)'} | 跳转至浏览器在线页面 |
+| GotoUrlByBrowse | {Url:'[http:/https:](http://baidu.com)'} | 跳转至浏览器并打开网页地址 |
 
 ```javascript
 /*
 * params: (线上地址)
 * {
-*   Url: 跳转地址(线上地址:'http||https://www.baidu.com')
+*   Url: 跳转浏览器并打开网页地址 必填
 * {
 */
-PublicLib.GotoUrlByBrowse({Url:'[http:/https:](http://baidu.com)'});
+
+PublicLib.GotoUrlByBrowse({Url:'http://baidu.com'});
 ```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/{03./350/267/263/350/275/254/347/211/271/346/256/212/351/241/265/351/235/242 → 02./347/211/271/346/256/212/351/241/265/351/235/242/350/267/263/350/275/254}/01.GoToVideo.md

@@ -13,9 +13,11 @@ author:
   name: ABpasser
 ---
 
-- 跳转新页面并加载在线VIDEO资源
+# 跳转新页面并加载在线VIDEO资源
 
-| 方法名 | 参数传递 |  说明 |
+## GoToVideo
+
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
 | GoToVideo |{Url:'index',VideoUrls:'[<https://www.bilibili.com/video/BV1xi421z7SB/?spm_id_from=333.788.recommend_more_video.1>](https://www.bilibili.com/video/BV1xi421z7SB/?spm_id_from=333.788.recommend_more_video.1)'} | 跳转站内页面并插入video |
 
@@ -23,9 +25,10 @@ author:
 /*
 * params: 
 * {
-*   Url: 跳转地址(本地地址:'index')
-*   VideoUrls: 线上video视频地址
+*   Url: 跳转地址(本地地址:'index') 必填
+*   VideoUrls: 线上video视频地址(目前仅支持单个视频) 必填
 * {
 */
+
 PublicLib.GoToVideo({Url:'index',VideoUrls:'https://www.bilibili.com/video/BV1xi421z7SB/?spm_id_from=333.788.recommend_more_video.1'});
 ```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/{03./350/267/263/350/275/254/347/211/271/346/256/212/351/241/265/351/235/242 → 02./347/211/271/346/256/212/351/241/265/351/235/242/350/267/263/350/275/254}/02.GoToMap.md

@@ -15,7 +15,7 @@ author:
 
 - 跳转新页面并插入地图
 
-| 方法名 | 参数传递 |  说明 |
+| 方法名 | 参数 |  说明 |
 | :----- | :----: |  :----: |
 | GoToMap |{Url:'index'} | 跳转站内页面并插入地图 |
 
@@ -23,8 +23,9 @@ author:
 /*
 * params: 
 * {
-*   Url: 跳转地图页面内嵌页面
+*   Url: 跳转地图页面内嵌页面 必填
 * {
 */
+
 PublicLib.GoToMap({Url:'index'});
 ```

package/main/mixappfunc.ts

@@ -96,7 +96,10 @@ import type {
   RequestPayType,
   KeyboardType,
   OpenAmapType,
-  UploadVideoType
+  UploadVideoType,
+  PlayVideoType,
+  VideoDownloadType,
+  StartAudioRecordingType
 } from "./paramsTypes.ts"
 
 const loginUrl = "user-login";
@@ -213,7 +216,7 @@ export const mixPublicLib = (op: mixPublicLibParamsType): any => {
       }
     },
     /**
-     * 跳转内部页面
+     * 跳转内部页面(内部方法)
      * */
     GotoInside: function (op: GotoInsideType = { Url: "" }, Inside: boolean = false): void {
       if (!Inside) {
@@ -258,7 +261,7 @@ export const mixPublicLib = (op: mixPublicLibParamsType): any => {
      * 抽屉效果
      * AnimationDirection 1：左，2：上，3：右，4：下
      * */
-    Drawer: function (op: DrawerType = { Url: "", ClickClose: 1, 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;
@@ -310,7 +313,7 @@ export const mixPublicLib = (op: mixPublicLibParamsType): any => {
     /**
      * APP遮罩层
      * */
-    PopupShow: function (op: PopupShowType = { Url: "", ClickClose: 1, 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;
@@ -2683,6 +2686,84 @@ export const mixPublicLib = (op: mixPublicLibParamsType): any => {
           },
           params: {}
         });
-    }
+    },
+
+    /**
+     * 播放视频
+     * VideoUrl: 视频链接
+     * */
+    PlayVideo: function (op: PlayVideoType = { VideoUrl: "" }): void {
+      const VideoUrl = op.VideoUrl || ""
+      callMethod({
+        environment: this.environment,
+        methodName: "PlayVideo",
+        webMethod: () => {
+          window.location.href = VideoUrl
+        },
+        params: { VideoUrl }
+      });
+    },
+    /**
+     * 下载视频
+     * VideoUrl: 视频链接
+     * Callback: 进度回调方法
+     * */
+    VideoDownload: function (op: VideoDownloadType = { VideoUrl: "", Callback: () => { } }): void {
+      const VideoUrl = op.VideoUrl || ""
+      const Callback = op.Callback || (() => { })
+      const MethodName = "VideoDownload"
+      callMethod({
+        environment: this.environment,
+        methodName: "PlayVideo",
+        webMethod: () => {
+          let progress = 0
+          const timer = setInterval(() => {
+            progress += 1
+            window.VideoDownload(progress)
+            if (progress == 100) {
+              clearInterval(timer)
+            }
+          }, 100)
+        },
+        params: { VideoUrl, MethodName }
+      });
+      window.VideoDownload = (data: string | number) => {
+        Callback(Number(data))
+      }
+    },
+    /**
+     * 音频开始录制
+     * Duration: 录制市场（s）
+     * */
+    StartAudioRecording: function (op: StartAudioRecordingType = { Duration: "" }): Promise<string> {
+      const Duration = op.Duration || ""
+      return asyncReturnMethod({
+        environment: this.environment,
+        methodName: "StartAudioRecording",
+        webMethod: () => {
+          return new Promise((resolve, reject) => {
+            setTimeout(() => {
+              resolve('http://oss.kxssaas.com/kxs_new/AI/mzf-sound.mp3');
+            }, Number(Duration) * 1000);
+          });
+        },
+        params: { Duration }
+      })
+    },
+    /**
+     * 音频结束录制
+     * */
+    StopAudioRecording: function (): Promise<string> {
+      return asyncReturnMethod({
+        environment: this.environment,
+        methodName: "StopAudioRecording",
+        webMethod: () => {
+          return new Promise((resolve, reject) => {
+            resolve('http://oss.kxssaas.com/kxs_new/AI/mzf-sound.mp3');
+          });
+        },
+        params: {}
+      })
+    },
   };
 };

package/main/paramsTypes.ts

@@ -270,4 +270,14 @@ export interface OpenAmapType {
 export interface UploadVideoType {
     VideoDuration: number;
     ReturnType: string;
+}
+export interface PlayVideoType {
+    VideoUrl: string;
+}
+export interface VideoDownloadType {
+    VideoUrl: string;
+    Callback: Function;
+}
+export interface StartAudioRecordingType {
+    Duration: string | number;
 }

package/package.json

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

package/docs/01./346/241/206/346/236/266/344/273/213/347/273/215/04./345/211/215/347/253/257/344/273/243/347/240/201/350/247/204/350/214/203.md

@@ -1,153 +0,0 @@
----
-title: 前端代码规范
-date: 2024-06-11 10:53:22
-permalink: /pages/bd8244/
-categories:
-  - docs
-  - 前端军刀
-  - 框架介绍
-tags:
-  - 
-author: 
-  name: ABpasser
----
-<!--
- * @Author: guicheng 1625811865@qq.com
- * @Date: 2024-04-01 12:00:35
- * @LastEditors: guicheng 1625811865@qq.com
- * @LastEditTime: 2024-04-01 15:01:48
- * @FilePath: /docs/docs/01.前端军刀/01.框架介绍/04.前端代码规范.md
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
-
----
-
-title: 前端项目介绍
-date: 2022-03-18 09:52:33
-permalink: /pages/3ba9g2/
-categories:
-
-- docs
-- 前端军刀
-- 框架介绍
-  tags:
-- author:
-  name: ABpasser
-
----
-
-# 爽客邦 ES Hybrid APP 开发-前端代码规范
-
-### 文件编码格式
-
-- UTF-8
-
-### 文件命名
-
-#### html 文件/夹命名
-
-- 全小写以-分隔单词
-
-```javascript
-"user-login.html";
-```
-
-#### html 文件夹命名
-
-- 全小写以-分隔单词
-
-```javascript
-"user-login.scss";
-```
-
-### JS 代码命名
-
-#### 环境常量
-
-- 全大写以\_分隔单词
-
-```javascript
-const PRODUCTION_ENVIRONMENT = "develop";
-```
-
-#### 常量
-
-- 大驼峰命名
-
-```javascript
-const MerchantNo = 6230214578451254112;
-```
-
-#### 变量
-
-- 小驼峰命名
-
-```javascript
-let merchantNo = "6230214578451254112";
-```
-
-#### 函数命名
-
-- 小驼峰命名
-
-```javascript
-const stockFormatter = (num) => {
-  return num * 2;
-};
-```
-
-#### 组件
-
-- 小驼峰命名
-
-```javascript
-merchantCard.vue;
-```
-
-### 注释
-
-- 注释应多用于某段代码为什么存在
-- 强调代码的目的，用途和背后的逻辑
-
-#### 单行注释
-
-- 单行注释放在注释代码上方，如果单行注释不是代码块的首行，需在注释前面空一行
-
-```javascript
-// 库存格式化，用于将当前库存翻倍显示
-const stockFormatter = (num) => {
-  return num * 2;
-};
-```
-
-#### 多行注释
-
-- 多行注释 /\*\*... \*/ 用于文件说明，类型说明，参数说明
-
-```javascript
-/**
-* 用于将当前库存翻倍显示
-* num: 当前库存数量
-* */
-const stockFormatter = (num)=>{
-return num * 2;
-};
-```
-
-- 多行注释 //... 用于代码块多行解释
-
-```javascript
-// 库存格式化
-// 用于将当前库存翻倍显示
-const stockFormatter = (num)=>{
-return num * 2;
-};
-```
-
-### 字符串格式
-
-- 字符串符号应为""
-
-```javascript
-const SnNo = "62312012452123654"
-```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/01./346/234/254/345/234/260/345/234/260/345/235/200/350/267/263/350/275/254/01.Goto.md

@@ -1,35 +0,0 @@
----
-title: Goto
-date: 2024-08-26 14:31:34
-permalink: /pages/6d2301/
-categories:
-  - docs
-  - 前端军刀
-  - JS-App接口文档
-  - 页面跳转
-tags:
-  - 
-author: 
-  name: ABpasser
----
-
-- APP内部页面跳转
-
-| 方法名 | 参数传递 |  说明 |
-| :----- | :----: |  :----: |
-| Goto |{Url: '本地文件路径', Jump: 1} | 跳转APP内部页面 |
-
-```javascript
-/*
-* params: 
-* {
-*   Url: 跳转地址(本地地址:'index') 必填
-*   Jump: 跳转方式 非必填，默认为1
-*   Jump == 1 正常打开新页面跳转(左右平移)
-*   Jump == 2 正常打开新页面跳转(上下平移)
-*   Jump == 3 正常打开新页面跳转(淡入淡出)
-*   Jump > 3 正常打开新页面跳转(无动画)
-* {
-*/
-PublicLib.Goto({Url: 'index', Jump: 1});
-```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/02./347/275/221/347/273/234/345/234/260/345/235/200/350/267/263/350/275/254/01.GoTo.md

@@ -1,31 +0,0 @@
----
-title: GoTo
-date: 2024-08-26 14:31:34
-permalink: /pages/6d2302/
-categories:
-  - docs
-  - 前端军刀
-  - JS-App接口文档
-  - 页面跳转
-tags:
-  - 
-author: 
-  name: ABpasser
----
-
-- APP跳转在线URL在内部网页
-
-| 方法名 | 参数传递 |  说明 |
-| :----- | :----: |  :----: |
-| Goto |{Url:'[http:/https:](http://baidu.com)'} | APP内跳转站外页面方法 |
-
-```javascript
-/*
-* params: 
-* {
-*   Url: 跳转地址(线上地址:'http||https://www.baidu.com')
-*   Jump: 跳转方式(非必填，默认为1)(Jump>3为当前页面replace)
-* {
-*/
-PublicLib.Goto({Url:'http://baidu.com'});
-```

package/docs/02.API/00./351/241/265/351/235/242/350/267/263/350/275/254/_meta.json

@@ -1,30 +0,0 @@
-[
-  {
-    "type": "dir",
-    "name": "01.本地地址跳转",
-    "label": "01.本地地址跳转",
-    "collapsible": true,
-    "collapsed": true
-  },
-  {
-    "type": "dir",
-    "name": "02.网络地址跳转",
-    "label": "02.网络地址跳转",
-    "collapsible": true,
-    "collapsed": true
-  },
-  {
-    "type": "dir",
-    "name": "03.跳转特殊页面",
-    "label": "03.跳转特殊页面",
-    "collapsible": true,
-    "collapsed": true
-  },
-  {
-    "type": "dir",
-    "name": "04.跳转三方",
-    "label": "04.跳转三方",
-    "collapsible": true,
-    "collapsed": true
-  }
-]