ui-process-h5 2.0.8-beta → 2.1.0-beta

package/README.md

@@ -1,211 +1,18 @@
-# ui-process-h5
+# Vue 3 + TypeScript + Vite
 
-> App 端 流程、附件上传、附件列表、送审插件
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
-## 安装
+## Recommended IDE Setup
 
-> vue2.7 以上版本安装指令
->
-> > ```bash
-> > npm i ui-process-h5 -D
-> > ```
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
 
-> vue2.7 以下版本安装指令
->
-> > ```bash
-> > npm i @vue/composition-api -D
-> > npm i ui-process-h5 -D
-> > ```
+## Type Support For `.vue` Imports in TS
 
-## 使用
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
 
-在需要使用的组件内引入
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
 
-```js
-import {
-    TopProcess,
-    attchViews,
-    TopSumbitPopup,
-    ViewAttchList,
-} from "ui-process-h5";
-export default {
-    components: { TopProcess, attchViews, TopSumbitPopup, ViewAttchList },
-};
-```
-
-```html
-<template>
-    <TopProcess
-        :processInstId="processInstId"
-        :processDefId="processDefId"
-        :formData="formData"
-        :isView="isView"
-        :userId="userId"
-        :request="request"
-        :tapList="tapList"
-        :selfTapList="selfTapList"
-        :endFunction="endFunction"
-        :isDocument="isDocument"
-    >
-        <slot></slot>
-    </TopProcess>
-    <attchViews
-        v-if="labels == '1'"
-        :limit="limit ? limit : -1"
-        :requires="requires"
-        :request="param.request"
-        :linkUrl="param.linkUrl"
-        @getValue="getValues"
-    />
-    <ViewAttchList :inList="inList"></ViewAttchList>
-    <TopSumbitPopup
-        :visible="visible"
-        :request="request"
-        :appId="appId"
-        :resubmit="resubmit"
-        :id="businessKey"
-        :businessType="businessType"
-        :todoParameter="todoParameter"
-        :title="title"
-        @successFn="successFn"
-        :beforeFunction="beforeFunction"
-    ></TopSumbitPopup>
-</template>
-<script>
-    import "ui-process-h5/style.css";
-    import {
-        TopProcess,
-        attchViews,
-        TopSumbitPopup,
-        ViewAttchList,
-    } from "ui-process-h5";
-    export default {
-        components: { TopProcess, attchViews, TopSumbitPopup, ViewAttchList },
-        data() {
-            return {
-                formData: {
-                    businessKey: businessKey,
-                    processInstId: processInstId,
-                    processDefId: processDefId,
-                    title: title,
-                    subjectId: subjectId,
-                    userId: userId,
-                    userName: userName,
-                    reason: reason,
-                    meetingTheme: meetingTheme,
-                },
-                selfBtn: [
-                    {
-                        name: "测试",
-                        type: "danger",
-                        click: () => {
-                            console.log("当前::");
-                        },
-                    },
-                    {
-                        name: "测试2",
-                        type: "default",
-                        click: () => {
-                            console.log("当前::");
-                        },
-                    },
-                ],
-            };
-        },
-        methods: {
-            endFunction() {
-                console.log("endFunction");
-            },
-            beforeFunction() {
-                console.log("beforeFunction");
-            },
-        },
-    };
-</script>
-```
-
-## 属性-Attributes (TopProcess)
-
-| 参数           | 类型     | 默认值            | 说明                                                |
-| -------------- | -------- | ----------------- | --------------------------------------------------- |
-| tapList        | Array    | []                | tab 节点插入、自定义附件等信息                      |
-| selfTapList    | Array    | []                | 自定义 tab 节点,传入后覆盖原本参数                  |
-| request        | Object   | null              | axios 接口请求方法 [需要包含 get post 请求方式]     |
-| processInstId  | String   | ''                | 流程实例 ID [必填]                                  |
-| formData       | Object   | {}                | 集合数据 内部存储流程相关信息 businessKey[必填]     |
-| isAdditional   | boolean  | false             | 自定义按钮开关 开启后可使用按钮插槽                 |
-| getVars        | Function | null              | 业务方法                                            |
-| endFunction    | Function | null              | 弹窗结束后执行方法                                  |
-| beforeFunction | Function | null              | 弹窗开启前执行方法                                  |
-| restartData    | Object   | null              | 重新提交参数                                        |
-| isDocument     | Boolean  | false             | 公文独立配置                                        |
-| selfList       | Array    | {id,name}         | 自定义流程列表                                      |
-| selfBtn        | Array    | {name,type,click} | 自定义流程按钮(查看案例 data)                       |
-| uid            | String   | ""                | 炎黄 uid 若业务流程不需要催办,撤回,可以不使用该参数 |
-| isCheckType    | String   | "0"               | 选人类型 传入后默认所有选人都为该类型               |
-| isMsg          | Boolean  | false             | 意见是否展示                                        |
-
-## 属性-Attributes (attchViews)
-
-| 参数     | 类型             | 默认值 | 说明                                            |
-| -------- | ---------------- | ------ | ----------------------------------------------- |
-| request  | Object           | null   | axios 接口请求方法 [需要包含 get post 请求方式] |
-| limit    | [String, Number] | 4      | 最大上传数                                      |
-| getValue | Function         | null   | 返回上传数据 url                                |
-| requires | Boolean          | false  | 必填                                            |
-| inComing | Array            | Array  | 回显已上传列表                                  |
-| deletFn  | Function         | null   | 组件本身提供静态删除功能,动态删除需传入相应方法 |
-
-## 属性-Attributes (ViewAttchList)
-
-| 参数   | 类型  | 默认值 | 说明         |
-| ------ | ----- | ------ | ------------ |
-| inList | Array | []     | 附件列表展示 |
-
-## 属性-Attributes (TopSumbitPopup)
-
-| 参数           | 类型             | 默认值    | 说明                                            |
-| -------------- | ---------------- | --------- | ----------------------------------------------- |
-| visible        | Boolean          | false     | 展示参数                                        |  |
-| title          | String           | ""        | 送审提交标题参数                                |
-| todoParameter  | Object           | {}        | 发起流程时的其他参数                            |
-| businessType   | [String, Number] | null      | 业务类型                                        |
-| id             | String           | ""        | 业务 Id                                         |
-| resubmit       | Boolean          | false     | 是否为重新提交                                  |
-| request        | Object           | null      | axios 接口请求方法 [需要包含 get post 请求方式] |
-| appId          | String           | ''        | appId                                           |
-| beforeFunction | Function         | null      | 提交前执行事件                                  |
-| successFn      | Function         | null      | 成功后回调                                      |
-| manual         | Boolean          | false     | 手动执行启动(ref 绑定后执行 handleSongshen())   |
-| selfList       | Array            | {id,name} | 自定义流程列表                                  |
-| isCheckType    | String           | "0"       | 选人类型 uid                                    |
-
-### tapList-对象说明
-
-| 属性名 | 类型   | 说明                                                                         |
-| ------ | ------ | ---------------------------------------------------------------------------- |
-| label  | String | 选项卡 title                                                                 |
-| key    | String | 选项卡 ID 请勿重复 defaultTabList 内已拥有的默认 key(a、b、c 为默认节点 key) |
-| type   | String | 插槽类型 默认 default 插槽 slot                                              |
-| slot   | String | 插槽名                                                                       |
-| sort   | Number | 排序参数,无参数默认插入末尾                                                  |
-
-### selfTapList-对象说明 同上
-
-### formData-对象说明
-
-| 属性名                    | 类型   | 说明    |
-| ------------------------- | ------ | ------- |
-| businessKey               | String | 业务 ID [必填] |
-| title reason meetingTheme | String | 标题    |
-| uid                       | String | 角色 id |
-
-附件相关列表,参考 getValue 回调参数
-
-### restartData-对象说明
-
-| 属性名       | 类型   | 说明                 |
-| ------------ | ------ | -------------------- |
-| businessType | String | 业务 类型            |
-| showType     | String | 流程类型(all,pc,app) |
-| processName  | String | 流程查询字段         |
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

package/build/configure/README.md

@@ -0,0 +1,211 @@
+# ui-process-h5
+
+> App 端 流程、附件上传、附件列表、送审插件
+
+## 安装
+
+> vue2.7 以上版本安装指令
+>
+> > ```bash
+> > npm i ui-process-h5 -D
+> > ```
+
+> vue2.7 以下版本安装指令
+>
+> > ```bash
+> > npm i @vue/composition-api -D
+> > npm i ui-process-h5 -D
+> > ```
+
+## 使用
+
+在需要使用的组件内引入
+
+```js
+import {
+    TopProcess,
+    attchViews,
+    TopSumbitPopup,
+    ViewAttchList,
+} from "ui-process-h5";
+export default {
+    components: { TopProcess, attchViews, TopSumbitPopup, ViewAttchList },
+};
+```
+
+```html
+<template>
+    <TopProcess
+        :processInstId="processInstId"
+        :processDefId="processDefId"
+        :formData="formData"
+        :isView="isView"
+        :userId="userId"
+        :request="request"
+        :tapList="tapList"
+        :selfTapList="selfTapList"
+        :endFunction="endFunction"
+        :isDocument="isDocument"
+    >
+        <slot></slot>
+    </TopProcess>
+    <attchViews
+        v-if="labels == '1'"
+        :limit="limit ? limit : -1"
+        :requires="requires"
+        :request="param.request"
+        :linkUrl="param.linkUrl"
+        @getValue="getValues"
+    />
+    <ViewAttchList :inList="inList"></ViewAttchList>
+    <TopSumbitPopup
+        :visible="visible"
+        :request="request"
+        :appId="appId"
+        :resubmit="resubmit"
+        :id="businessKey"
+        :businessType="businessType"
+        :todoParameter="todoParameter"
+        :title="title"
+        @successFn="successFn"
+        :beforeFunction="beforeFunction"
+    ></TopSumbitPopup>
+</template>
+<script>
+    import "ui-process-h5/style.css";
+    import {
+        TopProcess,
+        attchViews,
+        TopSumbitPopup,
+        ViewAttchList,
+    } from "ui-process-h5";
+    export default {
+        components: { TopProcess, attchViews, TopSumbitPopup, ViewAttchList },
+        data() {
+            return {
+                formData: {
+                    businessKey: businessKey,
+                    processInstId: processInstId,
+                    processDefId: processDefId,
+                    title: title,
+                    subjectId: subjectId,
+                    userId: userId,
+                    userName: userName,
+                    reason: reason,
+                    meetingTheme: meetingTheme,
+                },
+                selfBtn: [
+                    {
+                        name: "测试",
+                        type: "danger",
+                        click: () => {
+                            console.log("当前::");
+                        },
+                    },
+                    {
+                        name: "测试2",
+                        type: "default",
+                        click: () => {
+                            console.log("当前::");
+                        },
+                    },
+                ],
+            };
+        },
+        methods: {
+            endFunction() {
+                console.log("endFunction");
+            },
+            beforeFunction() {
+                console.log("beforeFunction");
+            },
+        },
+    };
+</script>
+```
+
+## 属性-Attributes (TopProcess)
+
+| 参数           | 类型     | 默认值            | 说明                                                |
+| -------------- | -------- | ----------------- | --------------------------------------------------- |
+| tapList        | Array    | []                | tab 节点插入、自定义附件等信息                      |
+| selfTapList    | Array    | []                | 自定义 tab 节点,传入后覆盖原本参数                  |
+| request        | Object   | null              | axios 接口请求方法 [需要包含 get post 请求方式]     |
+| processInstId  | String   | ''                | 流程实例 ID [必填]                                  |
+| formData       | Object   | {}                | 集合数据 内部存储流程相关信息 businessKey[必填]     |
+| isAdditional   | boolean  | false             | 自定义按钮开关 开启后可使用按钮插槽                 |
+| getVars        | Function | null              | 业务方法                                            |
+| endFunction    | Function | null              | 弹窗结束后执行方法                                  |
+| beforeFunction | Function | null              | 弹窗开启前执行方法                                  |
+| restartData    | Object   | null              | 重新提交参数                                        |
+| isDocument     | Boolean  | false             | 公文独立配置                                        |
+| selfList       | Array    | {id,name}         | 自定义流程列表                                      |
+| selfBtn        | Array    | {name,type,click} | 自定义流程按钮(查看案例 data)                       |
+| uid            | String   | ""                | 炎黄 uid 若业务流程不需要催办,撤回,可以不使用该参数 |
+| isCheckType    | String   | "0"               | 选人类型 传入后默认所有选人都为该类型               |
+| isMsg          | Boolean  | false             | 意见是否展示                                        |
+
+## 属性-Attributes (attchViews)
+
+| 参数     | 类型             | 默认值 | 说明                                            |
+| -------- | ---------------- | ------ | ----------------------------------------------- |
+| request  | Object           | null   | axios 接口请求方法 [需要包含 get post 请求方式] |
+| limit    | [String, Number] | 4      | 最大上传数                                      |
+| getValue | Function         | null   | 返回上传数据 url                                |
+| requires | Boolean          | false  | 必填                                            |
+| inComing | Array            | Array  | 回显已上传列表                                  |
+| deletFn  | Function         | null   | 组件本身提供静态删除功能,动态删除需传入相应方法 |
+
+## 属性-Attributes (ViewAttchList)
+
+| 参数   | 类型  | 默认值 | 说明         |
+| ------ | ----- | ------ | ------------ |
+| inList | Array | []     | 附件列表展示 |
+
+## 属性-Attributes (TopSumbitPopup)
+
+| 参数           | 类型             | 默认值    | 说明                                            |
+| -------------- | ---------------- | --------- | ----------------------------------------------- |
+| visible        | Boolean          | false     | 展示参数                                        |  |
+| title          | String           | ""        | 送审提交标题参数                                |
+| todoParameter  | Object           | {}        | 发起流程时的其他参数                            |
+| businessType   | [String, Number] | null      | 业务类型                                        |
+| id             | String           | ""        | 业务 Id                                         |
+| resubmit       | Boolean          | false     | 是否为重新提交                                  |
+| request        | Object           | null      | axios 接口请求方法 [需要包含 get post 请求方式] |
+| appId          | String           | ''        | appId                                           |
+| beforeFunction | Function         | null      | 提交前执行事件                                  |
+| successFn      | Function         | null      | 成功后回调                                      |
+| manual         | Boolean          | false     | 手动执行启动(ref 绑定后执行 handleSongshen())   |
+| selfList       | Array            | {id,name} | 自定义流程列表                                  |
+| isCheckType    | String           | "0"       | 选人类型 uid                                    |
+
+### tapList-对象说明
+
+| 属性名 | 类型   | 说明                                                                         |
+| ------ | ------ | ---------------------------------------------------------------------------- |
+| label  | String | 选项卡 title                                                                 |
+| key    | String | 选项卡 ID 请勿重复 defaultTabList 内已拥有的默认 key(a、b、c 为默认节点 key) |
+| type   | String | 插槽类型 默认 default 插槽 slot                                              |
+| slot   | String | 插槽名                                                                       |
+| sort   | Number | 排序参数,无参数默认插入末尾                                                  |
+
+### selfTapList-对象说明 同上
+
+### formData-对象说明
+
+| 属性名                    | 类型   | 说明    |
+| ------------------------- | ------ | ------- |
+| businessKey               | String | 业务 ID [必填] |
+| title reason meetingTheme | String | 标题    |
+| uid                       | String | 角色 id |
+
+附件相关列表,参考 getValue 回调参数
+
+### restartData-对象说明
+
+| 属性名       | 类型   | 说明                 |
+| ------------ | ------ | -------------------- |
+| businessType | String | 业务 类型            |
+| showType     | String | 流程类型(all,pc,app) |
+| processName  | String | 流程查询字段         |

package/build/configure/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "ui-process-h5",
+  "version": "2.1.0-beta",
+  "description": "> app端 流程插件",
+  "main": "./ui-process-h5.umd.cjs",
+  "style": "./style.css",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./ui-process-h5.js",
+      "require": "./ui-process-h5.umd.cjs"
+    },
+    "./style.css": {
+      "import": "./style.css",
+      "require": "./style.css"
+    }
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postinstall": "node scripts/postinstall.mjs"
+  },
+  "devDependencies": {
+    "checked-pick-app": "^1.4.12",
+    "dsbridge": "^3.1.4"
+  },
+  "dependencies": {
+    "checked-pick-app": "^1.4.12",
+    "dsbridge": "^3.1.4"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/debug.js

@@ -0,0 +1,9 @@
+import { copyFile, cp } from "fs";
+
+
+cp('./ui-process-h5/v'+process.argv[2], './ui-process-h5', { recursive: true }, (err) => {
+    if (err) {
+      console.error(err);
+    }
+  }
+  )

package/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="format-detection" content="telephone=yes"/>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

package/package.json

@@ -1,32 +1,63 @@
 {
   "name": "ui-process-h5",
-  "version": "2.0.8-beta",
-  "description": "> app端 流程插件",
-  "main": "./ui-process-h5.umd.cjs",
-  "style": "./style.css",
+  "private": false,
+  "description": "流程组件",
+  "version": "2.1.0-beta",
   "type": "module",
-  "exports": {
-    ".": {
-      "import": "./ui-process-h5.js",
-      "require": "./ui-process-h5.umd.cjs"
-    },
-    "./style.css": {
-      "import": "./style.css",
-      "require": "./style.css"
-    }
-  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "postinstall": "node scripts/postinstall.mjs"
-  },
-  "devDependencies": {
-    "checked-pick-app": "^1.4.13-beta",
-    "dsbridge": "^3.1.4"
+    "dev": "vite --host 0.0.0.0",
+    "build": "npm run clean && run-s build:*",
+    "debug:2": "node ./debug.js 2",
+    "debug:2.7": "node ./debug.js 2.7",
+    "debug:3": "node ./debug.js 3",
+    "clean": "rimraf ./ui-process-h5",
+    "dev:2": "npm run switch:2 && vite",
+    "dev:2.7": "npm run switch:2.7 && vite",
+    "dev:3": "npm run switch:3 && vite --force",
+    "switch:2": "vue-demi-switch 2 vue2",
+    "switch:2.7": "vue-demi-switch 2.7 vue2.7",
+    "switch:3": "vue-demi-switch 3 vue3",
+    "build:2": "npm run switch:2 && vite build",
+    "build:2.7": "npm run switch:2.7 && vite build",
+    "build:3": "npm run switch:3 && vite build"
   },
   "dependencies": {
-    "checked-pick-app": "^1.4.13-beta",
-    "dsbridge": "^3.1.4"
+    "@types/node": "^18.16.3",
+    "@vue/composition-api": "^1.7.1",
+    "axios": "^1.3.6",
+    "checked-pick-app": "^1.4.9",
+    "dsbridge": "^3.1.4",
+    "js-cookie": "^3.0.5",
+    "json-bigint": "^1.0.0",
+    "npm-run-all": "^4.1.5",
+    "perfect-scrollbar": "^1.5.5",
+    "sass": "^1.62.1",
+    "ui-process-h5": "^1.6.6",
+    "vue-demi": "^0.13.8"
   },
-  "author": "",
-  "license": "ISC"
-}
+  "peerDependencies": {
+    "@vue/composition-api": "^1.7.0",
+    "vue": "^2.0.0 || >=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@vue/composition-api": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.0.3",
+    "consola": "^3.2.3",
+    "postcss-relaxed-unit": "^1.1.1",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-copy": "^3.4.0",
+    "vite": "^3.0.7",
+    "vite-plugin-vue2": "^2.0.2",
+    "vue": "2.6.14",
+    "vue-eslint-parser": "^9.0.3",
+    "vue-template-compiler": "2.6.14",
+    "vue-tsc": "^0.39.5",
+    "vue2": "npm:vue@2.6.14",
+    "vue2.7": "npm:vue@2.7.14",
+    "vue3": "npm:vue@^3.2.36"
+  }
+}