ui-process-h5 0.1.33 → 0.1.40

package/build/configure/README.md

@@ -0,0 +1,171 @@
+# 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

@@ -0,0 +1,27 @@
+{
+  "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/build/scripts/postinstall.mjs

@@ -0,0 +1,14 @@
+import { isNull, switchVersion } from './utils.mjs'
+try {
+  import('vue').then(res => {
+    const version = isNull(res.version) ? res.default.version : res.version
+    if (isNull(version))
+      console.warn('[vue-demi-sfc-component-template] Vue is not found. Please run "npm install vue" to install.')
+    else
+      switchVersion(version)
+  })
+} catch (error) {
+  console.log('error', error)
+}
+
+

package/build/scripts/switch-cli.mjs

@@ -0,0 +1,4 @@
+import { switchVersion } from './utils.mjs'
+
+const version = process.argv[2]
+switchVersion(version)

package/build/scripts/utils.mjs

@@ -0,0 +1,60 @@
+import path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'url'
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+function switchVersion(version) {
+  const src = getLibDir(version)
+  const dest = path.join(src, '..')
+  console.log(`[frontend-shared] switch ui-process-h5 to vue version ${version}`)
+  copyDir(src, dest)
+}
+
+function getLibDir(version) {
+  const dirname = getDirName(version)
+  return path.join(__dirname, `../../ui-process-h5/${dirname}`)
+}
+
+function getDirName(version) {
+  return String(version).startsWith('2.7.') ? 'v2.7' : String(version).startsWith('2') ? 'v2' : 'v3'
+}
+
+function copyDir(src, dest) {
+  console.log(`copying from ${src} to ${dest}`)
+  // unlink for pnpm, #92
+  try {
+    fs.unlinkSync(dest)
+  } catch (error) { }
+  try {
+    copyRecursiveSync(src, dest)
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+function copyRecursiveSync(src, dest) {
+  const exists = fs.existsSync(src)
+  const stats = exists && fs.statSync(src)
+  const isDirectory = stats && stats.isDirectory()
+  if (isDirectory) {
+    !fs.existsSync(dest) && fs.mkdirSync(dest)
+    fs.readdirSync(src).forEach((childItemName) => {
+      copyRecursiveSync(path.join(src, childItemName), path.join(dest, childItemName))
+    })
+  } else {
+    fs.copyFileSync(src, dest)
+  }
+}
+// 判断是否为空
+function isNull(str) {
+  if (str === null) return true;
+  if (str === undefined) return true;
+  if (str === "null") return true;
+  if (str === "NaN") return true;
+  if (str === "undefined") return true;
+  if (str.length === 0) return true;
+  // if (/^\s*$/i.test(str)) return true;
+  return false;
+}
+export { getLibDir, copyDir, switchVersion, isNull }

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

@@ -2,71 +2,56 @@
   "name": "ui-process-h5",
   "private": false,
   "description": "流程组件",
-  "version": "0.1.33",
+  "version": "0.1.40",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "files": [
-    "packages/*",
-    "Readme.md",
-    "package.json"
-  ],
-  "publicConfig": {
-    "registry": "http://registry.npmjs.org/"
-  },
-  "main": "./packages/index.ts",
-  "module": "./packages/index.ts",
-  "exports": {
-    ".": {
-      "import": "./packages/index.ts",
-      "require": "./packages/index.ts"
-    }
+    "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",
-    "dayjs": "^1.11.7",
-    "less-loader": "^11.1.0",
-    "sass": "^1.62.0",
-    "vue": "^3.2.47",
-    "vue-demi": "^0.14.0"
+    "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
+    }
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.0.0",
-    "@commitlint/config-conventional": "^17.0.0",
-    "@types/node": "^18.15.12",
-    "@types/sass": "^1.43.1",
-    "@typescript-eslint/eslint-plugin": "^5.27.0",
-    "@typescript-eslint/parser": "^5.27.0",
-    "@vitejs/plugin-vue": "^4.1.0",
-    "@vitejs/plugin-vue-jsx": "^2.0.0",
-    "axios": "^1.3.5",
-    "chalk": "^4.1.2",
-    "commitizen": "^4.2.4",
-    "cross-env": "^7.0.3",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.17.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-define-config": "^1.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^9.1.0",
-    "good-storage": "^1.1.1",
-    "husky": "^8.0.1",
-    "js-cookie": "^3.0.1",
-    "prettier": "^2.6.2",
+    "@vitejs/plugin-vue": "^3.0.3",
+    "checked-pick-app": "1.0.5",
+    "postcss-relaxed-unit": "^1.1.1",
     "rimraf": "^3.0.2",
-    "sass": "^1.49.7",
-    "standard-version": "^9.5.0",
-    "typescript": "^4.9.3",
-    "vite": "^4.2.0",
-    "vite-plugin-dts": "^1.2.0",
-    "vite-plugin-md": "^0.15.0",
-    "vue": "^3.2.47",
-    "vue-tsc": "^1.2.0"
-  },
-  "engines": {
-    "node": ">=16.0.0"
+    "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"
   }
 }

package/src/App.vue

@@ -0,0 +1,151 @@
+<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>

package/src/assets/font-icon/iconfont.scss

@@ -0,0 +1,57 @@
+@font-face {
+  font-family: "iconfont";
+  src: url("iconfont.ttf") format("truetype");
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-jiantouyou:before {
+  content: "\e62d";
+}
+
+.icon-chaxun:before {
+  content: "\e6b4";
+}
+
+.icon-warning-circle-fill:before {
+  content: "\e848";
+}
+
+.icon-error-fill:before {
+  content: "\e839";
+}
+
+.icon-info-fill:before {
+  content: "\e83d";
+}
+
+.icon-success-fill:before {
+  content: "\e842";
+}
+
+.icon-nan:before {
+  content: "\e623";
+}
+
+.icon-nv:before {
+  content: "\e624";
+}
+
+.icon-cuowuguanbiquxiao:before {
+  content: "\e8e7";
+}
+
+.icon-zuzhijigou:before {
+  content: "\e608";
+}
+
+.icon-pedigree:before {
+  content: "\e60e";
+}
+