ui-process-h5 0.1.40 → 1.0.6

package/README.md

@@ -1,18 +1,171 @@
-# Vue 3 + TypeScript + Vite
-
-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
-
-- [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).
-
-## 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:
-
-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.
+# 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"
+        :appId="appId"
+        :isView="isView"
+        :userId="userId"
+        :request="request"
+        :tapList="tapList"
+        :selfTapList="selfTapList"
+    >
+        <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"
+        :isClearHistory="isClearHistory"
+        :title="title"
+    ></TopSumbitPopup>
+</template>
+<script>
+    import "ui-process-h5/ui-process-h5.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,
+                },
+            };
+        },
+        methods: {},
+    };
+</script>
+```
+
+## 属性-Attributes (TopProcess)
+
+| 参数          | 类型     | 默认值 | 说明                                            |
+| ------------- | -------- | ------ | ----------------------------------------------- |
+| tapList       | Array    | []     | tab 节点插入、自定义附件等信息                  |
+| selfTapList   | Array    | []     | 自定义 tab 节点,传入后覆盖原本参数              |
+| processDefId  | String   | ''     | 流程 ID                                         |
+| request       | Object   | null   | axios 接口请求方法 [需要包含 get post 请求方式] |
+| processInstId | String   | ''     | 流程实例 ID                                     |
+| userId        | String   | ''     | 当前角色 id                                     |
+| formData      | Object   | {}     | 集合数据 内部存储流程相关信息                   |
+| appId         | String   | ''     | appId                                           |
+| getVars       | Function | null   | 业务方法                                        |
+| endFunction   | Function | null   | 弹窗结束后执行方法                              |
+
+## 属性-Attributes (attchViews)
+
+| 参数     | 类型     | 默认值  | 说明                                            |
+| -------- | -------- | ------- | ----------------------------------------------- |
+| request  | Object   | null    | axios 接口请求方法 [需要包含 get post 请求方式] |
+| limit    | [Number  | String] | 4                                               | 最大上传数 |
+| getValue | Function | null    | 返回上传数据 url                                |
+| requires | Boolean  | false   | 必填                                            |
+| inComing | Array    | Array   | 回显已上传列表                                  |
+| deletFn  | Function | null    | 组件本身提供静态删除功能,动态删除需传入相应方法 |
+
+## 属性-Attributes (ViewAttchList)
+
+| 参数   | 类型  | 默认值 | 说明         |
+| ------ | ----- | ------ | ------------ |
+| inList | Array | []     | 附件列表展示 |
+
+## 属性-Attributes (TopSumbitPopup)
+
+| 参数           | 类型             | 默认值 | 说明                                            |
+| -------------- | ---------------- | ------ | ----------------------------------------------- |
+| visible        | Boolean          | false  | 展示参数                                        |
+| isClearHistory | 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                                           |
+
+> ### 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     |
+| processDefId              | String | 流程 ID     |
+| processInstId             | String | 流程实例 ID |
+| title reason meetingTheme | String | 标题        |
+| userId                    | String | 角色 id     |
+| userName                  | String | 姓名        |
+
+附件相关列表,参考 getValue 回调参数

package/package.json

@@ -1,57 +1,27 @@
 {
   "name": "ui-process-h5",
-  "private": false,
-  "description": "流程组件",
-  "version": "0.1.40",
+  "version": "1.0.6",
+  "description": "> app端 流程插件",
+  "main": "./ui-process-h5.umd.cjs",
+  "style": "./style.css",
   "type": "module",
-  "scripts": {
-    "dev": "vite --host 0.0.0.0",
-    "build": "npm run clean && run-s build:*",
-    "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": {
-    "@types/node": "^18.16.3",
-    "@vue/composition-api": "^1.7.1",
-    "axios": "^1.3.6",
-    "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",
-    "vue-demi": "^0.13.8"
-  },
-  "peerDependencies": {
-    "@vue/composition-api": "^1.7.0",
-    "vue": "^2.0.0 || >=3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@vue/composition-api": {
-      "optional": true
+  "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": {
-    "@vitejs/plugin-vue": "^3.0.3",
-    "checked-pick-app": "1.0.5",
-    "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"
-  }
-}
+    "checked-pick-app": "^1.0.5"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/build/configure/README.md

@@ -1,171 +0,0 @@
-# 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"
-        :appId="appId"
-        :isView="isView"
-        :userId="userId"
-        :request="request"
-        :tapList="tapList"
-        :selfTapList="selfTapList"
-    >
-        <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"
-        :isClearHistory="isClearHistory"
-        :title="title"
-    ></TopSumbitPopup>
-</template>
-<script>
-    import "ui-process-h5/ui-process-h5.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,
-                },
-            };
-        },
-        methods: {},
-    };
-</script>
-```
-
-## 属性-Attributes (TopProcess)
-
-| 参数          | 类型     | 默认值 | 说明                                            |
-| ------------- | -------- | ------ | ----------------------------------------------- |
-| tapList       | Array    | []     | tab 节点插入、自定义附件等信息                  |
-| selfTapList   | Array    | []     | 自定义 tab 节点,传入后覆盖原本参数              |
-| processDefId  | String   | ''     | 流程 ID                                         |
-| request       | Object   | null   | axios 接口请求方法 [需要包含 get post 请求方式] |
-| processInstId | String   | ''     | 流程实例 ID                                     |
-| userId        | String   | ''     | 当前角色 id                                     |
-| formData      | Object   | {}     | 集合数据 内部存储流程相关信息                   |
-| appId         | String   | ''     | appId                                           |
-| getVars       | Function | null   | 业务方法                                        |
-| endFunction   | Function | null   | 弹窗结束后执行方法                              |
-
-## 属性-Attributes (attchViews)
-
-| 参数     | 类型     | 默认值  | 说明                                            |
-| -------- | -------- | ------- | ----------------------------------------------- |
-| request  | Object   | null    | axios 接口请求方法 [需要包含 get post 请求方式] |
-| limit    | [Number  | String] | 4                                               | 最大上传数 |
-| getValue | Function | null    | 返回上传数据 url                                |
-| requires | Boolean  | false   | 必填                                            |
-| inComing | Array    | Array   | 回显已上传列表                                  |
-| deletFn  | Function | null    | 组件本身提供静态删除功能,动态删除需传入相应方法 |
-
-## 属性-Attributes (ViewAttchList)
-
-| 参数   | 类型  | 默认值 | 说明         |
-| ------ | ----- | ------ | ------------ |
-| inList | Array | []     | 附件列表展示 |
-
-## 属性-Attributes (TopSumbitPopup)
-
-| 参数           | 类型             | 默认值 | 说明                                            |
-| -------------- | ---------------- | ------ | ----------------------------------------------- |
-| visible        | Boolean          | false  | 展示参数                                        |
-| isClearHistory | 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                                           |
-
-> ### 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     |
-| processDefId              | String | 流程 ID     |
-| processInstId             | String | 流程实例 ID |
-| title reason meetingTheme | String | 标题        |
-| userId                    | String | 角色 id     |
-| userName                  | String | 姓名        |
-
-附件相关列表,参考 getValue 回调参数

package/build/configure/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "ui-process-h5",
-  "version": "1.0.5",
-  "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.0.5"
-  },
-  "author": "",
-  "license": "ISC"
-}

package/index.html

@@ -1,12 +0,0 @@
-<!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/src/App.vue

@@ -1,151 +0,0 @@
-<template>
-    <TopProcess
-        processInstId="572405e4-e0dc-40fc-9a95-2b20f5bdfbf1"
-        processDefId="obj_f81cf369ac6e4bf889fc69be430ca6da"
-        :formData="formData"
-        appId="com.awspaas.user.apps.leave"
-        :isView="false"
-        
-        userId="8c7d012761a680dff78b19e10e794c99"
-        :request="request"
-    >
-    <!-- :getVars="getVars" -->
-        <div>展示当前形态</div>
-    </TopProcess>
-</template>
-<script>
-import { TopProcess } from "@/packages/index.js";
-import request from "@/assets/js/request";
-import { defineComponent } from "vue-demi";
-import { setToken } from "@/assets/js/auth";
-import { departPerson } from "checked-pick-app";
-export default {
-    data() {
-        return {
-            formData: {
-                businessKey: "6a9aaf5742572e82b5d89d6f7e52e2f2",
-                processInstId: "572405e4-e0dc-40fc-9a95-2b20f5bdfbf1",
-                processDefId: "obj_f81cf369ac6e4bf889fc69be430ca6da",
-                title: "测试",
-                subjectId: "3a4ef115e32c85a78239e3f5f76b9637",
-                tel: "15107910151",
-                userId: "8c7d012761a680dff78b19e10e794c99",
-                userName: "刘博文",
-            },
-            appId: "com.awspaas.user.apps.leave",
-            isView: false,
-            info: {},
-            bizId: "",
-            style: {
-                color: "#333",
-                disableColor: "#F7F6F6",
-            },
-            param: {
-                realStartTime: "",
-                realEndTime: "",
-                estimateHours: 0,
-                estimateMinutes: 0,
-            },
-            realDays: "",
-            timeLoading: false,
-            processIDS: "",
-            request: request,
-            // 选人组件
-            visible: false,
-            entity: {
-                source: "0",
-                type: "5",
-                request: this.request, //'http://59.53.91.231:2100' 0002
-                businessId: "0003",
-                codeType: [1, 2, 3], // 可选类型 1-主体 2-部门 3-人员
-                multiple: true, // 是否多选
-            },
-        };
-    },
-    components: {
-        /* topProcess, */
-        TopProcess,
-        departPerson,
-    },
-    onLoad(e) {
-        this.bizId = e.bizId;
-        this.getInfo();
-
-        this.processIDS = e.processId;
-    },
-    mounted() {
-        console.log("this.request", this.request);
-        setToken("7d9af038-caae-46b7-b93a-e7a7fcb7d4a4");
-        console.log("processIDS", request);
-    },
-    methods: {
-        getVars() {
-            console.log("getVars");
-            return true;
-        },
-    },
-};
-</script>
-<style lang="scss">
-body {
-    margin: 0;
-}
-#app {
-    font-family: Avenir, Helvetica, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-align: center;
-    color: #2c3e50;
-    width: 100vw;
-    height: 100vh;
-}
-.info-box {
-    background-color: #fff;
-    padding: 10px;
-    .info {
-        display: flex;
-        justify-content: space-between;
-        font-size: 14px;
-        margin-bottom: 10px;
-        b {
-            font-weight: 400;
-            color: #959595;
-        }
-    }
-    .time-info {
-        background-color: #f6f6f6;
-        padding: 10px;
-        border-radius: 10px;
-        margin-bottom: 10px;
-        div {
-            margin-bottom: 10px;
-            font-size: 14px;
-            display: flex;
-            justify-content: space-between;
-            i {
-                color: #000;
-                font-style: normal;
-                font-weight: bold;
-            }
-            em {
-                font-style: normal;
-                font-size: 12px;
-                color: #4e87d4;
-            }
-        }
-    }
-}
-::v-deep .uni-date-x--border {
-    border: none;
-}
-em {
-    font-style: normal;
-    font-size: 12px;
-    color: #4e87d4;
-}
-.ren-title {
-    font-weight: bold;
-    font-size: 16px;
-    margin-bottom: 18px;
-}
-</style>