ui-process-h5 0.1.4 → 0.1.10

package/README.md

@@ -0,0 +1,25 @@
+# ui-process-h5
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+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

@@ -0,0 +1,246 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 744:
+/***/ (function(__unused_webpack_module, exports) {
+
+var __webpack_unused_export__;
+
+__webpack_unused_export__ = ({ value: true });
+// runtime helper for setting properties on components
+// in a tree-shakable way
+exports.Z = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+        target[key] = val;
+    }
+    return target;
+};
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+!function() {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "TopsProcess": function() { return /* reexport */ packages_process; },
+  "TopsTap": function() { return /* reexport */ Tab; },
+  "default": function() { return /* binding */ entry_lib; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) { var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+;// 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
+
+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);
+}
+;// CONCATENATED MODULE: ./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/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: "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);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.processId, (val, preVal) => {
+      if (val) {}
+    });
+    return processStatus.value, host.value;
+  },
+  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
+ 
+// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(744);
+;// CONCATENATED MODULE: ./packages/process/src/process.vue
+
+
+
+
+;
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(processvue_type_script_lang_ts, [['render',render]])
+
+/* harmony default export */ var process = (__exports__);
+;// CONCATENATED MODULE: ./packages/process/index.ts
+
+/* Process.install = (app: App): void => {
+    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, Tab];
+// 定义 install 方法
+const install = app => {
+  // 遍历注册所有组件
+  components.map(component => app.component(component.name, component));
+};
+
+/* harmony default export */ var packages_0 = ({
+  install
+});
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (packages_0);
+
+
+}();
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=index.common.js.map

package/lib/index.d.ts

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

package/lib/index.esm.js

@@ -0,0 +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};

package/lib/index.umd.js

@@ -0,0 +1,264 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("vue"));
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["index"] = factory(require("vue"));
+	else
+		root["index"] = factory(root["Vue"]);
+})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__203__) {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 744:
+/***/ (function(__unused_webpack_module, exports) {
+
+var __webpack_unused_export__;
+
+__webpack_unused_export__ = ({ value: true });
+// runtime helper for setting properties on components
+// in a tree-shakable way
+exports.Z = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+        target[key] = val;
+    }
+    return target;
+};
+
+
+/***/ }),
+
+/***/ 203:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+!function() {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "TopsProcess": function() { return /* reexport */ packages_process; },
+  "TopsTap": function() { return /* reexport */ Tab; },
+  "default": function() { return /* binding */ entry_lib; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) { var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+// 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
+
+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);
+}
+;// CONCATENATED MODULE: ./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/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: "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);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.processId, (val, preVal) => {
+      if (val) {}
+    });
+    return processStatus.value, host.value;
+  },
+  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
+ 
+// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(744);
+;// CONCATENATED MODULE: ./packages/process/src/process.vue
+
+
+
+
+;
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(processvue_type_script_lang_ts, [['render',render]])
+
+/* harmony default export */ var process = (__exports__);
+;// CONCATENATED MODULE: ./packages/process/index.ts
+
+/* Process.install = (app: App): void => {
+    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, Tab];
+// 定义 install 方法
+const install = app => {
+  // 遍历注册所有组件
+  components.map(component => app.component(component.name, component));
+};
+
+/* harmony default export */ var packages_0 = ({
+  install
+});
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (packages_0);
+
+
+}();
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=index.umd.js.map

package/lib/index.umd.min.js

@@ -0,0 +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}()}));
+//# sourceMappingURL=index.umd.min.js.map

package/lib/process/index.d.ts

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

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

@@ -0,0 +1,25 @@
+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): any;
+    methods: {
+        getColor(status: string): "#FFA52D" | "#F14B4C" | "#CECECE" | "#6DC743" | "#1389FF";
+    };
+};
+export default _default;

package/package.json

@@ -1,14 +1,36 @@
-{
-  "name": "ui-process-h5",
-  "version": "0.1.4",
-  "private": false,
-  "main":"./src/plugin/index.js",
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "vue-demi": "latest"
-  }
-}
+{
+  "name": "ui-process-h5",
+  "version": "0.1.10",
+  "private": false,
+  "description": "流程组件",
+  "main": "lib/index.min.js",
+  "module": "lib/index.esm.js",
+  "typings": "lib/index.d.ts",
+  "keyword": "vue3",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "yarn build:clean && yarn build:lib && yarn build:esm-bundle && rimraf lib/demo.html",
+    "build:clean": "rimraf lib",
+    "build:lib": "vue-cli-service build --target lib --name index --dest lib packages/index.ts",
+    "build:esm-bundle": "rollup --config ./build/rollup.config.js"
+  },
+  "dependencies": {
+    "bpmn-moddle": "^8.0.1",
+    "core-js": "^3.8.3",
+    "vue": "^3.2.13"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-typescript": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
+    "typescript": "~4.5.5",
+    "@rollup/plugin-node-resolve": "^13.0.5",
+    "@vue/compiler-sfc": "^3.0.0",
+    "rollup": "^2.58.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.30.0",
+    "rollup-plugin-vue": "^6.0.0"
+  }
+}