ui-process-h5 0.1.10 → 0.1.12

package/lib/index.common.js

@@ -114,15 +114,15 @@ 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=3eeea49c&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, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.host) + " ", 1);
+  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=3eeea49c&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
 
@@ -147,11 +147,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   },
   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);
+    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) {}
+      if (val) {
+        /* axios.get. */
+      }
     });
-    return processStatus.value, host.value;
+    return {
+      processStatus,
+      host
+    };
   },
   methods: {
     getColor(status) {

package/lib/index.esm.js

@@ -1 +1 @@
-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);return r((()=>e.processId),((s,r)=>{})),t.value,a.value},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(s.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};
+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

@@ -131,15 +131,15 @@ 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=3eeea49c&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, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.host) + " ", 1);
+  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=3eeea49c&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
 
@@ -164,11 +164,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   },
   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);
+    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) {}
+      if (val) {
+        /* axios.get. */
+      }
     });
-    return processStatus.value, host.value;
+    return {
+      processStatus,
+      host
+    };
   },
   methods: {
     getColor(status) {

package/lib/index.umd.min.js

@@ -1,2 +1,2 @@
-(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[n,o]of t)r[n]=o;return r}},203:function(t){t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var u=r[e]={exports:{}};return t[e](u,u.exports,n),u.exports}!function(){n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}}(),function(){n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){n.p=""}();var o={};return function(){if(n.r(o),n.d(o,{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&&(n.p=t[1])}var r=n(203);const u={class:"process-warp"};function c(e,t,n,o,c,s){return(0,r.openBlock)(),(0,r.createElementBlock)("div",u,(0,r.toDisplayString)(e.host)+" ",1)}var s={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)(""),n=(0,r.ref)({NODE_ENV:"production",BASE_URL:"/"}.VUE_APP_BASE_URL);return(0,r.watch)((()=>e.processId),((e,t)=>{})),t.value,n.value},methods:{getColor(e){return"审核中"==e?"#FFA52D":"已驳回"==e?"#F14B4C":"已撤销"==e?"#CECECE":"已完成"==e?"#6DC743":"#1389FF"}}},i=n(744);const p=(0,i.Z)(s,[["render",c]]);var f=p,a=f;const d={class:"tops-tab"};function l(e,t,n,o,u,c){return(0,r.openBlock)(),(0,r.createElementBlock)("div",d,"tops-tab")}var v={name:"tops-tab",props:{tapList:{type:Array,default:()=>[]}}};const y=(0,i.Z)(v,[["render",l]]);var m=y,b=m;const S=[a,b],x=e=>{S.map((t=>e.component(t.name,t)))};var g={install:x},E=g}(),o}()}));
+(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

@@ -17,7 +17,10 @@ declare const _default: {
             type: StringConstructor;
         };
     };
-    setup(props: any): any;
+    setup(props: any): {
+        processStatus: import("vue").Ref<string>;
+        host: any;
+    };
     methods: {
         getColor(status: string): "#FFA52D" | "#F14B4C" | "#CECECE" | "#6DC743" | "#1389FF";
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-process-h5",
-  "version": "0.1.10",
+  "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"