ui-process-h5 0.1.27 → 0.1.30

package/package.json

@@ -1,74 +1,72 @@
-{
-  "name": "ui-process-h5",
-  "private": false,
-  "description": "流程组件",
-  "version": "0.1.27",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "files": [
-    "lib/*",
-    "packages/*",
-    "Readme.md",
-    "package.json"
-  ],
-  "publicConfig": {
-    "registry": "http://registry.npmjs.org/"
-  },
-  "main": "./lib/design.umd.js",
-  "module": "./lib/design.mjs",
-  "exports": {
-    ".": {
-      "import": "./lib/design.mjs",
-      "require": "./lib/design.umd.js"
-    },
-    "./lib/style.css": "./lib/style.css"
-  },
-  "dependencies": {
-    "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"
-  },
-  "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",
-    "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"
-  }
-}
+{
+  "name": "ui-process-h5",
+  "private": false,
+  "description": "流程组件",
+  "version": "0.1.30",
+  "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"
+    }
+  },
+  "dependencies": {
+    "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"
+  },
+  "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",
+    "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"
+  }
+}

package/packages/component.ts

@@ -1,5 +1,4 @@
-import TopTab from "./components/tab";
 import TopProcess from "./components/process";
 
-export default [TopTab, TopProcess];
-export { TopTab, TopProcess };
+export default [TopProcess];
+export { TopProcess };

package/packages/components/process/index.ts

@@ -1,4 +1,4 @@
-import { App } from "vue";
+import { App } from "vue-demi";
 import TopProcess from "./src/index.vue";
 
 TopProcess.install = function (app: App) {

package/packages/components/{button/src/index.vue → process/src/button.vue}

@@ -8,7 +8,7 @@
 </template>
 <script>
 import { defineComponent, ref, watch, computed, onMounted } from "vue-demi";
-export default {
+export default defineComponent({
     name: "TopButton",
     props: {
         type: { default: "default", type: String },
@@ -38,7 +38,7 @@ export default {
             style,
         };
     },
-}
+});
 </script>
 <style scoped>
 .top-button {

package/packages/components/process/src/index.vue

@@ -84,12 +84,12 @@
 
 <script lang="ts">
 import { defineComponent, ref, watch, computed } from "vue-demi";
-import TopTab from "../../tab";
-import TopPopup from "../../popup";
-import TopButton from "../../button";
+import TopTab from "./tab.vue";
+import TopPopup from "./popup.vue";
+import TopButton from "./button.vue";
 // import { getProcessStatus } from "../../utils/request/api";
 
-export default {
+export default defineComponent({
     name: "TopProcess",
     components: {
         TopTab,
@@ -103,8 +103,9 @@ export default {
         taskId: { require: true, default: "", type: String },
         isAdditional: { require: false, default: false, type: Boolean },
         isView: { default: false, type: Boolean },
+        userId: { default: "", type: String}
     },
-    setup(props: any) {
+    setup(props) {
         const processStatus = ref<any>({});
 
         const TopPopup1 = ref<any>();
@@ -202,7 +203,7 @@ export default {
             }
         );
 
-        /* getProcessStatus({
+       /*  getProcessStatus({
             processInstId: "4ac28800-7056-483b-8d38-a4932daf055b",
         }).then((res) => {
             console.log("res", res);
@@ -348,7 +349,7 @@ export default {
             return "#1389FF";
         },
     },
-}
+});
 </script>
 
 <style scoped>

package/packages/components/{popup/src/index.vue → process/src/popup.vue}

@@ -24,10 +24,10 @@
         @click="isMaskClose && handleClose()"
     ></div>
 </template>
-<script lang="ts">
+<script>
 import { defineComponent, ref, watch, computed, onMounted } from "vue-demi";
 
-export default {
+export default defineComponent({
     name: "TopPopup",
     props: {
         titleText: { default: "top-popup", type: String },
@@ -35,11 +35,11 @@ export default {
         comfigText: { default: "确定", type: String },
         comfig: { default: null, type: Function },
         cancel: { default: null, type: Function },
-        isMask: { require: false, default: true, type: Boolean },
-        isMaskClose: { require: false, default: true, type: Boolean },
+        isMask: { default: true, type: Boolean },
+        isMaskClose: { default: true, type: Boolean },
     },
     setup(props) {
-        const show = ref<boolean>(false);
+        const show = ref(false);
 
         const handleOpen = () => {
             show.value = true;
@@ -70,7 +70,7 @@ export default {
             show,
         };
     },
-}
+});
 </script>
 <style scoped>
 .top-popup {

package/packages/components/{tab/src/index.vue → process/src/tab.vue}

@@ -92,11 +92,11 @@
     </div>
 </template>
 
-<script lang="ts">
+<script >
 import { defineComponent, ref, watch, onMounted, computed } from "vue-demi";
 // import { getProcessStatus } from "../../utils/request/api";
 
-export default {
+export default defineComponent({
     name: "TopTab",
     props: {
         /**
@@ -117,14 +117,14 @@ export default {
             default: () => [],
         },
     },
-    setup(props: any) {
+    setup(props) {
         // 流程图
-        const trackUrl = ref<string>(
+        const trackUrl = ref(
             "http://59.53.91.231:8088/portal/r/w?sid=6f714ec1-7570-4525-ac51-b092402d8295&cmd=CLIENT_BPM_FORM_TRACK_OPEN&processInstId=1f6e7196-e1ea-428e-b295-aa23a54a2402&supportCanvas=true&formInfo="
         );
 
         // 审批信息
-        const taskCommentList = ref<any>([
+        const taskCommentList = ref([
             {
                 actionName: "提交",
                 activityName: "部门负责人",
@@ -143,10 +143,10 @@ export default {
         ]);
 
         // 选中
-        const active = ref<string>("");
+        const active = ref("");
 
         // tab 渲染
-        const defaultTabList = ref<any>([
+        const defaultTabList = ref([
             {
                 label: "基本信息",
                 key: "a",
@@ -167,7 +167,7 @@ export default {
             },
         ]);
 
-        const isTapList = ref<any>([
+        const isTapList = ref([
             {
                 label: "基本信息",
                 key: "a",
@@ -188,13 +188,13 @@ export default {
             },
         ]);
 
-        const label = ref<any>();
+        const label = ref();
 
         // taskNode taskObj
 
         /* method */
         // 选中方法
-        const handleActive = (e: string, i: number) => {
+        const handleActive = (e, i) => {
             if (e === active.value) {
                 return;
             }
@@ -203,9 +203,9 @@ export default {
             tabAnimation(i);
         };
 
-        const tabAnimation = (i: number) => {
+        const tabAnimation = (i) => {
             if (label.value.length) {
-                let doc = <any>(
+                let doc = (
                     document.getElementsByClassName("bottom-line")[0]
                 );
                 let left;
@@ -250,7 +250,7 @@ export default {
                     isTapList.value = [].concat(defaultTabList.value);
                     if (val.length > 0) {
                         /* return [] */
-                        val.forEach((v: any, i: number) => {
+                        val.forEach((v, i) => {
                             if (v.sort && v.sort > 1) {
                                 isTapList.value.splice(v.sort - 1, 0, v);
                             } else if (v.sort == 1) {
@@ -287,7 +287,7 @@ export default {
             trackUrl,
         };
     },
-};
+});
 </script>
 
 <style scoped>

package/packages/components/utils/request/api.ts

@@ -0,0 +1,11 @@
+import request from "./request";
+
+const proxyStr = "/prod-api/aws";
+
+export function getProcessStatus(query: any) {
+    return request({
+        url: proxyStr + "/pis/getProcessStatus",
+        method: "get",
+        params: query,
+    });
+}

package/packages/components/utils/request/cache.d.ts

@@ -0,0 +1,52 @@
+
+export const ACCESS_TOKEN :string
+export const SUBJECTID :string
+export const TASK_JSON :string
+
+/**
+ * 设置cookie
+ * @param key
+ * @param value
+ * @param options
+ * @returns {*}
+ */
+export function saveCookie(key: string, value: string, options: any): void
+
+/**
+ * 获取cookie
+ * @param key  cookie的key
+ * @param defaultValue
+ * @returns {*}
+ */
+export function loadCookie(key: string, defaultValue: string): string
+
+
+/**
+ * 删除cookie
+ * @param key
+ * @returns {string}
+ */
+ export function removeCookie (key: string): string
+
+ 
+/**
+ * 设置本地存储
+ * @param key
+ * @param value
+ * @returns {*}
+ */
+export function saveStorage (key: string, value: string) : string
+  
+  /**
+   * 获取本地存储
+   * @param key
+   * @param defaultValue
+   * @returns {*}
+   */
+  export function loadStorage (key: string, defaultValue: string) : string
+  /**
+   * 删除本地存储
+   * @param key
+   * @returns {string}
+   */
+  export function removeStorage (key: string) : string

package/packages/components/utils/request/cache.js

@@ -0,0 +1,99 @@
+import Cookies from 'js-cookie'
+import storage from 'good-storage'
+
+export const ACCESS_TOKEN = 'Access_Token'// accessToken String
+export const SUBJECTID = 'SUBJECTID'// accessToken String
+export const TASK_JSON = "TASK_JSON"
+/**
+ * 设置cookie
+ * @param key
+ * @param value
+ * @param options
+ * @returns {*}
+ */
+export function saveCookie(key, value, options) {
+  Cookies.set(key, value, options)
+  return value
+}
+
+/**
+ * 获取cookie
+ * @param key
+ * @param defaultValue
+ * @returns {*}
+ */
+export function loadCookie(key, defaultValue) {
+  return Cookies.get(key) || defaultValue
+}
+
+/**
+ * 删除cookie
+ * @param key
+ * @returns {string}
+ */
+export function removeCookie(key) {
+  Cookies.remove(key)
+  return ''
+}
+
+/**
+ * 设置本地存储
+ * @param key
+ * @param value
+ * @returns {*}
+ */
+export function saveStorage(key, value) {
+  storage.set(key, value)
+  return value
+}
+
+/**
+ * 获取本地存储
+ * @param key
+ * @param defaultValue
+ * @returns {*}
+ */
+export function loadStorage(key, defaultValue) {
+  return storage.get(key, defaultValue)
+}
+
+/**
+ * 删除本地存储
+ * @param key
+ * @returns {string}
+ */
+export function removeStorage(key) {
+  storage.remove(key)
+  return ''
+}
+
+/**
+ * 保存会话存储
+ * @param key
+ * @param value
+ * @returns {*}
+ */
+export function saveSessionStorage(key, value) {
+  storage.session.set(key, value)
+  return value
+}
+
+/**
+ * 获取会话存储
+ * @param key
+ * @param defaultValue
+ * @returns {*}
+ */
+export function loadSessionStorage(key, defaultValue) {
+  return storage.session.get(key, defaultValue)
+}
+
+/**
+ * 删除会话存储
+ * @param key
+ * @returns {string}
+ */
+export function removeSessionStorage(key) {
+  storage.session.remove(key)
+  return ''
+}

package/packages/components/utils/request/request.ts

@@ -0,0 +1,61 @@
+import axios, {
+    AxiosRequestConfig,
+    AxiosResponse,
+    AxiosError,
+    InternalAxiosRequestConfig,
+} from "axios";
+import { ACCESS_TOKEN, loadStorage } from "./cache";
+
+const host = process.env.VUE_APP_BASE_URL;
+// const host = "http://59.53.91.231:2106";
+
+axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
+
+const opts = {
+    baseURL: host,
+    timeout: 999999999,
+    errorTip: true,
+    transformResponse: [
+        function (data: any, headers: any) {
+            if (typeof data === "string") {
+                try {
+                    data = JSON.parse(data);
+                } catch (e) {}
+            }
+            return data;
+        },
+    ],
+};
+
+const service = axios.create(opts);
+
+service.interceptors.request.use((config)=> {
+    const isToken = (config.headers || {}).isToken === false;
+    if (loadStorage("token", "") && !isToken) {
+        config.headers["Authorization"] = "Bearer " + loadStorage("token", ""); // 让每个请求携带自定义token 请根据实际情况自行修改 15c572f2-1fff-4ef2-94dc-728fc8d6fe14
+    }
+    /* config.headers["Authorization"] =
+        "Bearer " + "15c572f2-1fff-4ef2-94dc-728fc8d6fe14"; */
+    return config;
+});
+
+service.interceptors.response.use((response) => {
+    if (Object.prototype.toString.call(response.data) === "[object Blob]") {
+        return response;
+    }
+    const { data, config } = response;
+    const { code, success } = data;
+    const message = response.data.msg;
+    // 增加失败判断
+    data.fail = code !== 200 && success !== true;
+    if (code === 401) {
+        console.log("登录状态已过期");
+        return data;
+    } else if (code !== 200) {
+        console.log("错误");
+        return data;
+    }
+    return data;
+});
+
+export default service;

package/lib/design.js

@@ -1,596 +0,0 @@
-import { ref as v, watch as P, onMounted as M, openBlock as l, createElementBlock as r, createElementVNode as s, Fragment as g, renderList as L, normalizeClass as W, toDisplayString as h, createCommentVNode as _, withDirectives as z, renderSlot as k, vShow as H, pushScopeId as q, popScopeId as O, normalizeStyle as A, computed as E, resolveComponent as U, createVNode as j, withCtx as F, createBlock as R, createTextVNode as V } from "vue";
-const Y = {
-  name: "TopTab",
-  props: {
-    /**
-     * 根据参数插入自定义tab
-     * label:选项卡title
-     * key:选项卡ID 请勿重复defaultTabList内已拥有的默认key
-     * type:插槽类型 "slot" "default"
-     * sort:排序参数,无参数默认插入末尾
-     * slot:插槽name
-     */
-    tapList: {
-      type: Array,
-      default: () => []
-    },
-    // 自定义tab (传入后  默认tab,tapList,失效)
-    selfTapList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(e) {
-    const a = v(
-      "http://59.53.91.231:8088/portal/r/w?sid=6f714ec1-7570-4525-ac51-b092402d8295&cmd=CLIENT_BPM_FORM_TRACK_OPEN&processInstId=1f6e7196-e1ea-428e-b295-aa23a54a2402&supportCanvas=true&formInfo="
-    ), i = v([
-      {
-        actionName: "提交",
-        activityName: "部门负责人",
-        createDate: "2023-04-20 14:47:35",
-        createUser: "18ccbf63229f0c79f39940ae284c111e",
-        createUserName: "朱鸿飞",
-        customUniqueId: "",
-        departmentName: "测试部",
-        id: "88df38c8-9756-4b4a-a9b0-dcb0ec1b57d5",
-        metaAnnexList: null,
-        msg: "同意",
-        positionName: "测试部119147",
-        processInstId: "1f6e7196-e1ea-428e-b295-aa23a54a2402",
-        taskInstId: "38bbef1c-efbb-456d-bd79-08ed9d96b4b3"
-      }
-    ]), t = v(""), f = v([
-      {
-        label: "基本信息",
-        key: "a",
-        type: "default",
-        slot: "default"
-      },
-      {
-        label: "流程图",
-        key: "b",
-        type: "default",
-        slot: "tab2"
-      },
-      {
-        label: "审批记录",
-        key: "c",
-        type: "default",
-        slot: "tab3"
-      }
-    ]), d = v([
-      {
-        label: "基本信息",
-        key: "a",
-        type: "default",
-        slot: "default"
-      },
-      {
-        label: "流程图",
-        key: "b",
-        type: "default",
-        slot: "tab2"
-      },
-      {
-        label: "审批记录",
-        key: "c",
-        type: "default",
-        slot: "tab3"
-      }
-    ]), o = v(), y = (c, m) => {
-      c !== t.value && (t.value = c, p(m));
-    }, p = (c) => {
-      if (o.value.length) {
-        let m = document.getElementsByClassName("bottom-line")[0], u;
-        if (m.offsetWidth < o.value[c].offsetWidth - 10) {
-          let b = (o.value[c].offsetWidth - m.offsetWidth - 10) / 2;
-          u = `${o.value[c].offsetLeft + b}px`;
-        } else if (m.offsetWidth > o.value[c].offsetWidth - 10) {
-          let b = (m.offsetWidth - o.value[c].offsetWidth + 10) / 2;
-          u = `${o.value[c].offsetLeft - b}px`;
-        } else
-          u = `${o.value[c].offsetLeft}px`;
-        m.style.transition = ".3s", m.style.transform = `translateX(${u})`;
-      }
-    };
-    return P(
-      () => e.selfTapList,
-      (c, m) => {
-        c.length && (d.value = [].concat(c), t.value = d.value[0].key);
-      },
-      {
-        //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-        //那么首次执行，val为默认值,preVal为undefined
-        immediate: !0,
-        //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-        deep: !0
-      }
-    ), P(
-      () => e.tapList,
-      (c, m) => {
-        e.selfTapList.length || (d.value = [].concat(f.value), c.length > 0 && c.forEach((u, b) => {
-          u.sort && u.sort > 1 ? d.value.splice(u.sort - 1, 0, u) : u.sort == 1 ? d.value.unshift(u) : d.value.push(u);
-        }), t.value = d.value[0].key);
-      },
-      {
-        //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-        //那么首次执行，val为默认值,preVal为undefined
-        immediate: !0,
-        //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-        deep: !0
-      }
-    ), M(() => {
-      p(0);
-    }), {
-      isTapList: d,
-      active: t,
-      handleActive: y,
-      label: o,
-      taskCommentList: i,
-      trackUrl: a
-    };
-  }
-};
-const N = (e, a) => {
-  const i = e.__vccOpts || e;
-  for (const [t, f] of a)
-    i[t] = f;
-  return i;
-}, C = (e) => (q("data-v-dfe642fd"), e = e(), O(), e), G = { class: "tops-tab" }, K = { class: "tops-tab-header" }, X = ["onClick"], J = {
-  key: 0,
-  class: "bottom-line"
-}, Q = { class: "tops-tab-body" }, Z = ["src"], ee = {
-  key: 1,
-  class: "textnone"
-}, te = { class: "seal-list__item--option" }, se = /* @__PURE__ */ C(() => /* @__PURE__ */ s("span", null, "节点名称", -1)), ae = { class: "seal-list__item--option" }, oe = /* @__PURE__ */ C(() => /* @__PURE__ */ s("span", null, "审批人", -1)), ne = { class: "seal-list__item--option" }, le = /* @__PURE__ */ C(() => /* @__PURE__ */ s("span", null, "审批操作", -1)), ce = { class: "seal-list__item--option" }, ue = /* @__PURE__ */ C(() => /* @__PURE__ */ s("span", null, "审批意见", -1)), re = ["innerHTML"], ie = { class: "seal-list__item--option" }, de = /* @__PURE__ */ C(() => /* @__PURE__ */ s("span", null, "审批时间", -1)), fe = {
-  key: 0,
-  class: "seal-list__item--attch"
-}, pe = /* @__PURE__ */ C(() => /* @__PURE__ */ s("span", null, "查看附件", -1)), _e = [
-  pe
-], me = {
-  key: 1,
-  class: "textnone"
-};
-function ve(e, a, i, t, f, d) {
-  return l(), r("div", G, [
-    s("div", K, [
-      (l(!0), r(g, null, L(t.isTapList, (o, y) => (l(), r("div", {
-        class: W(["tops-tab-header-items", [o.key === t.active ? "active" : ""]]),
-        onClick: (p) => t.handleActive(o.key, y),
-        ref_for: !0,
-        ref: "label"
-      }, h(o.label), 11, X))), 256)),
-      t.isTapList.length ? (l(), r("div", J)) : _("", !0)
-    ]),
-    s("div", Q, [
-      (l(!0), r(g, null, L(t.isTapList, (o) => z((l(), r("div", {
-        key: o.key,
-        style: { height: "calc(100% - 45px)" }
-      }, [
-        o.key === "a" && o.type === "default" ? k(e.$slots, "default", { key: 0 }, void 0, !0) : _("", !0),
-        o.key === "b" && o.type === "default" ? k(e.$slots, o.slot, { key: 1 }, () => [
-          t.trackUrl ? (l(), r("iframe", {
-            key: 0,
-            src: t.trackUrl,
-            style: { width: "100%", "min-height": "500px", border: "none" },
-            scrolling: "no",
-            frameborder: "0"
-          }, null, 8, Z)) : (l(), r("div", ee, " 暂无流程图 "))
-        ], !0) : _("", !0),
-        o.key === "c" && o.type === "default" ? k(e.$slots, o.slot, { key: 2 }, () => {
-          var y;
-          return [
-            ((y = t.taskCommentList) == null ? void 0 : y.length) > 0 ? (l(!0), r(g, { key: 0 }, L(t.taskCommentList, (p, c) => (l(), r("div", {
-              key: p.id,
-              class: "seal-list__item"
-            }, [
-              s("div", null, [
-                s("div", te, [
-                  se,
-                  s("span", null, h(p.activityName), 1)
-                ]),
-                s("div", ae, [
-                  oe,
-                  s("span", null, h(p.createUserName), 1)
-                ]),
-                s("div", ne, [
-                  le,
-                  s("span", null, h(p.actionName), 1)
-                ]),
-                s("div", ce, [
-                  ue,
-                  s("span", {
-                    innerHTML: p.msg
-                  }, null, 8, re)
-                ]),
-                s("div", ie, [
-                  de,
-                  s("span", null, h(p.createDate), 1)
-                ]),
-                p.metaAnnexList && p.metaAnnexList.length ? (l(), r("div", fe, _e)) : _("", !0)
-              ])
-            ]))), 128)) : (l(), r("div", me, "暂无数据"))
-          ];
-        }, !0) : _("", !0),
-        o.type == "slot" ? k(e.$slots, o.slot, { key: 3 }, void 0, !0) : _("", !0)
-      ])), [
-        [H, t.active === o.key]
-      ])), 128))
-    ])
-  ]);
-}
-const S = /* @__PURE__ */ N(Y, [["render", ve], ["__scopeId", "data-v-dfe642fd"]]);
-S.install = function(e) {
-  return e.component(S.name, S), e;
-};
-const he = {
-  name: "TopPopup",
-  props: {
-    titleText: { default: "top-popup", type: String },
-    cancelText: { default: "取消", type: String },
-    comfigText: { default: "确定", type: String },
-    comfig: { default: null, type: Function },
-    cancel: { default: null, type: Function },
-    isMask: { require: !1, default: !0, type: Boolean },
-    isMaskClose: { require: !1, default: !0, type: Boolean }
-  },
-  setup(e) {
-    const a = v(!1), i = () => {
-      a.value = !0;
-    }, t = () => {
-      typeof e.cancel == "function" && e.cancel(), d();
-    }, f = () => {
-      typeof e.comfig == "function" && e.comfig();
-    }, d = () => {
-      a.value = !1;
-    };
-    return M(() => {
-      document.querySelector("body");
-    }), {
-      handleOpen: i,
-      handleCancel: t,
-      handleComfig: f,
-      handleClose: d,
-      show: a
-    };
-  }
-};
-const be = { class: "top-popup-header" }, ye = { class: "header-title" }, ke = { class: "top-popup-body" };
-function ge(e, a, i, t, f, d) {
-  return l(), r(g, null, [
-    s("div", {
-      class: "top-popup",
-      style: A(
-        t.show ? "transform: translateY(0)" : "transform: translateY(100%)"
-      )
-    }, [
-      s("div", be, [
-        s("div", {
-          class: "header-cancel",
-          onClick: a[0] || (a[0] = (...o) => t.handleCancel && t.handleCancel(...o))
-        }, h(i.cancelText), 1),
-        s("div", ye, h(i.titleText), 1),
-        s("div", {
-          class: "header-comfig",
-          onClick: a[1] || (a[1] = (...o) => t.handleComfig && t.handleComfig(...o))
-        }, h(i.comfigText), 1)
-      ]),
-      s("div", ke, [
-        k(e.$slots, "default", {}, void 0, !0)
-      ])
-    ], 4),
-    t.show && i.isMask ? (l(), r("div", {
-      key: 0,
-      class: "top-popup-mask",
-      onClick: a[2] || (a[2] = (o) => i.isMaskClose && t.handleClose())
-    })) : _("", !0)
-  ], 64);
-}
-const B = /* @__PURE__ */ N(he, [["render", ge], ["__scopeId", "data-v-5fc20816"]]);
-B.install = function(e) {
-  return console.log("TopPopup.install", e), e.mount(B), e.component(B.name, B), e;
-};
-const Ce = {
-  name: "TopButton",
-  props: {
-    type: { default: "default", type: String }
-  },
-  setup(e) {
-    const a = v({
-      textColor: "#fff",
-      bckColor: "3c9cff"
-    });
-    switch (e.type) {
-      case "primary":
-        a.value.textColor = "#fff", a.value.bckColor = "#3c9cff";
-        break;
-      case "danger":
-        a.value.textColor = "rgb(255, 96, 96)", a.value.bckColor = "rgb(255, 230, 230)";
-        break;
-      case "default":
-        a.value.textColor = "rgb(51, 51, 51)", a.value.bckColor = "rgb(241, 241, 241)";
-        break;
-    }
-    return {
-      style: a
-    };
-  }
-};
-function Te(e, a, i, t, f, d) {
-  return l(), r("div", {
-    class: "top-button",
-    style: A(`background-color:${t.style.bckColor};color:${t.style.textColor}`)
-  }, [
-    k(e.$slots, "default", {}, void 0, !0)
-  ], 4);
-}
-const x = /* @__PURE__ */ N(Ce, [["render", Te], ["__scopeId", "data-v-3d3c6354"]]);
-x.install = function(e) {
-  return e.component(x.name, x), e;
-};
-const Be = {
-  name: "TopProcess",
-  components: {
-    TopTab: S,
-    TopPopup: B,
-    TopButton: x
-  },
-  props: {
-    tapList: { require: !1, default: () => [], type: Array },
-    processId: { require: !0, default: "", type: String },
-    processDefId: { require: !0, default: "", type: String },
-    taskId: { require: !0, default: "", type: String },
-    isAdditional: { require: !1, default: !1, type: Boolean },
-    isView: { default: !1, type: Boolean }
-  },
-  setup(e) {
-    const a = v({}), i = v(), t = v([
-      {
-        taskId: "ecd82a93-4a62-42a7-b7bd-df38d2f1609a",
-        taskState: 1,
-        nodeId: "obj_026aac284c1a4303854f978b674be4b9",
-        customUniqueId: "",
-        nodeName: "部门负责人"
-      }
-    ]), f = v({
-      id: "obj_026aac284c1a4303854f978b674be4b9",
-      name: "部门负责人",
-      no: "1",
-      buttons: [],
-      ccTaskButtonLabel: "",
-      ccTaskButtonAnnex: null,
-      completeButtonLabel: "同意",
-      completeButtonAnnex: null,
-      delegateTaskButtonLabel: "转办",
-      delegateTaskButtonAnnex: null,
-      printFormButtonLabel: "",
-      supplyUnusualTransferButtonLabel: "",
-      readingOfficeLabel: "",
-      readingOfficeButtonAnnex: null,
-      jointlySignLabel: "",
-      jointlySignButtonAnnex: null,
-      counterSignLabel: "加签",
-      counterSignButtonAnnex: null,
-      coordinationLabel: "",
-      coordinationButtonAnnex: null,
-      otherButtonAnnexList: null,
-      humanPerformer: {
-        id: "obj_2bd3494ae5c54309b7f2ea452921790b",
-        name: "任意指定",
-        resourceAssignmentExpressionModel: {
-          formalExpression: ""
-        }
-      },
-      commentModels: [
-        {
-          actionName: "提交",
-          isDefault: !0
-        },
-        {
-          actionName: "作废",
-          isDefault: !1
-        }
-      ],
-      routeTxt: {
-        departmentIds: null,
-        companyIds: null,
-        teamList: null,
-        routeType: "DynamicUsers"
-      },
-      loopCardinality: 1,
-      isHistoryRoute: !1,
-      participantList: null,
-      historyRoute: !1
-    });
-    P(
-      () => e.processId,
-      (u, b) => {
-        u && (a.value = {
-          status: "审批中",
-          createUid: "18ccbf63229f0c79f39940ae284c111e",
-          createTopUserId: "128ec9c9b7f26135272596fe01c57690",
-          createTime: "2023-04-20 15:01:48",
-          currUserName: "朱鸿飞",
-          allUserNames: ["朱鸿飞"],
-          userNodeGroup: {
-            分管领导: ["朱鸿飞"]
-          },
-          appId: "com.awspaas.user.apps.top.study.project",
-          statusCode: "1",
-          statusName: "审批中",
-          bizStatusName: "审批中",
-          taskState: 1
-        });
-      },
-      {
-        //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-        //那么首次执行，val为默认值,preVal为undefined
-        immediate: !0,
-        //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-        deep: !0
-      }
-    ), console.log("asd", t.value[0].taskState);
-    const d = E(() => {
-      var D, $;
-      let u = [], b = t.value && t.value[0] && t.value[0].taskState != 4;
-      if (b && !e.isView && f.value.completeButtonLabel) {
-        let n = {};
-        n.name = f.value.completeButtonLabel, n.btnProps = { type: "primary" }, u.push(n);
-      }
-      if (b && !e.isView && a.value.currUserName) {
-        let n = {};
-        n.name = "拒绝", n.btnProps = { type: "danger" }, u.push(n);
-      }
-      if (b && !e.isView && f.value.buttons && f.value.buttons.length && f.value.buttons.forEach((n) => {
-        if (n.label === "退回") {
-          let w = {};
-          w.name = n.label, w.btnProps = { type: "danger" }, u.push(w);
-        }
-      }), b && !e.isView && f.value.delegateTaskButtonLabel) {
-        let n = {};
-        n.name = f.value.delegateTaskButtonLabel, n.btnProps = { type: "default" }, u.push(n);
-      }
-      if (e.processId && a.value.createTopUserId == e.userId && ((D = t.value[0]) == null ? void 0 : D.taskState) != 2 && a.value.status !== "已驳回" && a.value.status !== "已撤销") {
-        let n = {};
-        n.name = "催办", n.btnProps = { type: "default" }, u.push(n);
-      }
-      if (e.processId && a.value.createTopUserId == e.userId && (($ = t.value[0]) == null ? void 0 : $.taskState) != 2 && a.value.status !== "已驳回" && a.value.status !== "已撤销") {
-        let n = {};
-        n.name = "撤销", n.btnProps = { type: "default" }, u.push(n);
-      }
-      if (b && !e.isView && f.value.counterSignLabel) {
-        let n = {};
-        n.name = f.value.counterSignLabel, n.btnProps = { type: "primary" }, u.push(n);
-      }
-      return u;
-    }), o = E(() => d.value.length > 3 ? d.value.slice(3) : []), y = () => {
-      console.log("handleCancel");
-    }, p = () => {
-      console.log("handleComfig", "确定按钮"), i.value.handleClose();
-    }, c = E(() => "calc(100vh - 205px)");
-    return {
-      processStatus: a,
-      processCardHeight: c,
-      handleTest: () => {
-        i.value.handleOpen();
-      },
-      TopPopup1: i,
-      handleCancel: y,
-      handleComfig: p,
-      operBtn: d,
-      actionBtn: o
-    };
-  },
-  methods: {
-    getColor(e) {
-      return e == "审核中" ? "#FFA52D" : e == "已驳回" ? "#F14B4C" : e == "已撤销" ? "#CECECE" : e == "已完成" ? "#6DC743" : "#1389FF";
-    }
-  }
-};
-const T = (e) => (q("data-v-710eca2f"), e = e(), O(), e), Se = { class: "process-warp" }, Le = {
-  key: 0,
-  class: "process-main"
-}, xe = { class: "process-ml-item border" }, Ie = /* @__PURE__ */ T(() => /* @__PURE__ */ s("div", { class: "process-mli-name" }, "流程状态", -1)), Ae = { class: "process-mli-value" }, Ne = { class: "process-ml-item border" }, we = /* @__PURE__ */ T(() => /* @__PURE__ */ s("div", { class: "process-mli-name" }, "流程发起时间", -1)), Ee = { class: "process-mli-value" }, Ue = {
-  key: 0,
-  class: "process-ml-item"
-}, Fe = /* @__PURE__ */ T(() => /* @__PURE__ */ s("div", { class: "process-mli-name" }, "审批节点", -1)), Pe = { class: "process-mli-value" }, De = { class: "process-mliv-jd" }, $e = {
-  key: 1,
-  class: "process-foot"
-}, je = { class: "footBtnRow" }, Ve = { class: "process-btn" }, Me = {
-  key: 1,
-  class: "elips"
-}, qe = /* @__PURE__ */ T(() => /* @__PURE__ */ s("div", { class: "circle" }, null, -1)), Oe = /* @__PURE__ */ T(() => /* @__PURE__ */ s("div", { class: "circle" }, null, -1)), We = /* @__PURE__ */ T(() => /* @__PURE__ */ s("div", { class: "circle" }, null, -1)), ze = [
-  qe,
-  Oe,
-  We
-];
-function He(e, a, i, t, f, d) {
-  const o = U("TopTab"), y = U("TopButton"), p = U("TopPopup");
-  return l(), r(g, null, [
-    s("div", Se, [
-      t.processStatus.status ? (l(), r("div", Le, [
-        s("div", xe, [
-          Ie,
-          s("div", Ae, [
-            t.processStatus.status || t.processStatus.bizStatusName ? (l(), r("div", {
-              key: 0,
-              class: "process-mliv-dd",
-              style: A({ background: d.getColor(t.processStatus.status) })
-            }, h(t.processStatus.bizStatusName ? t.processStatus.bizStatusName : t.processStatus.status), 5)) : _("", !0)
-          ])
-        ]),
-        s("div", Ne, [
-          we,
-          s("div", Ee, [
-            s("span", null, h(t.processStatus.createTime), 1)
-          ])
-        ]),
-        t.processStatus.allUserNames && t.processStatus.allUserNames.length ? (l(), r("div", Ue, [
-          Fe,
-          s("div", Pe, [
-            s("span", De, h(`${t.processStatus.taskState == 4 ? t.processStatus.currUserName : t.processStatus.allUserNames.toString()}审批中`), 1)
-          ])
-        ])) : _("", !0)
-      ])) : _("", !0),
-      s("div", {
-        class: "process-card",
-        style: A({ height: t.processCardHeight })
-      }, [
-        j(o, { tapList: i.tapList }, {
-          default: F(() => [
-            k(e.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["tapList"])
-      ], 4),
-      i.isAdditional ? (l(), r("div", $e, [
-        s("div", je, [
-          k(e.$slots, "btn", {}, void 0, !0)
-        ])
-      ])) : _("", !0),
-      s("div", Ve, [
-        t.processStatus.status != "已完成" ? (l(!0), r(g, { key: 0 }, L(t.operBtn, (c, m) => (l(), r(g, {
-          key: c.name
-        }, [
-          m < 3 ? (l(), R(y, {
-            key: 0,
-            onClick: t.handleTest,
-            type: c.btnProps.type.toString()
-          }, {
-            default: F(() => [
-              V(h(c.name), 1)
-            ]),
-            _: 2
-          }, 1032, ["onClick", "type"])) : _("", !0)
-        ], 64))), 128)) : _("", !0),
-        t.operBtn.length > 3 ? (l(), r("div", Me, ze)) : _("", !0)
-      ])
-    ]),
-    j(p, {
-      ref: "TopPopup1",
-      cancel: t.handleCancel,
-      comfig: t.handleComfig
-    }, {
-      default: F(() => [
-        V(" csaasd1 ")
-      ]),
-      _: 1
-    }, 8, ["cancel", "comfig"])
-  ], 64);
-}
-const I = /* @__PURE__ */ N(Be, [["render", He], ["__scopeId", "data-v-710eca2f"]]);
-I.install = function(e) {
-  return e.component(I.name, I), e;
-};
-const Re = [S, I], Ye = function(e) {
-  Re.forEach((a) => {
-    e.use(a);
-  });
-}, Ke = {
-  install: Ye
-};
-export {
-  I as TopProcess,
-  S as TopTab,
-  Ke as default
-};

package/lib/design.umd.cjs

@@ -1 +0,0 @@
-(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.Design={},_.Vue))})(this,function(_,e){"use strict";const V={name:"TopTab",props:{tapList:{type:Array,default:()=>[]},selfTapList:{type:Array,default:()=>[]}},setup(t){const a=e.ref("http://59.53.91.231:8088/portal/r/w?sid=6f714ec1-7570-4525-ac51-b092402d8295&cmd=CLIENT_BPM_FORM_TRACK_OPEN&processInstId=1f6e7196-e1ea-428e-b295-aa23a54a2402&supportCanvas=true&formInfo="),r=e.ref([{actionName:"提交",activityName:"部门负责人",createDate:"2023-04-20 14:47:35",createUser:"18ccbf63229f0c79f39940ae284c111e",createUserName:"朱鸿飞",customUniqueId:"",departmentName:"测试部",id:"88df38c8-9756-4b4a-a9b0-dcb0ec1b57d5",metaAnnexList:null,msg:"同意",positionName:"测试部119147",processInstId:"1f6e7196-e1ea-428e-b295-aa23a54a2402",taskInstId:"38bbef1c-efbb-456d-bd79-08ed9d96b4b3"}]),o=e.ref(""),d=e.ref([{label:"基本信息",key:"a",type:"default",slot:"default"},{label:"流程图",key:"b",type:"default",slot:"tab2"},{label:"审批记录",key:"c",type:"default",slot:"tab3"}]),i=e.ref([{label:"基本信息",key:"a",type:"default",slot:"default"},{label:"流程图",key:"b",type:"default",slot:"tab2"},{label:"审批记录",key:"c",type:"default",slot:"tab3"}]),n=e.ref(),u=(l,m)=>{l!==o.value&&(o.value=l,p(m))},p=l=>{if(n.value.length){let m=document.getElementsByClassName("bottom-line")[0],c;if(m.offsetWidth<n.value[l].offsetWidth-10){let f=(n.value[l].offsetWidth-m.offsetWidth-10)/2;c=`${n.value[l].offsetLeft+f}px`}else if(m.offsetWidth>n.value[l].offsetWidth-10){let f=(m.offsetWidth-n.value[l].offsetWidth+10)/2;c=`${n.value[l].offsetLeft-f}px`}else c=`${n.value[l].offsetLeft}px`;m.style.transition=".3s",m.style.transform=`translateX(${c})`}};return e.watch(()=>t.selfTapList,(l,m)=>{l.length&&(i.value=[].concat(l),o.value=i.value[0].key)},{immediate:!0,deep:!0}),e.watch(()=>t.tapList,(l,m)=>{t.selfTapList.length||(i.value=[].concat(d.value),l.length>0&&l.forEach((c,f)=>{c.sort&&c.sort>1?i.value.splice(c.sort-1,0,c):c.sort==1?i.value.unshift(c):i.value.push(c)}),o.value=i.value[0].key)},{immediate:!0,deep:!0}),e.onMounted(()=>{p(0)}),{isTapList:i,active:o,handleActive:u,label:n,taskCommentList:r,trackUrl:a}}},Ee="",B=(t,a)=>{const r=t.__vccOpts||t;for(const[o,d]of a)r[o]=d;return r},h=t=>(e.pushScopeId("data-v-dfe642fd"),t=t(),e.popScopeId(),t),T={class:"tops-tab"},L={class:"tops-tab-header"},x=["onClick"],I={key:0,class:"bottom-line"},A={class:"tops-tab-body"},D=["src"],F={key:1,class:"textnone"},w={class:"seal-list__item--option"},P=h(()=>e.createElementVNode("span",null,"节点名称",-1)),U={class:"seal-list__item--option"},$=h(()=>e.createElementVNode("span",null,"审批人",-1)),j={class:"seal-list__item--option"},M=h(()=>e.createElementVNode("span",null,"审批操作",-1)),q={class:"seal-list__item--option"},z=h(()=>e.createElementVNode("span",null,"审批意见",-1)),O=["innerHTML"],W={class:"seal-list__item--option"},H=h(()=>e.createElementVNode("span",null,"审批时间",-1)),R={key:0,class:"seal-list__item--attch"},Y=[h(()=>e.createElementVNode("span",null,"查看附件",-1))],G={key:1,class:"textnone"};function K(t,a,r,o,d,i){return e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.isTapList,(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tops-tab-header-items",[n.key===o.active?"active":""]]),onClick:p=>o.handleActive(n.key,u),ref_for:!0,ref:"label"},e.toDisplayString(n.label),11,x))),256)),o.isTapList.length?(e.openBlock(),e.createElementBlock("div",I)):e.createCommentVNode("",!0)]),e.createElementVNode("div",A,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.isTapList,n=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:n.key,style:{height:"calc(100% - 45px)"}},[n.key==="a"&&n.type==="default"?e.renderSlot(t.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("",!0),n.key==="b"&&n.type==="default"?e.renderSlot(t.$slots,n.slot,{key:1},()=>[o.trackUrl?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:o.trackUrl,style:{width:"100%","min-height":"500px",border:"none"},scrolling:"no",frameborder:"0"},null,8,D)):(e.openBlock(),e.createElementBlock("div",F," 暂无流程图 "))],!0):e.createCommentVNode("",!0),n.key==="c"&&n.type==="default"?e.renderSlot(t.$slots,n.slot,{key:2},()=>{var u;return[((u=o.taskCommentList)==null?void 0:u.length)>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.taskCommentList,(p,l)=>(e.openBlock(),e.createElementBlock("div",{key:p.id,class:"seal-list__item"},[e.createElementVNode("div",null,[e.createElementVNode("div",w,[P,e.createElementVNode("span",null,e.toDisplayString(p.activityName),1)]),e.createElementVNode("div",U,[$,e.createElementVNode("span",null,e.toDisplayString(p.createUserName),1)]),e.createElementVNode("div",j,[M,e.createElementVNode("span",null,e.toDisplayString(p.actionName),1)]),e.createElementVNode("div",q,[z,e.createElementVNode("span",{innerHTML:p.msg},null,8,O)]),e.createElementVNode("div",W,[H,e.createElementVNode("span",null,e.toDisplayString(p.createDate),1)]),p.metaAnnexList&&p.metaAnnexList.length?(e.openBlock(),e.createElementBlock("div",R,Y)):e.createCommentVNode("",!0)])]))),128)):(e.openBlock(),e.createElementBlock("div",G,"暂无数据"))]},!0):e.createCommentVNode("",!0),n.type=="slot"?e.renderSlot(t.$slots,n.slot,{key:3},void 0,!0):e.createCommentVNode("",!0)])),[[e.vShow,o.active===n.key]])),128))])])}const y=B(V,[["render",K],["__scopeId","data-v-dfe642fd"]]);y.install=function(t){return t.component(y.name,y),t};const X={name:"TopPopup",props:{titleText:{default:"top-popup",type:String},cancelText:{default:"取消",type:String},comfigText:{default:"确定",type:String},comfig:{default:null,type:Function},cancel:{default:null,type:Function},isMask:{require:!1,default:!0,type:Boolean},isMaskClose:{require:!1,default:!0,type:Boolean}},setup(t){const a=e.ref(!1),r=()=>{a.value=!0},o=()=>{typeof t.cancel=="function"&&t.cancel(),i()},d=()=>{typeof t.comfig=="function"&&t.comfig()},i=()=>{a.value=!1};return e.onMounted(()=>{document.querySelector("body")}),{handleOpen:r,handleCancel:o,handleComfig:d,handleClose:i,show:a}}},Se="",J={class:"top-popup-header"},Q={class:"header-title"},Z={class:"top-popup-body"};function v(t,a,r,o,d,i){return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"top-popup",style:e.normalizeStyle(o.show?"transform: translateY(0)":"transform: translateY(100%)")},[e.createElementVNode("div",J,[e.createElementVNode("div",{class:"header-cancel",onClick:a[0]||(a[0]=(...n)=>o.handleCancel&&o.handleCancel(...n))},e.toDisplayString(r.cancelText),1),e.createElementVNode("div",Q,e.toDisplayString(r.titleText),1),e.createElementVNode("div",{class:"header-comfig",onClick:a[1]||(a[1]=(...n)=>o.handleComfig&&o.handleComfig(...n))},e.toDisplayString(r.comfigText),1)]),e.createElementVNode("div",Z,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],4),o.show&&r.isMask?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-popup-mask",onClick:a[2]||(a[2]=n=>r.isMaskClose&&o.handleClose())})):e.createCommentVNode("",!0)],64)}const b=B(X,[["render",v],["__scopeId","data-v-5fc20816"]]);b.install=function(t){return console.log("TopPopup.install",t),t.mount(b),t.component(b.name,b),t};const Ve="",ee={name:"TopButton",props:{type:{default:"default",type:String}},setup(t){const a=e.ref({textColor:"#fff",bckColor:"3c9cff"});switch(t.type){case"primary":a.value.textColor="#fff",a.value.bckColor="#3c9cff";break;case"danger":a.value.textColor="rgb(255, 96, 96)",a.value.bckColor="rgb(255, 230, 230)";break;case"default":a.value.textColor="rgb(51, 51, 51)",a.value.bckColor="rgb(241, 241, 241)";break}return{style:a}}};function te(t,a,r,o,d,i){return e.openBlock(),e.createElementBlock("div",{class:"top-button",style:e.normalizeStyle(`background-color:${o.style.bckColor};color:${o.style.textColor}`)},[e.renderSlot(t.$slots,"default",{},void 0,!0)],4)}const N=B(ee,[["render",te],["__scopeId","data-v-3d3c6354"]]);N.install=function(t){return t.component(N.name,N),t};const oe={name:"TopProcess",components:{TopTab:y,TopPopup:b,TopButton:N},props:{tapList:{require:!1,default:()=>[],type:Array},processId:{require:!0,default:"",type:String},processDefId:{require:!0,default:"",type:String},taskId:{require:!0,default:"",type:String},isAdditional:{require:!1,default:!1,type:Boolean},isView:{default:!1,type:Boolean}},setup(t){const a=e.ref({}),r=e.ref(),o=e.ref([{taskId:"ecd82a93-4a62-42a7-b7bd-df38d2f1609a",taskState:1,nodeId:"obj_026aac284c1a4303854f978b674be4b9",customUniqueId:"",nodeName:"部门负责人"}]),d=e.ref({id:"obj_026aac284c1a4303854f978b674be4b9",name:"部门负责人",no:"1",buttons:[],ccTaskButtonLabel:"",ccTaskButtonAnnex:null,completeButtonLabel:"同意",completeButtonAnnex:null,delegateTaskButtonLabel:"转办",delegateTaskButtonAnnex:null,printFormButtonLabel:"",supplyUnusualTransferButtonLabel:"",readingOfficeLabel:"",readingOfficeButtonAnnex:null,jointlySignLabel:"",jointlySignButtonAnnex:null,counterSignLabel:"加签",counterSignButtonAnnex:null,coordinationLabel:"",coordinationButtonAnnex:null,otherButtonAnnexList:null,humanPerformer:{id:"obj_2bd3494ae5c54309b7f2ea452921790b",name:"任意指定",resourceAssignmentExpressionModel:{formalExpression:""}},commentModels:[{actionName:"提交",isDefault:!0},{actionName:"作废",isDefault:!1}],routeTxt:{departmentIds:null,companyIds:null,teamList:null,routeType:"DynamicUsers"},loopCardinality:1,isHistoryRoute:!1,participantList:null,historyRoute:!1});e.watch(()=>t.processId,(c,f)=>{c&&(a.value={status:"审批中",createUid:"18ccbf63229f0c79f39940ae284c111e",createTopUserId:"128ec9c9b7f26135272596fe01c57690",createTime:"2023-04-20 15:01:48",currUserName:"朱鸿飞",allUserNames:["朱鸿飞"],userNodeGroup:{分管领导:["朱鸿飞"]},appId:"com.awspaas.user.apps.top.study.project",statusCode:"1",statusName:"审批中",bizStatusName:"审批中",taskState:1})},{immediate:!0,deep:!0}),console.log("asd",o.value[0].taskState);const i=e.computed(()=>{var C,S;let c=[],f=o.value&&o.value[0]&&o.value[0].taskState!=4;if(f&&!t.isView&&d.value.completeButtonLabel){let s={};s.name=d.value.completeButtonLabel,s.btnProps={type:"primary"},c.push(s)}if(f&&!t.isView&&a.value.currUserName){let s={};s.name="拒绝",s.btnProps={type:"danger"},c.push(s)}if(f&&!t.isView&&d.value.buttons&&d.value.buttons.length&&d.value.buttons.forEach(s=>{if(s.label==="退回"){let E={};E.name=s.label,E.btnProps={type:"danger"},c.push(E)}}),f&&!t.isView&&d.value.delegateTaskButtonLabel){let s={};s.name=d.value.delegateTaskButtonLabel,s.btnProps={type:"default"},c.push(s)}if(t.processId&&a.value.createTopUserId==t.userId&&((C=o.value[0])==null?void 0:C.taskState)!=2&&a.value.status!=="已驳回"&&a.value.status!=="已撤销"){let s={};s.name="催办",s.btnProps={type:"default"},c.push(s)}if(t.processId&&a.value.createTopUserId==t.userId&&((S=o.value[0])==null?void 0:S.taskState)!=2&&a.value.status!=="已驳回"&&a.value.status!=="已撤销"){let s={};s.name="撤销",s.btnProps={type:"default"},c.push(s)}if(f&&!t.isView&&d.value.counterSignLabel){let s={};s.name=d.value.counterSignLabel,s.btnProps={type:"primary"},c.push(s)}return c}),n=e.computed(()=>i.value.length>3?i.value.slice(3):[]),u=()=>{console.log("handleCancel")},p=()=>{console.log("handleComfig","确定按钮"),r.value.handleClose()},l=e.computed(()=>"calc(100vh - 205px)");return{processStatus:a,processCardHeight:l,handleTest:()=>{r.value.handleOpen()},TopPopup1:r,handleCancel:u,handleComfig:p,operBtn:i,actionBtn:n}},methods:{getColor(t){return t=="审核中"?"#FFA52D":t=="已驳回"?"#F14B4C":t=="已撤销"?"#CECECE":t=="已完成"?"#6DC743":"#1389FF"}}},Te="",k=t=>(e.pushScopeId("data-v-710eca2f"),t=t(),e.popScopeId(),t),ae={class:"process-warp"},ne={key:0,class:"process-main"},se={class:"process-ml-item border"},le=k(()=>e.createElementVNode("div",{class:"process-mli-name"},"流程状态",-1)),ce={class:"process-mli-value"},re={class:"process-ml-item border"},ie=k(()=>e.createElementVNode("div",{class:"process-mli-name"},"流程发起时间",-1)),de={class:"process-mli-value"},pe={key:0,class:"process-ml-item"},me=k(()=>e.createElementVNode("div",{class:"process-mli-name"},"审批节点",-1)),fe={class:"process-mli-value"},ue={class:"process-mliv-jd"},_e={key:1,class:"process-foot"},he={class:"footBtnRow"},ye={class:"process-btn"},ke={key:1,class:"elips"},be=[k(()=>e.createElementVNode("div",{class:"circle"},null,-1)),k(()=>e.createElementVNode("div",{class:"circle"},null,-1)),k(()=>e.createElementVNode("div",{class:"circle"},null,-1))];function ge(t,a,r,o,d,i){const n=e.resolveComponent("TopTab"),u=e.resolveComponent("TopButton"),p=e.resolveComponent("TopPopup");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ae,[o.processStatus.status?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",se,[le,e.createElementVNode("div",ce,[o.processStatus.status||o.processStatus.bizStatusName?(e.openBlock(),e.createElementBlock("div",{key:0,class:"process-mliv-dd",style:e.normalizeStyle({background:i.getColor(o.processStatus.status)})},e.toDisplayString(o.processStatus.bizStatusName?o.processStatus.bizStatusName:o.processStatus.status),5)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",re,[ie,e.createElementVNode("div",de,[e.createElementVNode("span",null,e.toDisplayString(o.processStatus.createTime),1)])]),o.processStatus.allUserNames&&o.processStatus.allUserNames.length?(e.openBlock(),e.createElementBlock("div",pe,[me,e.createElementVNode("div",fe,[e.createElementVNode("span",ue,e.toDisplayString(`${o.processStatus.taskState==4?o.processStatus.currUserName:o.processStatus.allUserNames.toString()}审批中`),1)])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"process-card",style:e.normalizeStyle({height:o.processCardHeight})},[e.createVNode(n,{tapList:r.tapList},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["tapList"])],4),r.isAdditional?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",he,[e.renderSlot(t.$slots,"btn",{},void 0,!0)])])):e.createCommentVNode("",!0),e.createElementVNode("div",ye,[o.processStatus.status!="已完成"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.operBtn,(l,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.name},[m<3?(e.openBlock(),e.createBlock(u,{key:0,onClick:o.handleTest,type:l.btnProps.type.toString()},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1032,["onClick","type"])):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0),o.operBtn.length>3?(e.openBlock(),e.createElementBlock("div",ke,be)):e.createCommentVNode("",!0)])]),e.createVNode(p,{ref:"TopPopup1",cancel:o.handleCancel,comfig:o.handleComfig},{default:e.withCtx(()=>[e.createTextVNode(" csaasd1 ")]),_:1},8,["cancel","comfig"])],64)}const g=B(oe,[["render",ge],["__scopeId","data-v-710eca2f"]]);g.install=function(t){return t.component(g.name,g),t};const Be=[y,g],Ne={install:function(t){Be.forEach(a=>{t.use(a)})}};_.TopProcess=g,_.TopTab=y,_.default=Ne,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/resolveVue.d.ts

@@ -1,5 +0,0 @@
-declare module "*.vue" {
-    import { DefineComponent } from "vue"
-    const component: DefineComponent<{}, {}, any>
-    export default component
-}

package/lib/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/lib/style.css

@@ -1 +0,0 @@
-.tops-tab[data-v-dfe642fd]{height:100%}.tops-tab-header[data-v-dfe642fd]{display:flex;width:100%;height:45px;font-size:14px;color:#333;padding:10px 17px;font-weight:500;box-sizing:border-box;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;position:relative;background-color:#fff}.tops-tab-header[data-v-dfe642fd]:after{content:"";position:absolute;width:100%;height:1px;background-color:#f2f2f2;left:0;bottom:0;z-index:10}.tops-tab-header[data-v-dfe642fd]::-webkit-scrollbar{display:none}.tops-tab-header-items[data-v-dfe642fd]{white-space:nowrap;padding-right:10px;box-sizing:border-box;display:inline-block;height:100%;text-align:center;margin-right:32px;font-weight:400;font-size:15px;text-align:left;color:#333;display:flex;align-items:center}.tops-tab-header-items[data-v-dfe642fd]:last-child{padding-right:0;margin-right:0}.tops-tab-header .active[data-v-dfe642fd]{position:relative;color:#1389ff;font-family:PingFang SC Bold;font-weight:700;font-size:15px;text-align:left}.tops-tab-header .bottom-line[data-v-dfe642fd]{width:30px;height:3px;border-radius:1.5px;background-color:#1389ff;position:absolute;bottom:1px;left:0;z-index:12}.tops-tab-body[data-v-dfe642fd]{height:100%}.seal-list__item[data-v-dfe642fd]{padding:6px 10px 0;margin:10px 10px 0;background-color:#fff;border-radius:10px;box-sizing:border-box}.seal-list__item[data-v-dfe642fd]:last-child{margin-bottom:70px}.seal-list__item .seal-list__item--header[data-v-dfe642fd]{margin-bottom:6px;display:flex;align-items:center}.seal-list__item .seal-list__item--header span[data-v-dfe642fd]:first-of-type{font-size:15px;margin-right:6px;font-weight:700}.seal-list__item .seal-list__item--option[data-v-dfe642fd]{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:10px 0;color:#333}.seal-list__item .seal-list__item--option span[data-v-dfe642fd]:last-child{max-width:144px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#888}.seal-list__item .seal-list__item--attch[data-v-dfe642fd]{font-size:14px;padding:10px 0;color:#333;text-align:right;color:#1389ff}.seal-list__item .seal-list__item--actions[data-v-dfe642fd]{margin-top:12px;position:relative;display:flex;justify-content:space-around;align-items:center}.seal-list__item .seal-list__item--actions[data-v-dfe642fd] :before{content:"";top:0;width:100%;transform:scaleY(.5);transform-origin:top;border-top:1px #e8e8e8 solid;position:absolute}.seal-list__item .seal-list__item--actions .van-button[data-v-dfe642fd]{width:50%}.seal-list__item .seal-list__item--actions .van-button[data-v-dfe642fd] :after{content:"";height:60%;border-left:1px #e8e8e8 solid;position:absolute;left:100%;top:50%;transform:translate(-50%,-50%) scaleX(.5);transform-origin:left}.seal-list__item .seal-list__item--actions .van-button[data-v-dfe642fd]:last-child :after{content:none}.top-popup[data-v-5fc20816]{width:100%;height:80vh;position:fixed;left:0;background-color:#fff;z-index:199;border-radius:20px 20px 0 0;padding:0 10px;box-sizing:border-box;transition:all .5s ease;bottom:0}.top-popup-mask[data-v-5fc20816]{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.7;top:0;left:0;z-index:99}.top-popup-header[data-v-5fc20816]{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.top-popup-header .header-cancel[data-v-5fc20816],.top-popup-header .header-comfig[data-v-5fc20816]{color:#1389ff}.fade-enter-active[data-v-5fc20816],.fade-leave-active[data-v-5fc20816]{transition:all .5s ease}.fade-enter[data-v-5fc20816],.fade-leave-to[data-v-5fc20816]{bottom:-100%}.fade-enter-to[data-v-5fc20816],.fade-leave[data-v-5fc20816]{bottom:0d}.top-button[data-v-3d3c6354]{width:100%;border-radius:20px;height:36px;background-color:#3c9cff;color:#fff;font-size:14px;justify-content:center;display:flex;align-items:center}.process-warp[data-v-710eca2f]{overflow:hidden;height:100vh;width:100%;position:relative;background-color:#f3f3f7}.process-main[data-v-710eca2f]{display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:0 17px;background:#fff;margin:0 0 10px}.process-main .border[data-v-710eca2f]{border-bottom:#e8e8e8 1px solid}.process-main .process-ml-item[data-v-710eca2f]{display:flex;align-items:center;font-size:15px;font-weight:400;width:100%;justify-content:space-between;height:44px}.process-main .process-ml-item .process-mli-name[data-v-710eca2f]{color:#333}.process-main .process-ml-item .process-mli-value[data-v-710eca2f]{color:#888}.process-main .process-ml-item .process-mli-value .process-mliv-dd[data-v-710eca2f]{height:26px;min-width:30px;padding:0 12px;border-radius:20px;background:#1389ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.process-main .process-ml-item .process-mli-value .process-mliv-jd[data-v-710eca2f]{color:#1389ff}.process-btn[data-v-710eca2f]{display:flex;min-height:60px;padding-top:5px;background:#fff;border-top:1px solid #dddddf9e;box-sizing:border-box;justify-content:center;align-items:center;flex-direction:row-reverse}.process-btn .top-button[data-v-710eca2f],.process-btn .elips[data-v-710eca2f]{margin:0 5px}.elips[data-v-710eca2f]{min-width:60px;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}.elips .circle[data-v-710eca2f]{width:6px;height:6px;margin:0 2px;background-color:#333;border-radius:50%}

package/lib/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/packages/components/button/index.ts

@@ -1,9 +0,0 @@
-import { App, createApp } from "vue";
-import TopButton from "./src/index.vue";
-
-TopButton.install = function (app: App) {
-    // 组件注册，按需引入
-    app.component(TopButton.name, TopButton);
-    return app;
-};
-export default TopButton;

package/packages/components/popup/index.ts

@@ -1,11 +0,0 @@
-import { App, createApp } from "vue";
-import TopPopup from "./src/index.vue";
-
-TopPopup.install = function (app: App) {
-    // 组件注册，按需引入
-    console.log("TopPopup.install",app)
-    app.mount(TopPopup)
-    app.component(TopPopup.name, TopPopup);
-    return app;
-};
-export default TopPopup;

package/packages/components/tab/index.ts

@@ -1,9 +0,0 @@
-import { App } from "vue";
-import TopTab from "./src/index.vue";
-
-TopTab.install = function (app: App) {
-    // 组件注册，按需引入
-    app.component(TopTab.name, TopTab);
-    return app;
-};
-export default TopTab;