ui-process-h5 0.1.9 → 0.1.12

package/README.md

@@ -17,3 +17,9 @@ yarn build
 
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).
+
+### packages
+组件列表
+
+### examples
+组件示例

package/lib/Tab/index.d.ts

@@ -0,0 +1,2 @@
+import Tab from "./src/tab.vue";
+export default Tab;

package/lib/Tab/src/tab.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    name: string;
+    props: {
+        tapList: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+    };
+};
+export default _default;

package/lib/index.common.js

@@ -90,7 +90,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "TopProcess": function() { return /* reexport */ packages_process; },
+  "TopsProcess": function() { return /* reexport */ packages_process; },
+  "TopsTap": function() { return /* reexport */ Tab; },
   "default": function() { return /* binding */ entry_lib; }
 });
 
@@ -113,19 +114,59 @@ if (typeof window !== 'undefined') {
 
 ;// CONCATENATED MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/process/src/process.vue?vue&type=template&id=3ee77b40&ts=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/process/src/process.vue?vue&type=template&id=2cd1004b&ts=true
 
 const _hoisted_1 = {
   class: "process-warp"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_1, "top-process");
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($setup.host) + " ", 1);
 }
-;// CONCATENATED MODULE: ./packages/process/src/process.vue?vue&type=template&id=3ee77b40&ts=true
+;// CONCATENATED MODULE: ./packages/process/src/process.vue?vue&type=template&id=2cd1004b&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/process/src/process.vue?vue&type=script&lang=ts
+
 /* harmony default export */ var processvue_type_script_lang_ts = ({
-  name: 'top-process'
+  name: "tops-process",
+  props: {
+    processId: {
+      require: true,
+      default: "",
+      type: String
+    },
+    processDefId: {
+      require: true,
+      default: "",
+      type: String
+    },
+    taskId: {
+      require: true,
+      default: "",
+      type: String
+    }
+  },
+  setup(props) {
+    const processStatus = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)("");
+    const host = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(({"NODE_ENV":"production","BASE_URL":"/"}).VUE_APP_BASE_URL || "123333");
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.processId, (val, preVal) => {
+      if (val) {
+        /* axios.get. */
+      }
+    });
+    return {
+      processStatus,
+      host
+    };
+  },
+  methods: {
+    getColor(status) {
+      if (status == "审核中") return "#FFA52D";
+      if (status == "已驳回") return "#F14B4C";
+      if (status == "已撤销") return "#CECECE";
+      if (status == "已完成") return "#6DC743";
+      return "#1389FF";
+    }
+  }
 });
 ;// CONCATENATED MODULE: ./packages/process/src/process.vue?vue&type=script&lang=ts
  
@@ -146,10 +187,48 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(processvue_type
     app.component(Process.name, Process);
 }; */
 /* harmony default export */ var packages_process = (process);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Tab/src/tab.vue?vue&type=template&id=188ebdfc&ts=true
+
+const tabvue_type_template_id_188ebdfc_ts_true_hoisted_1 = {
+  class: "tops-tab"
+};
+function tabvue_type_template_id_188ebdfc_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tabvue_type_template_id_188ebdfc_ts_true_hoisted_1, "tops-tab");
+}
+;// CONCATENATED MODULE: ./packages/Tab/src/tab.vue?vue&type=template&id=188ebdfc&ts=true
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Tab/src/tab.vue?vue&type=script&lang=ts
+/* harmony default export */ var tabvue_type_script_lang_ts = ({
+  name: "tops-tab",
+  props: {
+    tapList: {
+      type: Array,
+      default: () => []
+    }
+  }
+});
+;// CONCATENATED MODULE: ./packages/Tab/src/tab.vue?vue&type=script&lang=ts
+ 
+;// CONCATENATED MODULE: ./packages/Tab/src/tab.vue
+
+
+
+
+;
+const tab_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tabvue_type_script_lang_ts, [['render',tabvue_type_template_id_188ebdfc_ts_true_render]])
+
+/* harmony default export */ var tab = (tab_exports_);
+;// CONCATENATED MODULE: ./packages/Tab/index.ts
+
+/* Process.install = (app: App): void => {
+    app.component(Process.name, Process);
+}; */
+/* harmony default export */ var Tab = (tab);
 ;// CONCATENATED MODULE: ./packages/index.ts
 
+
 // 所有组件列表
-const components = [packages_process];
+const components = [packages_process, Tab];
 // 定义 install 方法
 const install = app => {
   // 遍历注册所有组件

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 import { App } from "vue";
-import TopProcess from './process';
-export { TopProcess };
+import TopsProcess from './process';
+import TopsTap from './Tab';
+export { TopsProcess, TopsTap };
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/lib/index.esm.js

@@ -1 +1 @@
-import{openBlock as s,createElementBlock as e}from"vue";var o={name:"top-process"};const r={class:"process-warp"};o.render=function(o,p,a,c,n,t){return s(),e("div",r,"top-process")},o.__file="packages/process/src/process.vue";const p=[o];var a={install:s=>{p.map((e=>s.component(e.name,e)))}};export{o as TopProcess,a as default};
+import{ref as s,watch as r,openBlock as e,createElementBlock as t,createTextVNode as a,toDisplayString as n,createCommentVNode as o}from"vue";var c={name:"tops-process",props:{processId:{require:!0,default:"",type:String},processDefId:{require:!0,default:"",type:String},taskId:{require:!0,default:"",type:String}},setup(e){const t=s(""),a=s(process.env.VUE_APP_BASE_URL||"123333");return r((()=>e.processId),((s,r)=>{})),{processStatus:t,host:a}},methods:{getColor:s=>"审核中"==s?"#FFA52D":"已驳回"==s?"#F14B4C":"已撤销"==s?"#CECECE":"已完成"==s?"#6DC743":"#1389FF"}};const p={class:"process-warp"};c.render=function(s,r,c,i,l,u){return e(),t("div",p,[a(n(i.host)+" ",1),o(' <div class="process-main" v-if="processStatus.status">\r\n            <div class="process-ml-item border">\r\n                <div class="process-mli-name">流程状态</div>\r\n                <div class="process-mli-value">\r\n                    <div\r\n                        class="process-mliv-dd"\r\n                        :style="{ background: getColor(processStatus.status) }"\r\n                        v-if="\r\n                            processStatus.status || processStatus.bizStatusName\r\n                        "\r\n                    >\r\n                        {{\r\n                            processStatus.bizStatusName\r\n                                ? processStatus.bizStatusName\r\n                                : processStatus.status\r\n                        }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class="process-ml-item border">\r\n                <div class="process-mli-name">流程发起时间</div>\r\n                <div class="process-mli-value">\r\n                    <span>{{ processStatus.createTime }}</span>\r\n                </div>\r\n            </div>\r\n\r\n            <div\r\n                class="process-ml-item"\r\n                v-if="\r\n                    processStatus.allUserNames &&\r\n                    processStatus.allUserNames.length\r\n                "\r\n            >\r\n                <div class="process-mli-name">审批节点</div>\r\n                <div class="process-mli-value">\r\n                    <span class="process-mliv-jd">{{\r\n                        `${\r\n                            processStatus.taskState == 4\r\n                                ? processStatus.currUserName\r\n                                : processStatus.allUserNames.toString()\r\n                        }审批中`\r\n                    }}</span>\r\n                </div>\r\n            </div>\r\n        </div> ')])},c.__file="packages/process/src/process.vue";var i={name:"tops-tab",props:{tapList:{type:Array,default:()=>[]}}};const l={class:"tops-tab"};i.render=function(s,r,a,n,o,c){return e(),t("div",l,"tops-tab")},i.__file="packages/Tab/src/tab.vue";const u=[c,i];var d={install:s=>{u.map((r=>s.component(r.name,r)))}};export{c as TopsProcess,i as TopsTap,d as default};

package/lib/index.umd.js

@@ -107,7 +107,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "TopProcess": function() { return /* reexport */ packages_process; },
+  "TopsProcess": function() { return /* reexport */ packages_process; },
+  "TopsTap": function() { return /* reexport */ Tab; },
   "default": function() { return /* binding */ entry_lib; }
 });
 
@@ -130,19 +131,59 @@ if (typeof window !== 'undefined') {
 
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(203);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/process/src/process.vue?vue&type=template&id=3ee77b40&ts=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/process/src/process.vue?vue&type=template&id=2cd1004b&ts=true
 
 const _hoisted_1 = {
   class: "process-warp"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_1, "top-process");
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($setup.host) + " ", 1);
 }
-;// CONCATENATED MODULE: ./packages/process/src/process.vue?vue&type=template&id=3ee77b40&ts=true
+;// CONCATENATED MODULE: ./packages/process/src/process.vue?vue&type=template&id=2cd1004b&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/process/src/process.vue?vue&type=script&lang=ts
+
 /* harmony default export */ var processvue_type_script_lang_ts = ({
-  name: 'top-process'
+  name: "tops-process",
+  props: {
+    processId: {
+      require: true,
+      default: "",
+      type: String
+    },
+    processDefId: {
+      require: true,
+      default: "",
+      type: String
+    },
+    taskId: {
+      require: true,
+      default: "",
+      type: String
+    }
+  },
+  setup(props) {
+    const processStatus = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)("");
+    const host = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(({"NODE_ENV":"production","BASE_URL":"/"}).VUE_APP_BASE_URL || "123333");
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.processId, (val, preVal) => {
+      if (val) {
+        /* axios.get. */
+      }
+    });
+    return {
+      processStatus,
+      host
+    };
+  },
+  methods: {
+    getColor(status) {
+      if (status == "审核中") return "#FFA52D";
+      if (status == "已驳回") return "#F14B4C";
+      if (status == "已撤销") return "#CECECE";
+      if (status == "已完成") return "#6DC743";
+      return "#1389FF";
+    }
+  }
 });
 ;// CONCATENATED MODULE: ./packages/process/src/process.vue?vue&type=script&lang=ts
  
@@ -163,10 +204,48 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(processvue_type
     app.component(Process.name, Process);
 }; */
 /* harmony default export */ var packages_process = (process);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Tab/src/tab.vue?vue&type=template&id=188ebdfc&ts=true
+
+const tabvue_type_template_id_188ebdfc_ts_true_hoisted_1 = {
+  class: "tops-tab"
+};
+function tabvue_type_template_id_188ebdfc_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tabvue_type_template_id_188ebdfc_ts_true_hoisted_1, "tops-tab");
+}
+;// CONCATENATED MODULE: ./packages/Tab/src/tab.vue?vue&type=template&id=188ebdfc&ts=true
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Tab/src/tab.vue?vue&type=script&lang=ts
+/* harmony default export */ var tabvue_type_script_lang_ts = ({
+  name: "tops-tab",
+  props: {
+    tapList: {
+      type: Array,
+      default: () => []
+    }
+  }
+});
+;// CONCATENATED MODULE: ./packages/Tab/src/tab.vue?vue&type=script&lang=ts
+ 
+;// CONCATENATED MODULE: ./packages/Tab/src/tab.vue
+
+
+
+
+;
+const tab_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tabvue_type_script_lang_ts, [['render',tabvue_type_template_id_188ebdfc_ts_true_render]])
+
+/* harmony default export */ var tab = (tab_exports_);
+;// CONCATENATED MODULE: ./packages/Tab/index.ts
+
+/* Process.install = (app: App): void => {
+    app.component(Process.name, Process);
+}; */
+/* harmony default export */ var Tab = (tab);
 ;// CONCATENATED MODULE: ./packages/index.ts
 
+
 // 所有组件列表
-const components = [packages_process];
+const components = [packages_process, Tab];
 // 定义 install 方法
 const install = app => {
   // 遍历注册所有组件

package/lib/index.umd.min.js

@@ -1,2 +1,2 @@
-(function(e,n){"object"===typeof exports&&"object"===typeof module?module.exports=n(require("vue")):"function"===typeof define&&define.amd?define([],n):"object"===typeof exports?exports["index"]=n(require("vue")):e["index"]=n(e["Vue"])})("undefined"!==typeof self?self:this,(function(e){return function(){"use strict";var n={744:function(e,n){n.Z=(e,n)=>{const t=e.__vccOpts||e;for(const[o,r]of n)t[o]=r;return t}},203:function(n){n.exports=e}},t={};function o(e){var r=t[e];if(void 0!==r)return r.exports;var c=t[e]={exports:{}};return n[e](c,c.exports,o),c.exports}!function(){o.d=function(e,n){for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})}}(),function(){o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)}}(),function(){o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){o.p=""}();var r={};return function(){if(o.r(r),o.d(r,{TopProcess:function(){return d},default:function(){return y}}),"undefined"!==typeof window){var e=window.document.currentScript,n=e&&e.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);n&&(o.p=n[1])}var t=o(203);const c={class:"process-warp"};function u(e,n,o,r,u,i){return(0,t.openBlock)(),(0,t.createElementBlock)("div",c,"top-process")}var i={name:"top-process"},f=o(744);const p=(0,f.Z)(i,[["render",u]]);var s=p,d=s;const a=[d],l=e=>{a.map((n=>e.component(n.name,n)))};var v={install:l},y=v}(),r}()}));
+(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["index"]=t(require("vue")):e["index"]=t(e["Vue"])})("undefined"!==typeof self?self:this,(function(e){return function(){"use strict";var t={744:function(e,t){t.Z=(e,t)=>{const r=e.__vccOpts||e;for(const[o,n]of t)r[o]=n;return r}},203:function(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var c=r[e]={exports:{}};return t[e](c,c.exports,o),c.exports}!function(){o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}}(),function(){o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){o.p=""}();var n={};return function(){if(o.r(n),o.d(n,{TopsProcess:function(){return a},TopsTap:function(){return b},default:function(){return E}}),"undefined"!==typeof window){var e=window.document.currentScript,t=e&&e.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);t&&(o.p=t[1])}var r=o(203);const c={class:"process-warp"};function s(e,t,o,n,s,u){return(0,r.openBlock)(),(0,r.createElementBlock)("div",c,(0,r.toDisplayString)(n.host)+" ",1)}var u={name:"tops-process",props:{processId:{require:!0,default:"",type:String},processDefId:{require:!0,default:"",type:String},taskId:{require:!0,default:"",type:String}},setup(e){const t=(0,r.ref)(""),o=(0,r.ref)({NODE_ENV:"production",BASE_URL:"/"}.VUE_APP_BASE_URL||"123333");return(0,r.watch)((()=>e.processId),((e,t)=>{})),{processStatus:t,host:o}},methods:{getColor(e){return"审核中"==e?"#FFA52D":"已驳回"==e?"#F14B4C":"已撤销"==e?"#CECECE":"已完成"==e?"#6DC743":"#1389FF"}}},i=o(744);const p=(0,i.Z)(u,[["render",s]]);var f=p,a=f;const d={class:"tops-tab"};function l(e,t,o,n,c,s){return(0,r.openBlock)(),(0,r.createElementBlock)("div",d,"tops-tab")}var y={name:"tops-tab",props:{tapList:{type:Array,default:()=>[]}}};const v=(0,i.Z)(y,[["render",l]]);var m=v,b=m;const S=[a,b],x=e=>{S.map((t=>e.component(t.name,t)))};var g={install:x},E=g}(),n}()}));
 //# sourceMappingURL=index.umd.min.js.map

package/lib/process/src/process.vue.d.ts

@@ -1,4 +1,28 @@
 declare const _default: {
     name: string;
+    props: {
+        processId: {
+            require: boolean;
+            default: string;
+            type: StringConstructor;
+        };
+        processDefId: {
+            require: boolean;
+            default: string;
+            type: StringConstructor;
+        };
+        taskId: {
+            require: boolean;
+            default: string;
+            type: StringConstructor;
+        };
+    };
+    setup(props: any): {
+        processStatus: import("vue").Ref<string>;
+        host: any;
+    };
+    methods: {
+        getColor(status: string): "#FFA52D" | "#F14B4C" | "#CECECE" | "#6DC743" | "#1389FF";
+    };
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-process-h5",
-  "version": "0.1.9",
+  "version": "0.1.12",
   "private": false,
   "description": "流程组件",
   "main": "lib/index.min.js",
@@ -15,6 +15,7 @@
     "build:esm-bundle": "rollup --config ./build/rollup.config.js"
   },
   "dependencies": {
+    "axios": "^1.3.5",
     "bpmn-moddle": "^8.0.1",
     "core-js": "^3.8.3",
     "vue": "^3.2.13"