add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent 63d9804 commit 2995ad9a00c0b2ba3f9d40004e5cb36165faeefe caibinghong authored on 9 Sep 2021

Showing 19 changed files

Ignore Space Show notes View assets_platform/vue-router/vue-router.min.js 0 → 100644
/! vue-router v3.5.1 * (c) 2021 Evan You * @license MIT / var t,e;t=this,e=function(){"use strict";function t(t,e){for(var r in e)t[r]=e[r];return t}var e=/[!'()]/g,r=function(t){return"%"+t.charCodeAt(0).toString(16)},n=/%2C/g,o=function(t){return encodeURIComponent(t).replace(e,r).replace(n,",")};function i(t){try{return decodeURIComponent(t)}catch(t){}return t}var a=function(t){return null==t\|\|"object"==typeof t?t:String(t)};function s(t){var e={};return(t=t.trim().replace(/^(\?\|#\|&)/,""))?(t.split("&").forEach(function(t){var r=t.replace(/\+/g," ").split("="),n=i(r.shift()),o=r.length>0?i(r.join("=")):null;void 0===e[n]?e[n]=o:Array.isArray(e[n])?e[n].push(o):e[n]=[e[n],o]}),e):e}function u(t){var e=t?Object.keys(t).map(function(e){var r=t[e];if(void 0===r)return"";if(null===r)return o(e);if(Array.isArray(r)){var n=[];return r.forEach(function(t){void 0!==t&&(null===t?n.push(o(e)):n.push(o(e)+"="+o(t)))}),n.join("&")}return o(e)+"="+o(r)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}var c=/\/?$/;function p(t,e,r,n){var o=n&&n.options.stringifyQuery,i=e.query\|\|{};try{i=f(i)}catch(t){}var a={name:e.name\|\|t&&t.name,meta:t&&t.meta\|\|{},path:e.path\|\|"/",hash:e.hash\|\|"",query:i,params:e.params\|\|{},fullPath:d(e,o),matched:t?l(t):[]};return r&&(a.redirectedFrom=d(r,o)),Object.freeze(a)}function f(t){if(Array.isArray(t))return t.map(f);if(t&&"object"==typeof t){var e={};for(var r in t)e[r]=f(t[r]);return e}return t}var h=p(null,{path:"/"});function l(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function d(t,e){var r=t.path,n=t.query;void 0===n&&(n={});var o=t.hash;return void 0===o&&(o=""),(r\|\|"/")+(e\|\|u)(n)+o}function v(t,e,r){return e===h?t===e:!!e&&(t.path&&e.path?t.path.replace(c,"")===e.path.replace(c,"")&&(r\|\|t.hash===e.hash&&y(t.query,e.query)):!(!t.name\|\|!e.name)&&t.name===e.name&&(r\|\|t.hash===e.hash&&y(t.query,e.query)&&y(t.params,e.params)))}function y(t,e){if(void 0===t&&(t={}),void 0===e&&(e={}),!t\|\|!e)return t===e;var r=Object.keys(t).sort(),n=Object.keys(e).sort();return r.length===n.length&&r.every(function(r,o){var i=t[r];if(n[o]!==r)return!1;var a=e[r];return null==i\|\|null==a?i===a:"object"==typeof i&&"object"==typeof a?y(i,a):String(i)===String(a)})}function m(t){for(var e=0;e<t.matched.length;e++){var r=t.matched[e];for(var n in r.instances){var o=r.instances[n],i=r.enteredCbs[n];if(o&&i){delete r.enteredCbs[n];for(var a=0;a<i.length;a++)o._isBeingDestroyed\|\|i[a](o)}}}}var g={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(e,r){var n=r.props,o=r.children,i=r.parent,a=r.data;a.routerView=!0;for(var s=i.$createElement,u=n.name,c=i.$route,p=i._routerViewCache\|\|(i._routerViewCache={}),f=0,h=!1;i&&i._routerRoot!==i;){var l=i.$vnode?i.$vnode.data:{};l.routerView&&f++,l.keepAlive&&i._directInactive&&i._inactive&&(h=!0),i=i.$parent}if(a.routerViewDepth=f,h){var d=p[u],v=d&&d.component;return v?(d.configProps&&w(v,a,d.route,d.configProps),s(v,a,o)):s()}var y=c.matched[f],g=y&&y.components[u];if(!y\|\|!g)return p[u]=null,s();p[u]={component:g},a.registerRouteInstance=function(t,e){var r=y.instances[u];(e&&r!==t\|\|!e&&r===t)&&(y.instances[u]=e)},(a.hook\|\|(a.hook={})).prepatch=function(t,e){y.instances[u]=e.componentInstance},a.hook.init=function(t){t.data.keepAlive&&t.componentInstance&&t.componentInstance!==y.instances[u]&&(y.instances[u]=t.componentInstance),m(c)};var b=y.props&&y.props[u];return b&&(t(p[u],{route:c,configProps:b}),w(g,a,c,b)),s(g,a,o)}};function w(e,r,n,o){var i=r.props=function(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0}}(n,o);if(i){i=r.props=t({},i);var a=r.attrs=r.attrs\|\|{};for(var s in i)e.props&&s in e.props\|\|(a[s]=i[s],delete i[s])}}function b(t,e,r){var n=t.charAt(0);if("/"===n)return t;if("?"===n\|\|"#"===n)return e+t;var o=e.split("/");r&&o[o.length-1]\|\|o.pop();for(var i=t.replace(/^\//,"").split("/"),a=0;a<i.length;a++){var s=i[a];".."===s?o.pop():"."!==s&&o.push(s)}return""!==o[0]&&o.unshift(""),o.join("/")}function x(t){return t.replace(/\/\//g,"/")}var R=Array.isArray\|\|function(t){return"[object Array]"==Object.prototype.toString.call(t)},k=B,E=j,C=function(t,e){return S(j(t,e),e)},A=S,O=U,_=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.\|[^\\\\()])+)\\))?\|\\(((?:\\\\.\|[^\\\\()])+)\\))([+?])?\|(\\))"].join("\|"),"g");function j(t,e){for(var r,n=[],o=0,i=0,a="",s=e&&e.delimiter\|\|"/";null!=(r=_.exec(t));){var u=r[0],c=r[1],p=r.index;if(a+=t.slice(i,p),i=p+u.length,c)a+=c[1];else{var f=t[i],h=r[2],l=r[3],d=r[4],v=r[5],y=r[6],m=r[7];a&&(n.push(a),a="");var g=null!=h&&null!=f&&f!==h,w="+"===y\|\|""===y,b="?"===y\|\|""===y,x=r[2]\|\|s,R=d\|\|v;n.push({name:l\|\|o++,prefix:h\|\|"",delimiter:x,optional:b,repeat:w,partial:g,asterisk:!!m,pattern:R?L(R):m?".":"[^"+P(x)+"]+?"})}}return i<t.length&&(a+=t.substr(i)),a&&n.push(a),n}function T(t){return encodeURI(t).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function S(t,e){for(var r=new Array(t.length),n=0;n<t.length;n++)"object"==typeof t[n]&&(r[n]=new RegExp("^(?:"+t[n].pattern+")$",q(e)));return function(e,n){for(var o="",i=e\|\|{},a=(n\|\|{}).pretty?T:encodeURIComponent,s=0;s<t.length;s++){var u=t[s];if("string"!=typeof u){var c,p=i[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(R(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(c=a(p[f]),!r[s].test(c))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(c)+"`");o+=(0===f?u.prefix:u.delimiter)+c}}else{if(c=u.asterisk?encodeURI(p).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()}):a(p),!r[s].test(c))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+c+'"');o+=u.prefix+c}}else o+=u}return o}}function P(t){return t.replace(/([.+?=^!:${}()[\]\|\/\\])/g,"\\$1")}function L(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function $(t,e){return t.keys=e,t}function q(t){return t&&t.sensitive?"":"i"}function U(t,e,r){R(e)\|\|(r=e\|\|r,e=[]);for(var n=(r=r\|\|{}).strict,o=!1!==r.end,i="",a=0;a<t.length;a++){var s=t[a];if("string"==typeof s)i+=P(s);else{var u=P(s.prefix),c="(?:"+s.pattern+")";e.push(s),s.repeat&&(c+="(?:"+u+c+")"),i+=c=s.optional?s.partial?u+"("+c+")?":"(?:"+u+"("+c+"))?":u+"("+c+")"}}var p=P(r.delimiter\|\|"/"),f=i.slice(-p.length)===p;return n\|\|(i=(f?i.slice(0,-p.length):i)+"(?:"+p+"(?=$))?"),i+=o?"$":n&&f?"":"(?="+p+"\|$)",$(new RegExp("^"+i,q(r)),e)}function B(t,e,r){return R(e)\|\|(r=e\|\|r,e=[]),r=r\|\|{},t instanceof RegExp?function(t,e){var r=t.source.match(/\((?!\?)/g);if(r)for(var n=0;n<r.length;n++)e.push({name:n,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return $(t,e)}(t,e):R(t)?function(t,e,r){for(var n=[],o=0;o<t.length;o++)n.push(B(t[o],e,r).source);return $(new RegExp("(?:"+n.join("\|")+")",q(r)),e)}(t,e,r):function(t,e,r){return U(j(t,r),e,r)}(t,e,r)}k.parse=E,k.compile=C,k.tokensToFunction=A,k.tokensToRegExp=O;var I=Object.create(null);function M(t,e,r){e=e\|\|{};try{var n=I[t]\|\|(I[t]=k.compile(t));return"string"==typeof e.pathMatch&&(e[0]=e.pathMatch),n(e,{pretty:!0})}catch(t){return""}finally{delete e[0]}}function V(e,r,n,o){var i="string"==typeof e?{path:e}:e;if(i._normalized)return i;if(i.name){var u=(i=t({},e)).params;return u&&"object"==typeof u&&(i.params=t({},u)),i}if(!i.path&&i.params&&r){(i=t({},i))._normalized=!0;var c=t(t({},r.params),i.params);if(r.name)i.name=r.name,i.params=c;else if(r.matched.length){var p=r.matched[r.matched.length-1].path;i.path=M(p,c,r.path)}return i}var f=function(t){var e="",r="",n=t.indexOf("#");n>=0&&(e=t.slice(n),t=t.slice(0,n));var o=t.indexOf("?");return o>=0&&(r=t.slice(o+1),t=t.slice(0,o)),{path:t,query:r,hash:e}}(i.path\|\|""),h=r&&r.path\|\|"/",l=f.path?b(f.path,h,n\|\|i.append):h,d=function(t,e,r){void 0===e&&(e={});var n,o=r\|\|s;try{n=o(t\|\|"")}catch(t){n={}}for(var i in e){var u=e[i];n[i]=Array.isArray(u)?u.map(a):a(u)}return n}(f.query,i.query,o&&o.options.parseQuery),v=i.hash\|\|f.hash;return v&&"#"!==v.charAt(0)&&(v="#"+v),{_normalized:!0,path:l,query:d,hash:v}}var H,N=[String,Object],F=[String,Array],z=function(){},D={name:"RouterLink",props:{to:{type:N,required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:F,default:"click"}},render:function(e){var r=this,n=this.$router,o=this.$route,i=n.resolve(this.to,o,this.append),a=i.location,s=i.route,u=i.href,f={},h=n.options.linkActiveClass,l=n.options.linkExactActiveClass,d=null==h?"router-link-active":h,y=null==l?"router-link-exact-active":l,m=null==this.activeClass?d:this.activeClass,g=null==this.exactActiveClass?y:this.exactActiveClass,w=s.redirectedFrom?p(null,V(s.redirectedFrom),null,n):s;f[g]=v(o,w,this.exactPath),f[m]=this.exact\|\|this.exactPath?f[g]:function(t,e){return 0===t.path.replace(c,"/").indexOf(e.path.replace(c,"/"))&&(!e.hash\|\|t.hash===e.hash)&&function(t,e){for(var r in e)if(!(r in t))return!1;return!0}(t.query,e.query)}(o,w);var b=f[g]?this.ariaCurrentValue:null,x=function(t){K(t)&&(r.replace?n.replace(a,z):n.push(a,z))},R={click:K};Array.isArray(this.event)?this.event.forEach(function(t){R[t]=x}):R[this.event]=x;var k={class:f},E=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:u,route:s,navigate:x,isActive:f[m],isExactActive:f[g]});if(E){if(1===E.length)return E[0];if(E.length>1\|\|!E.length)return 0===E.length?e():e("span",{},E)}if("a"===this.tag)k.on=R,k.attrs={href:u,"aria-current":b};else{var C=function t(e){if(e)for(var r,n=0;n<e.length;n++){if("a"===(r=e[n]).tag)return r;if(r.children&&(r=t(r.children)))return r}}(this.$slots.default);if(C){C.isStatic=!1;var A=C.data=t({},C.data);for(var O in A.on=A.on\|\|{},A.on){var _=A.on[O];O in R&&(A.on[O]=Array.isArray(_)?_:[_])}for(var j in R)j in A.on?A.on[j].push(R[j]):A.on[j]=x;var T=C.data.attrs=t({},C.data.attrs);T.href=u,T["aria-current"]=b}else k.on=R}return e(this.tag,k,this.$slots.default)}};function K(t){if(!(t.metaKey\|\|t.altKey\|\|t.ctrlKey\|\|t.shiftKey\|\|t.defaultPrevented\|\|void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){var e=t.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(e))return}return t.preventDefault&&t.preventDefault(),!0}}var J="undefined"!=typeof window;function Q(t,e,r,n,o){var i=e\|\|[],a=r\|\|Object.create(null),s=n\|\|Object.create(null);t.forEach(function(t){!function t(e,r,n,o,i,a){var s=o.path,u=o.name,c=o.pathToRegexpOptions\|\|{},p=function(t,e,r){return r\|\|(t=t.replace(/\/$/,"")),"/"===t[0]?t:null==e?t:x(e.path+"/"+t)}(s,i,c.strict);"boolean"==typeof o.caseSensitive&&(c.sensitive=o.caseSensitive);var f={path:p,regex:X(p,c),components:o.components\|\|{default:o.component},alias:o.alias?"string"==typeof o.alias?[o.alias]:o.alias:[],instances:{},enteredCbs:{},name:u,parent:i,matchAs:a,redirect:o.redirect,beforeEnter:o.beforeEnter,meta:o.meta\|\|{},props:null==o.props?{}:o.components?o.props:{default:o.props}};if(o.children&&o.children.forEach(function(o){var i=a?x(a+"/"+o.path):void 0;t(e,r,n,o,f,i)}),r[f.path]\|\|(e.push(f.path),r[f.path]=f),void 0!==o.alias)for(var h=Array.isArray(o.alias)?o.alias:[o.alias],l=0;l<h.length;++l){var d=h[l],v={path:d,children:o.children};t(e,r,n,v,i,f.path\|\|"/")}u&&(n[u]\|\|(n[u]=f))}(i,a,s,t,o)});for(var u=0,c=i.length;u<c;u++)""===i[u]&&(i.push(i.splice(u,1)[0]),c--,u--);return{pathList:i,pathMap:a,nameMap:s}}function X(t,e){return k(t,[],e)}function Y(t,e){var r=Q(t),n=r.pathList,o=r.pathMap,i=r.nameMap;function a(t,r,a){var s=V(t,r,!1,e),c=s.name;if(c){var p=i[c];if(!p)return u(null,s);var f=p.regex.keys.filter(function(t){return!t.optional}).map(function(t){return t.name});if("object"!=typeof s.params&&(s.params={}),r&&"object"==typeof r.params)for(var h in r.params)!(h in s.params)&&f.indexOf(h)>-1&&(s.params[h]=r.params[h]);return s.path=M(p.path,s.params),u(p,s,a)}if(s.path){s.params={};for(var l=0;l<n.length;l++){var d=n[l],v=o[d];if(W(v.regex,s.path,s.params))return u(v,s,a)}}return u(null,s)}function s(t,r){var n=t.redirect,o="function"==typeof n?n(p(t,r,null,e)):n;if("string"==typeof o&&(o={path:o}),!o\|\|"object"!=typeof o)return u(null,r);var s=o,c=s.name,f=s.path,h=r.query,l=r.hash,d=r.params;return h=s.hasOwnProperty("query")?s.query:h,l=s.hasOwnProperty("hash")?s.hash:l,d=s.hasOwnProperty("params")?s.params:d,c?(i[c],a({_normalized:!0,name:c,query:h,hash:l,params:d},void 0,r)):f?a({_normalized:!0,path:M(function(t,e){return b(t,e.parent?e.parent.path:"/",!0)}(f,t),d),query:h,hash:l},void 0,r):u(null,r)}function u(t,r,n){return t&&t.redirect?s(t,n\|\|r):t&&t.matchAs?function(t,e,r){var n=a({_normalized:!0,path:M(r,e.params)});if(n){var o=n.matched,i=o[o.length-1];return e.params=n.params,u(i,e)}return u(null,e)}(0,r,t.matchAs):p(t,r,n,e)}return{match:a,addRoute:function(t,e){var r="object"!=typeof t?i[t]:void 0;Q([e\|\|t],n,o,i,r),r&&Q(r.alias.map(function(t){return{path:t,children:[e]}}),n,o,i,r)},getRoutes:function(){return n.map(function(t){return o[t]})},addRoutes:function(t){Q(t,n,o,i)}}}function W(t,e,r){var n=e.match(t);if(!n)return!1;if(!r)return!0;for(var o=1,a=n.length;o<a;++o){var s=t.keys[o-1];s&&(r[s.name\|\|"pathMatch"]="string"==typeof n[o]?i(n[o]):n[o])}return!0}var G=J&&window.performance&&window.performance.now?window.performance:Date;function Z(){return G.now().toFixed(3)}var tt=Z();function et(){return tt}function rt(t){return tt=t}var nt=Object.create(null);function ot(){"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual");var e=window.location.protocol+"//"+window.location.host,r=window.location.href.replace(e,""),n=t({},window.history.state);return n.key=et(),window.history.replaceState(n,"",r),window.addEventListener("popstate",st),function(){window.removeEventListener("popstate",st)}}function it(t,e,r,n){if(t.app){var o=t.options.scrollBehavior;o&&t.app.$nextTick(function(){var i=function(){var t=et();if(t)return nt[t]}(),a=o.call(t,e,r,n?i:null);a&&("function"==typeof a.then?a.then(function(t){ht(t,i)}).catch(function(t){}):ht(a,i))})}}function at(){var t=et();t&&(nt[t]={x:window.pageXOffset,y:window.pageYOffset})}function st(t){at(),t.state&&t.state.key&&rt(t.state.key)}function ut(t){return pt(t.x)\|\|pt(t.y)}function ct(t){return{x:pt(t.x)?t.x:window.pageXOffset,y:pt(t.y)?t.y:window.pageYOffset}}function pt(t){return"number"==typeof t}var ft=/^#\d/;function ht(t,e){var r,n="object"==typeof t;if(n&&"string"==typeof t.selector){var o=ft.test(t.selector)?document.getElementById(t.selector.slice(1)):document.querySelector(t.selector);if(o){var i=t.offset&&"object"==typeof t.offset?t.offset:{};e=function(t,e){var r=document.documentElement.getBoundingClientRect(),n=t.getBoundingClientRect();return{x:n.left-r.left-e.x,y:n.top-r.top-e.y}}(o,i={x:pt((r=i).x)?r.x:0,y:pt(r.y)?r.y:0})}else ut(t)&&(e=ct(t))}else n&&ut(t)&&(e=ct(t));e&&("scrollBehavior"in document.documentElement.style?window.scrollTo({left:e.x,top:e.y,behavior:t.behavior}):window.scrollTo(e.x,e.y))}var lt,dt=J&&(-1===(lt=window.navigator.userAgent).indexOf("Android 2.")&&-1===lt.indexOf("Android 4.0")\|\|-1===lt.indexOf("Mobile Safari")\|\|-1!==lt.indexOf("Chrome")\|\|-1!==lt.indexOf("Windows Phone"))&&window.history&&"function"==typeof window.history.pushState;function vt(e,r){at();var n=window.history;try{if(r){var o=t({},n.state);o.key=et(),n.replaceState(o,"",e)}else n.pushState({key:rt(Z())},"",e)}catch(t){window.location[r?"replace":"assign"](e)}}function yt(t){vt(t,!0)}function mt(t,e,r){var n=function(o){o>=t.length?r():t[o]?e(t[o],function(){n(o+1)}):n(o+1)};n(0)}var gt={redirected:2,aborted:4,cancelled:8,duplicated:16};function wt(t,e){return xt(t,e,gt.redirected,'Redirected when going from "'+t.fullPath+'" to "'+function(t){if("string"==typeof t)return t;if("path"in t)return t.path;var e={};return Rt.forEach(function(r){r in t&&(e[r]=t[r])}),JSON.stringify(e,null,2)}(e)+'" via a navigation guard.')}function bt(t,e){return xt(t,e,gt.cancelled,'Navigation cancelled from "'+t.fullPath+'" to "'+e.fullPath+'" with a new navigation.')}function xt(t,e,r,n){var o=new Error(n);return o._isRouter=!0,o.from=t,o.to=e,o.type=r,o}var Rt=["params","query","hash"];function kt(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function Et(t,e){return kt(t)&&t._isRouter&&(null==e\|\|t.type===e)}function Ct(t){return function(e,r,n){var o=!1,i=0,a=null;At(t,function(t,e,r,s){if("function"==typeof t&&void 0===t.cid){o=!0,i++;var u,c=jt(function(e){var o;((o=e).__esModule\|\|_t&&"Module"===o[Symbol.toStringTag])&&(e=e.default),t.resolved="function"==typeof e?e:H.extend(e),r.components[s]=e,--i<=0&&n()}),p=jt(function(t){var e="Failed to resolve async component "+s+": "+t;a\|\|(a=kt(t)?t:new Error(e),n(a))});try{u=t(c,p)}catch(t){p(t)}if(u)if("function"==typeof u.then)u.then(c,p);else{var f=u.component;f&&"function"==typeof f.then&&f.then(c,p)}}}),o\|\|n()}}function At(t,e){return Ot(t.map(function(t){return Object.keys(t.components).map(function(r){return e(t.components[r],t.instances[r],t,r)})}))}function Ot(t){return Array.prototype.concat.apply([],t)}var _t="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function jt(t){var e=!1;return function(){for(var r=[],n=arguments.length;n--;)r[n]=arguments[n];if(!e)return e=!0,t.apply(this,r)}}var Tt=function(t,e){this.router=t,this.base=function(t){if(!t)if(J){var e=document.querySelector("base");t=(t=e&&e.getAttribute("href")\|\|"/").replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}(e),this.current=h,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function St(t,e,r,n){var o=At(t,function(t,n,o,i){var a=function(t,e){return"function"!=typeof t&&(t=H.extend(t)),t.options[e]}(t,e);if(a)return Array.isArray(a)?a.map(function(t){return r(t,n,o,i)}):r(a,n,o,i)});return Ot(n?o.reverse():o)}function Pt(t,e){if(e)return function(){return t.apply(e,arguments)}}Tt.prototype.listen=function(t){this.cb=t},Tt.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},Tt.prototype.onError=function(t){this.errorCbs.push(t)},Tt.prototype.transitionTo=function(t,e,r){var n,o=this;try{n=this.router.match(t,this.current)}catch(t){throw this.errorCbs.forEach(function(e){e(t)}),t}var i=this.current;this.confirmTransition(n,function(){o.updateRoute(n),e&&e(n),o.ensureURL(),o.router.afterHooks.forEach(function(t){t&&t(n,i)}),o.ready\|\|(o.ready=!0,o.readyCbs.forEach(function(t){t(n)}))},function(t){r&&r(t),t&&!o.ready&&(Et(t,gt.redirected)&&i===h\|\|(o.ready=!0,o.readyErrorCbs.forEach(function(e){e(t)})))})},Tt.prototype.confirmTransition=function(t,e,r){var n=this,o=this.current;this.pending=t;var i,a,s=function(t){!Et(t)&&kt(t)&&(n.errorCbs.length?n.errorCbs.forEach(function(e){e(t)}):console.error(t)),r&&r(t)},u=t.matched.length-1,c=o.matched.length-1;if(v(t,o)&&u===c&&t.matched[u]===o.matched[c])return this.ensureURL(),s(((a=xt(i=o,t,gt.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",a));var p=function(t,e){var r,n=Math.max(t.length,e.length);for(r=0;r<n&&t[r]===e[r];r++);return{updated:e.slice(0,r),activated:e.slice(r),deactivated:t.slice(r)}}(this.current.matched,t.matched),f=p.updated,h=p.deactivated,l=p.activated,d=[].concat(function(t){return St(t,"beforeRouteLeave",Pt,!0)}(h),this.router.beforeHooks,function(t){return St(t,"beforeRouteUpdate",Pt)}(f),l.map(function(t){return t.beforeEnter}),Ct(l)),y=function(e,r){if(n.pending!==t)return s(bt(o,t));try{e(t,o,function(e){!1===e?(n.ensureURL(!0),s(function(t,e){return xt(t,e,gt.aborted,'Navigation aborted from "'+t.fullPath+'" to "'+e.fullPath+'" via a navigation guard.')}(o,t))):kt(e)?(n.ensureURL(!0),s(e)):"string"==typeof e\|\|"object"==typeof e&&("string"==typeof e.path\|\|"string"==typeof e.name)?(s(wt(o,t)),"object"==typeof e&&e.replace?n.replace(e):n.push(e)):r(e)})}catch(t){s(t)}};mt(d,y,function(){mt(function(t){return St(t,"beforeRouteEnter",function(t,e,r,n){return function(t,e,r){return function(n,o,i){return t(n,o,function(t){"function"==typeof t&&(e.enteredCbs[r]\|\|(e.enteredCbs[r]=[]),e.enteredCbs[r].push(t)),i(t)})}}(t,r,n)})}(l).concat(n.router.resolveHooks),y,function(){if(n.pending!==t)return s(bt(o,t));n.pending=null,e(t),n.router.app&&n.router.app.$nextTick(function(){m(t)})})})},Tt.prototype.updateRoute=function(t){this.current=t,this.cb&&this.cb(t)},Tt.prototype.setupListeners=function(){},Tt.prototype.teardown=function(){this.listeners.forEach(function(t){t()}),this.listeners=[],this.current=h,this.pending=null};var Lt=function(t){function e(e,r){t.call(this,e,r),this._startLocation=$t(this.base)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router,r=e.options.scrollBehavior,n=dt&&r;n&&this.listeners.push(ot());var o=function(){var r=t.current,o=$t(t.base);t.current===h&&o===t._startLocation\|\|t.transitionTo(o,function(t){n&&it(e,t,r,!0)})};window.addEventListener("popstate",o),this.listeners.push(function(){window.removeEventListener("popstate",o)})}},e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){vt(x(n.base+t.fullPath)),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.replace=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){yt(x(n.base+t.fullPath)),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.ensureURL=function(t){if($t(this.base)!==this.current.fullPath){var e=x(this.base+this.current.fullPath);t?vt(e):yt(e)}},e.prototype.getCurrentLocation=function(){return $t(this.base)},e}(Tt);function $t(t){var e=window.location.pathname;return t&&0===e.toLowerCase().indexOf(t.toLowerCase())&&(e=e.slice(t.length)),(e\|\|"/")+window.location.search+window.location.hash}var qt=function(t){function e(e,r,n){t.call(this,e,r),n&&function(t){var e=$t(t);if(!/^\/#/.test(e))return window.location.replace(x(t+"/#"+e)),!0}(this.base)\|\|Ut()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router.options.scrollBehavior,r=dt&&e;r&&this.listeners.push(ot());var n=function(){var e=t.current;Ut()&&t.transitionTo(Bt(),function(n){r&&it(t.router,n,e,!0),dt\|\|Vt(n.fullPath)})},o=dt?"popstate":"hashchange";window.addEventListener(o,n),this.listeners.push(function(){window.removeEventListener(o,n)})}},e.prototype.push=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){Mt(t.fullPath),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.replace=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){Vt(t.fullPath),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;Bt()!==e&&(t?Mt(e):Vt(e))},e.prototype.getCurrentLocation=function(){return Bt()},e}(Tt);function Ut(){var t=Bt();return"/"===t.charAt(0)\|\|(Vt("/"+t),!1)}function Bt(){var t=window.location.href,e=t.indexOf("#");return e<0?"":t=t.slice(e+1)}function It(t){var e=window.location.href,r=e.indexOf("#");return(r>=0?e.slice(0,r):e)+"#"+t}function Mt(t){dt?vt(It(t)):window.location.hash=t}function Vt(t){dt?yt(It(t)):window.location.replace(It(t))}var Ht=function(t){function e(e,r){t.call(this,e,r),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,r){var n=this;this.transitionTo(t,function(t){n.stack=n.stack.slice(0,n.index+1).concat(t),n.index++,e&&e(t)},r)},e.prototype.replace=function(t,e,r){var n=this;this.transitionTo(t,function(t){n.stack=n.stack.slice(0,n.index).concat(t),e&&e(t)},r)},e.prototype.go=function(t){var e=this,r=this.index+t;if(!(r<0\|\|r>=this.stack.length)){var n=this.stack[r];this.confirmTransition(n,function(){var t=e.current;e.index=r,e.updateRoute(n),e.router.afterHooks.forEach(function(e){e&&e(n,t)})},function(t){Et(t,gt.duplicated)&&(e.index=r)})}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(Tt),Nt=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=Y(t.routes\|\|[],this);var e=t.mode\|\|"hash";switch(this.fallback="history"===e&&!dt&&!1!==t.fallback,this.fallback&&(e="hash"),J\|\|(e="abstract"),this.mode=e,e){case"history":this.history=new Lt(this,t.base);break;case"hash":this.history=new qt(this,t.base,this.fallback);break;case"abstract":this.history=new Ht(this,t.base)}},Ft={currentRoute:{configurable:!0}};function zt(t,e){return t.push(e),function(){var r=t.indexOf(e);r>-1&&t.splice(r,1)}}return Nt.prototype.match=function(t,e,r){return this.matcher.match(t,e,r)},Ft.currentRoute.get=function(){return this.history&&this.history.current},Nt.prototype.init=function(t){var e=this;if(this.apps.push(t),t.$once("hook:destroyed",function(){var r=e.apps.indexOf(t);r>-1&&e.apps.splice(r,1),e.app===t&&(e.app=e.apps[0]\|\|null),e.app\|\|e.history.teardown()}),!this.app){this.app=t;var r=this.history;if(r instanceof Lt\|\|r instanceof qt){var n=function(t){r.setupListeners(),function(t){var n=r.current,o=e.options.scrollBehavior;dt&&o&&"fullPath"in t&&it(e,t,n,!1)}(t)};r.transitionTo(r.getCurrentLocation(),n,n)}r.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},Nt.prototype.beforeEach=function(t){return zt(this.beforeHooks,t)},Nt.prototype.beforeResolve=function(t){return zt(this.resolveHooks,t)},Nt.prototype.afterEach=function(t){return zt(this.afterHooks,t)},Nt.prototype.onReady=function(t,e){this.history.onReady(t,e)},Nt.prototype.onError=function(t){this.history.onError(t)},Nt.prototype.push=function(t,e,r){var n=this;if(!e&&!r&&"undefined"!=typeof Promise)return new Promise(function(e,r){n.history.push(t,e,r)});this.history.push(t,e,r)},Nt.prototype.replace=function(t,e,r){var n=this;if(!e&&!r&&"undefined"!=typeof Promise)return new Promise(function(e,r){n.history.replace(t,e,r)});this.history.replace(t,e,r)},Nt.prototype.go=function(t){this.history.go(t)},Nt.prototype.back=function(){this.go(-1)},Nt.prototype.forward=function(){this.go(1)},Nt.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},Nt.prototype.resolve=function(t,e,r){var n=V(t,e=e\|\|this.history.current,r,this),o=this.match(n,e),i=o.redirectedFrom\|\|o.fullPath;return{location:n,route:o,href:function(t,e,r){var n="hash"===r?"#"+e:e;return t?x(t+"/"+n):n}(this.history.base,i,this.mode),normalizedTo:n,resolved:o}},Nt.prototype.getRoutes=function(){return this.matcher.getRoutes()},Nt.prototype.addRoute=function(t,e){this.matcher.addRoute(t,e),this.history.current!==h&&this.history.transitionTo(this.history.getCurrentLocation())},Nt.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==h&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(Nt.prototype,Ft),Nt.install=function t(e){if(!t.installed\|\|H!==e){t.installed=!0,H=e;var r=function(t){return void 0!==t},n=function(t,e){var n=t.$options._parentVnode;r(n)&&r(n=n.data)&&r(n=n.registerRouteInstance)&&n(t,e)};e.mixin({beforeCreate:function(){r(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),e.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot\|\|this,n(this,this)},destroyed:function(){n(this)}}),Object.defineProperty(e.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(e.prototype,"$route",{get:function(){return this._routerRoot._route}}),e.component("RouterView",g),e.component("RouterLink",D);var o=e.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},Nt.version="3.5.1",Nt.isNavigationFailure=Et,Nt.NavigationFailureType=gt,Nt.START_LOCATION=h,J&&window.Vue&&window.Vue.use(Nt),Nt},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t\|\|self).VueRouter=e();

Ignore Space Show notes View

assets_platform/vue-router/vue-router.min.js 0 → 100644

/*!
  * vue-router v3.5.1
  * (c) 2021 Evan You
  * @license MIT
  */
var t,e;t=this,e=function(){"use strict";function t(t,e){for(var r in e)t[r]=e[r];return t}var e=/[!'()*]/g,r=function(t){return"%"+t.charCodeAt(0).toString(16)},n=/%2C/g,o=function(t){return encodeURIComponent(t).replace(e,r).replace(n,",")};function i(t){try{return decodeURIComponent(t)}catch(t){}return t}var a=function(t){return null==t||"object"==typeof t?t:String(t)};function s(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var r=t.replace(/\+/g," ").split("="),n=i(r.shift()),o=r.length>0?i(r.join("=")):null;void 0===e[n]?e[n]=o:Array.isArray(e[n])?e[n].push(o):e[n]=[e[n],o]}),e):e}function u(t){var e=t?Object.keys(t).map(function(e){var r=t[e];if(void 0===r)return"";if(null===r)return o(e);if(Array.isArray(r)){var n=[];return r.forEach(function(t){void 0!==t&&(null===t?n.push(o(e)):n.push(o(e)+"="+o(t)))}),n.join("&")}return o(e)+"="+o(r)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}var c=/\/?$/;function p(t,e,r,n){var o=n&&n.options.stringifyQuery,i=e.query||{};try{i=f(i)}catch(t){}var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:i,params:e.params||{},fullPath:d(e,o),matched:t?l(t):[]};return r&&(a.redirectedFrom=d(r,o)),Object.freeze(a)}function f(t){if(Array.isArray(t))return t.map(f);if(t&&"object"==typeof t){var e={};for(var r in t)e[r]=f(t[r]);return e}return t}var h=p(null,{path:"/"});function l(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function d(t,e){var r=t.path,n=t.query;void 0===n&&(n={});var o=t.hash;return void 0===o&&(o=""),(r||"/")+(e||u)(n)+o}function v(t,e,r){return e===h?t===e:!!e&&(t.path&&e.path?t.path.replace(c,"")===e.path.replace(c,"")&&(r||t.hash===e.hash&&y(t.query,e.query)):!(!t.name||!e.name)&&t.name===e.name&&(r||t.hash===e.hash&&y(t.query,e.query)&&y(t.params,e.params)))}function y(t,e){if(void 0===t&&(t={}),void 0===e&&(e={}),!t||!e)return t===e;var r=Object.keys(t).sort(),n=Object.keys(e).sort();return r.length===n.length&&r.every(function(r,o){var i=t[r];if(n[o]!==r)return!1;var a=e[r];return null==i||null==a?i===a:"object"==typeof i&&"object"==typeof a?y(i,a):String(i)===String(a)})}function m(t){for(var e=0;e<t.matched.length;e++){var r=t.matched[e];for(var n in r.instances){var o=r.instances[n],i=r.enteredCbs[n];if(o&&i){delete r.enteredCbs[n];for(var a=0;a<i.length;a++)o._isBeingDestroyed||i[a](o)}}}}var g={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(e,r){var n=r.props,o=r.children,i=r.parent,a=r.data;a.routerView=!0;for(var s=i.$createElement,u=n.name,c=i.$route,p=i._routerViewCache||(i._routerViewCache={}),f=0,h=!1;i&&i._routerRoot!==i;){var l=i.$vnode?i.$vnode.data:{};l.routerView&&f++,l.keepAlive&&i._directInactive&&i._inactive&&(h=!0),i=i.$parent}if(a.routerViewDepth=f,h){var d=p[u],v=d&&d.component;return v?(d.configProps&&w(v,a,d.route,d.configProps),s(v,a,o)):s()}var y=c.matched[f],g=y&&y.components[u];if(!y||!g)return p[u]=null,s();p[u]={component:g},a.registerRouteInstance=function(t,e){var r=y.instances[u];(e&&r!==t||!e&&r===t)&&(y.instances[u]=e)},(a.hook||(a.hook={})).prepatch=function(t,e){y.instances[u]=e.componentInstance},a.hook.init=function(t){t.data.keepAlive&&t.componentInstance&&t.componentInstance!==y.instances[u]&&(y.instances[u]=t.componentInstance),m(c)};var b=y.props&&y.props[u];return b&&(t(p[u],{route:c,configProps:b}),w(g,a,c,b)),s(g,a,o)}};function w(e,r,n,o){var i=r.props=function(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0}}(n,o);if(i){i=r.props=t({},i);var a=r.attrs=r.attrs||{};for(var s in i)e.props&&s in e.props||(a[s]=i[s],delete i[s])}}function b(t,e,r){var n=t.charAt(0);if("/"===n)return t;if("?"===n||"#"===n)return e+t;var o=e.split("/");r&&o[o.length-1]||o.pop();for(var i=t.replace(/^\//,"").split("/"),a=0;a<i.length;a++){var s=i[a];".."===s?o.pop():"."!==s&&o.push(s)}return""!==o[0]&&o.unshift(""),o.join("/")}function x(t){return t.replace(/\/\//g,"/")}var R=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},k=B,E=j,C=function(t,e){return S(j(t,e),e)},A=S,O=U,_=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\$((?:\\\\.|[^\\\\()])+)\$)?|\$((?:\\\\.|[^\\\\()])+)\$)([+*?])?|(\\*))"].join("|"),"g");function j(t,e){for(var r,n=[],o=0,i=0,a="",s=e&&e.delimiter||"/";null!=(r=_.exec(t));){var u=r[0],c=r[1],p=r.index;if(a+=t.slice(i,p),i=p+u.length,c)a+=c[1];else{var f=t[i],h=r[2],l=r[3],d=r[4],v=r[5],y=r[6],m=r[7];a&&(n.push(a),a="");var g=null!=h&&null!=f&&f!==h,w="+"===y||"*"===y,b="?"===y||"*"===y,x=r[2]||s,R=d||v;n.push({name:l||o++,prefix:h||"",delimiter:x,optional:b,repeat:w,partial:g,asterisk:!!m,pattern:R?L(R):m?".*":"[^"+P(x)+"]+?"})}}return i<t.length&&(a+=t.substr(i)),a&&n.push(a),n}function T(t){return encodeURI(t).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function S(t,e){for(var r=new Array(t.length),n=0;n<t.length;n++)"object"==typeof t[n]&&(r[n]=new RegExp("^(?:"+t[n].pattern+")$",q(e)));return function(e,n){for(var o="",i=e||{},a=(n||{}).pretty?T:encodeURIComponent,s=0;s<t.length;s++){var u=t[s];if("string"!=typeof u){var c,p=i[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(R(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(c=a(p[f]),!r[s].test(c))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(c)+"`");o+=(0===f?u.prefix:u.delimiter)+c}}else{if(c=u.asterisk?encodeURI(p).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()}):a(p),!r[s].test(c))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+c+'"');o+=u.prefix+c}}else o+=u}return o}}function P(t){return t.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function L(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function $(t,e){return t.keys=e,t}function q(t){return t&&t.sensitive?"":"i"}function U(t,e,r){R(e)||(r=e||r,e=[]);for(var n=(r=r||{}).strict,o=!1!==r.end,i="",a=0;a<t.length;a++){var s=t[a];if("string"==typeof s)i+=P(s);else{var u=P(s.prefix),c="(?:"+s.pattern+")";e.push(s),s.repeat&&(c+="(?:"+u+c+")*"),i+=c=s.optional?s.partial?u+"("+c+")?":"(?:"+u+"("+c+"))?":u+"("+c+")"}}var p=P(r.delimiter||"/"),f=i.slice(-p.length)===p;return n||(i=(f?i.slice(0,-p.length):i)+"(?:"+p+"(?=$))?"),i+=o?"$":n&&f?"":"(?="+p+"|$)",$(new RegExp("^"+i,q(r)),e)}function B(t,e,r){return R(e)||(r=e||r,e=[]),r=r||{},t instanceof RegExp?function(t,e){var r=t.source.match(/\((?!\?)/g);if(r)for(var n=0;n<r.length;n++)e.push({name:n,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return $(t,e)}(t,e):R(t)?function(t,e,r){for(var n=[],o=0;o<t.length;o++)n.push(B(t[o],e,r).source);return $(new RegExp("(?:"+n.join("|")+")",q(r)),e)}(t,e,r):function(t,e,r){return U(j(t,r),e,r)}(t,e,r)}k.parse=E,k.compile=C,k.tokensToFunction=A,k.tokensToRegExp=O;var I=Object.create(null);function M(t,e,r){e=e||{};try{var n=I[t]||(I[t]=k.compile(t));return"string"==typeof e.pathMatch&&(e[0]=e.pathMatch),n(e,{pretty:!0})}catch(t){return""}finally{delete e[0]}}function V(e,r,n,o){var i="string"==typeof e?{path:e}:e;if(i._normalized)return i;if(i.name){var u=(i=t({},e)).params;return u&&"object"==typeof u&&(i.params=t({},u)),i}if(!i.path&&i.params&&r){(i=t({},i))._normalized=!0;var c=t(t({},r.params),i.params);if(r.name)i.name=r.name,i.params=c;else if(r.matched.length){var p=r.matched[r.matched.length-1].path;i.path=M(p,c,r.path)}return i}var f=function(t){var e="",r="",n=t.indexOf("#");n>=0&&(e=t.slice(n),t=t.slice(0,n));var o=t.indexOf("?");return o>=0&&(r=t.slice(o+1),t=t.slice(0,o)),{path:t,query:r,hash:e}}(i.path||""),h=r&&r.path||"/",l=f.path?b(f.path,h,n||i.append):h,d=function(t,e,r){void 0===e&&(e={});var n,o=r||s;try{n=o(t||"")}catch(t){n={}}for(var i in e){var u=e[i];n[i]=Array.isArray(u)?u.map(a):a(u)}return n}(f.query,i.query,o&&o.options.parseQuery),v=i.hash||f.hash;return v&&"#"!==v.charAt(0)&&(v="#"+v),{_normalized:!0,path:l,query:d,hash:v}}var H,N=[String,Object],F=[String,Array],z=function(){},D={name:"RouterLink",props:{to:{type:N,required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:F,default:"click"}},render:function(e){var r=this,n=this.$router,o=this.$route,i=n.resolve(this.to,o,this.append),a=i.location,s=i.route,u=i.href,f={},h=n.options.linkActiveClass,l=n.options.linkExactActiveClass,d=null==h?"router-link-active":h,y=null==l?"router-link-exact-active":l,m=null==this.activeClass?d:this.activeClass,g=null==this.exactActiveClass?y:this.exactActiveClass,w=s.redirectedFrom?p(null,V(s.redirectedFrom),null,n):s;f[g]=v(o,w,this.exactPath),f[m]=this.exact||this.exactPath?f[g]:function(t,e){return 0===t.path.replace(c,"/").indexOf(e.path.replace(c,"/"))&&(!e.hash||t.hash===e.hash)&&function(t,e){for(var r in e)if(!(r in t))return!1;return!0}(t.query,e.query)}(o,w);var b=f[g]?this.ariaCurrentValue:null,x=function(t){K(t)&&(r.replace?n.replace(a,z):n.push(a,z))},R={click:K};Array.isArray(this.event)?this.event.forEach(function(t){R[t]=x}):R[this.event]=x;var k={class:f},E=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:u,route:s,navigate:x,isActive:f[m],isExactActive:f[g]});if(E){if(1===E.length)return E[0];if(E.length>1||!E.length)return 0===E.length?e():e("span",{},E)}if("a"===this.tag)k.on=R,k.attrs={href:u,"aria-current":b};else{var C=function t(e){if(e)for(var r,n=0;n<e.length;n++){if("a"===(r=e[n]).tag)return r;if(r.children&&(r=t(r.children)))return r}}(this.$slots.default);if(C){C.isStatic=!1;var A=C.data=t({},C.data);for(var O in A.on=A.on||{},A.on){var _=A.on[O];O in R&&(A.on[O]=Array.isArray(_)?_:[_])}for(var j in R)j in A.on?A.on[j].push(R[j]):A.on[j]=x;var T=C.data.attrs=t({},C.data.attrs);T.href=u,T["aria-current"]=b}else k.on=R}return e(this.tag,k,this.$slots.default)}};function K(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){var e=t.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(e))return}return t.preventDefault&&t.preventDefault(),!0}}var J="undefined"!=typeof window;function Q(t,e,r,n,o){var i=e||[],a=r||Object.create(null),s=n||Object.create(null);t.forEach(function(t){!function t(e,r,n,o,i,a){var s=o.path,u=o.name,c=o.pathToRegexpOptions||{},p=function(t,e,r){return r||(t=t.replace(/\/$/,"")),"/"===t[0]?t:null==e?t:x(e.path+"/"+t)}(s,i,c.strict);"boolean"==typeof o.caseSensitive&&(c.sensitive=o.caseSensitive);var f={path:p,regex:X(p,c),components:o.components||{default:o.component},alias:o.alias?"string"==typeof o.alias?[o.alias]:o.alias:[],instances:{},enteredCbs:{},name:u,parent:i,matchAs:a,redirect:o.redirect,beforeEnter:o.beforeEnter,meta:o.meta||{},props:null==o.props?{}:o.components?o.props:{default:o.props}};if(o.children&&o.children.forEach(function(o){var i=a?x(a+"/"+o.path):void 0;t(e,r,n,o,f,i)}),r[f.path]||(e.push(f.path),r[f.path]=f),void 0!==o.alias)for(var h=Array.isArray(o.alias)?o.alias:[o.alias],l=0;l<h.length;++l){var d=h[l],v={path:d,children:o.children};t(e,r,n,v,i,f.path||"/")}u&&(n[u]||(n[u]=f))}(i,a,s,t,o)});for(var u=0,c=i.length;u<c;u++)"*"===i[u]&&(i.push(i.splice(u,1)[0]),c--,u--);return{pathList:i,pathMap:a,nameMap:s}}function X(t,e){return k(t,[],e)}function Y(t,e){var r=Q(t),n=r.pathList,o=r.pathMap,i=r.nameMap;function a(t,r,a){var s=V(t,r,!1,e),c=s.name;if(c){var p=i[c];if(!p)return u(null,s);var f=p.regex.keys.filter(function(t){return!t.optional}).map(function(t){return t.name});if("object"!=typeof s.params&&(s.params={}),r&&"object"==typeof r.params)for(var h in r.params)!(h in s.params)&&f.indexOf(h)>-1&&(s.params[h]=r.params[h]);return s.path=M(p.path,s.params),u(p,s,a)}if(s.path){s.params={};for(var l=0;l<n.length;l++){var d=n[l],v=o[d];if(W(v.regex,s.path,s.params))return u(v,s,a)}}return u(null,s)}function s(t,r){var n=t.redirect,o="function"==typeof n?n(p(t,r,null,e)):n;if("string"==typeof o&&(o={path:o}),!o||"object"!=typeof o)return u(null,r);var s=o,c=s.name,f=s.path,h=r.query,l=r.hash,d=r.params;return h=s.hasOwnProperty("query")?s.query:h,l=s.hasOwnProperty("hash")?s.hash:l,d=s.hasOwnProperty("params")?s.params:d,c?(i[c],a({_normalized:!0,name:c,query:h,hash:l,params:d},void 0,r)):f?a({_normalized:!0,path:M(function(t,e){return b(t,e.parent?e.parent.path:"/",!0)}(f,t),d),query:h,hash:l},void 0,r):u(null,r)}function u(t,r,n){return t&&t.redirect?s(t,n||r):t&&t.matchAs?function(t,e,r){var n=a({_normalized:!0,path:M(r,e.params)});if(n){var o=n.matched,i=o[o.length-1];return e.params=n.params,u(i,e)}return u(null,e)}(0,r,t.matchAs):p(t,r,n,e)}return{match:a,addRoute:function(t,e){var r="object"!=typeof t?i[t]:void 0;Q([e||t],n,o,i,r),r&&Q(r.alias.map(function(t){return{path:t,children:[e]}}),n,o,i,r)},getRoutes:function(){return n.map(function(t){return o[t]})},addRoutes:function(t){Q(t,n,o,i)}}}function W(t,e,r){var n=e.match(t);if(!n)return!1;if(!r)return!0;for(var o=1,a=n.length;o<a;++o){var s=t.keys[o-1];s&&(r[s.name||"pathMatch"]="string"==typeof n[o]?i(n[o]):n[o])}return!0}var G=J&&window.performance&&window.performance.now?window.performance:Date;function Z(){return G.now().toFixed(3)}var tt=Z();function et(){return tt}function rt(t){return tt=t}var nt=Object.create(null);function ot(){"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual");var e=window.location.protocol+"//"+window.location.host,r=window.location.href.replace(e,""),n=t({},window.history.state);return n.key=et(),window.history.replaceState(n,"",r),window.addEventListener("popstate",st),function(){window.removeEventListener("popstate",st)}}function it(t,e,r,n){if(t.app){var o=t.options.scrollBehavior;o&&t.app.$nextTick(function(){var i=function(){var t=et();if(t)return nt[t]}(),a=o.call(t,e,r,n?i:null);a&&("function"==typeof a.then?a.then(function(t){ht(t,i)}).catch(function(t){}):ht(a,i))})}}function at(){var t=et();t&&(nt[t]={x:window.pageXOffset,y:window.pageYOffset})}function st(t){at(),t.state&&t.state.key&&rt(t.state.key)}function ut(t){return pt(t.x)||pt(t.y)}function ct(t){return{x:pt(t.x)?t.x:window.pageXOffset,y:pt(t.y)?t.y:window.pageYOffset}}function pt(t){return"number"==typeof t}var ft=/^#\d/;function ht(t,e){var r,n="object"==typeof t;if(n&&"string"==typeof t.selector){var o=ft.test(t.selector)?document.getElementById(t.selector.slice(1)):document.querySelector(t.selector);if(o){var i=t.offset&&"object"==typeof t.offset?t.offset:{};e=function(t,e){var r=document.documentElement.getBoundingClientRect(),n=t.getBoundingClientRect();return{x:n.left-r.left-e.x,y:n.top-r.top-e.y}}(o,i={x:pt((r=i).x)?r.x:0,y:pt(r.y)?r.y:0})}else ut(t)&&(e=ct(t))}else n&&ut(t)&&(e=ct(t));e&&("scrollBehavior"in document.documentElement.style?window.scrollTo({left:e.x,top:e.y,behavior:t.behavior}):window.scrollTo(e.x,e.y))}var lt,dt=J&&(-1===(lt=window.navigator.userAgent).indexOf("Android 2.")&&-1===lt.indexOf("Android 4.0")||-1===lt.indexOf("Mobile Safari")||-1!==lt.indexOf("Chrome")||-1!==lt.indexOf("Windows Phone"))&&window.history&&"function"==typeof window.history.pushState;function vt(e,r){at();var n=window.history;try{if(r){var o=t({},n.state);o.key=et(),n.replaceState(o,"",e)}else n.pushState({key:rt(Z())},"",e)}catch(t){window.location[r?"replace":"assign"](e)}}function yt(t){vt(t,!0)}function mt(t,e,r){var n=function(o){o>=t.length?r():t[o]?e(t[o],function(){n(o+1)}):n(o+1)};n(0)}var gt={redirected:2,aborted:4,cancelled:8,duplicated:16};function wt(t,e){return xt(t,e,gt.redirected,'Redirected when going from "'+t.fullPath+'" to "'+function(t){if("string"==typeof t)return t;if("path"in t)return t.path;var e={};return Rt.forEach(function(r){r in t&&(e[r]=t[r])}),JSON.stringify(e,null,2)}(e)+'" via a navigation guard.')}function bt(t,e){return xt(t,e,gt.cancelled,'Navigation cancelled from "'+t.fullPath+'" to "'+e.fullPath+'" with a new navigation.')}function xt(t,e,r,n){var o=new Error(n);return o._isRouter=!0,o.from=t,o.to=e,o.type=r,o}var Rt=["params","query","hash"];function kt(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function Et(t,e){return kt(t)&&t._isRouter&&(null==e||t.type===e)}function Ct(t){return function(e,r,n){var o=!1,i=0,a=null;At(t,function(t,e,r,s){if("function"==typeof t&&void 0===t.cid){o=!0,i++;var u,c=jt(function(e){var o;((o=e).__esModule||_t&&"Module"===o[Symbol.toStringTag])&&(e=e.default),t.resolved="function"==typeof e?e:H.extend(e),r.components[s]=e,--i<=0&&n()}),p=jt(function(t){var e="Failed to resolve async component "+s+": "+t;a||(a=kt(t)?t:new Error(e),n(a))});try{u=t(c,p)}catch(t){p(t)}if(u)if("function"==typeof u.then)u.then(c,p);else{var f=u.component;f&&"function"==typeof f.then&&f.then(c,p)}}}),o||n()}}function At(t,e){return Ot(t.map(function(t){return Object.keys(t.components).map(function(r){return e(t.components[r],t.instances[r],t,r)})}))}function Ot(t){return Array.prototype.concat.apply([],t)}var _t="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function jt(t){var e=!1;return function(){for(var r=[],n=arguments.length;n--;)r[n]=arguments[n];if(!e)return e=!0,t.apply(this,r)}}var Tt=function(t,e){this.router=t,this.base=function(t){if(!t)if(J){var e=document.querySelector("base");t=(t=e&&e.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}(e),this.current=h,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function St(t,e,r,n){var o=At(t,function(t,n,o,i){var a=function(t,e){return"function"!=typeof t&&(t=H.extend(t)),t.options[e]}(t,e);if(a)return Array.isArray(a)?a.map(function(t){return r(t,n,o,i)}):r(a,n,o,i)});return Ot(n?o.reverse():o)}function Pt(t,e){if(e)return function(){return t.apply(e,arguments)}}Tt.prototype.listen=function(t){this.cb=t},Tt.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},Tt.prototype.onError=function(t){this.errorCbs.push(t)},Tt.prototype.transitionTo=function(t,e,r){var n,o=this;try{n=this.router.match(t,this.current)}catch(t){throw this.errorCbs.forEach(function(e){e(t)}),t}var i=this.current;this.confirmTransition(n,function(){o.updateRoute(n),e&&e(n),o.ensureURL(),o.router.afterHooks.forEach(function(t){t&&t(n,i)}),o.ready||(o.ready=!0,o.readyCbs.forEach(function(t){t(n)}))},function(t){r&&r(t),t&&!o.ready&&(Et(t,gt.redirected)&&i===h||(o.ready=!0,o.readyErrorCbs.forEach(function(e){e(t)})))})},Tt.prototype.confirmTransition=function(t,e,r){var n=this,o=this.current;this.pending=t;var i,a,s=function(t){!Et(t)&&kt(t)&&(n.errorCbs.length?n.errorCbs.forEach(function(e){e(t)}):console.error(t)),r&&r(t)},u=t.matched.length-1,c=o.matched.length-1;if(v(t,o)&&u===c&&t.matched[u]===o.matched[c])return this.ensureURL(),s(((a=xt(i=o,t,gt.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",a));var p=function(t,e){var r,n=Math.max(t.length,e.length);for(r=0;r<n&&t[r]===e[r];r++);return{updated:e.slice(0,r),activated:e.slice(r),deactivated:t.slice(r)}}(this.current.matched,t.matched),f=p.updated,h=p.deactivated,l=p.activated,d=[].concat(function(t){return St(t,"beforeRouteLeave",Pt,!0)}(h),this.router.beforeHooks,function(t){return St(t,"beforeRouteUpdate",Pt)}(f),l.map(function(t){return t.beforeEnter}),Ct(l)),y=function(e,r){if(n.pending!==t)return s(bt(o,t));try{e(t,o,function(e){!1===e?(n.ensureURL(!0),s(function(t,e){return xt(t,e,gt.aborted,'Navigation aborted from "'+t.fullPath+'" to "'+e.fullPath+'" via a navigation guard.')}(o,t))):kt(e)?(n.ensureURL(!0),s(e)):"string"==typeof e||"object"==typeof e&&("string"==typeof e.path||"string"==typeof e.name)?(s(wt(o,t)),"object"==typeof e&&e.replace?n.replace(e):n.push(e)):r(e)})}catch(t){s(t)}};mt(d,y,function(){mt(function(t){return St(t,"beforeRouteEnter",function(t,e,r,n){return function(t,e,r){return function(n,o,i){return t(n,o,function(t){"function"==typeof t&&(e.enteredCbs[r]||(e.enteredCbs[r]=[]),e.enteredCbs[r].push(t)),i(t)})}}(t,r,n)})}(l).concat(n.router.resolveHooks),y,function(){if(n.pending!==t)return s(bt(o,t));n.pending=null,e(t),n.router.app&&n.router.app.$nextTick(function(){m(t)})})})},Tt.prototype.updateRoute=function(t){this.current=t,this.cb&&this.cb(t)},Tt.prototype.setupListeners=function(){},Tt.prototype.teardown=function(){this.listeners.forEach(function(t){t()}),this.listeners=[],this.current=h,this.pending=null};var Lt=function(t){function e(e,r){t.call(this,e,r),this._startLocation=$t(this.base)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router,r=e.options.scrollBehavior,n=dt&&r;n&&this.listeners.push(ot());var o=function(){var r=t.current,o=$t(t.base);t.current===h&&o===t._startLocation||t.transitionTo(o,function(t){n&&it(e,t,r,!0)})};window.addEventListener("popstate",o),this.listeners.push(function(){window.removeEventListener("popstate",o)})}},e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){vt(x(n.base+t.fullPath)),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.replace=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){yt(x(n.base+t.fullPath)),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.ensureURL=function(t){if($t(this.base)!==this.current.fullPath){var e=x(this.base+this.current.fullPath);t?vt(e):yt(e)}},e.prototype.getCurrentLocation=function(){return $t(this.base)},e}(Tt);function $t(t){var e=window.location.pathname;return t&&0===e.toLowerCase().indexOf(t.toLowerCase())&&(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}var qt=function(t){function e(e,r,n){t.call(this,e,r),n&&function(t){var e=$t(t);if(!/^\/#/.test(e))return window.location.replace(x(t+"/#"+e)),!0}(this.base)||Ut()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router.options.scrollBehavior,r=dt&&e;r&&this.listeners.push(ot());var n=function(){var e=t.current;Ut()&&t.transitionTo(Bt(),function(n){r&&it(t.router,n,e,!0),dt||Vt(n.fullPath)})},o=dt?"popstate":"hashchange";window.addEventListener(o,n),this.listeners.push(function(){window.removeEventListener(o,n)})}},e.prototype.push=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){Mt(t.fullPath),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.replace=function(t,e,r){var n=this,o=this.current;this.transitionTo(t,function(t){Vt(t.fullPath),it(n.router,t,o,!1),e&&e(t)},r)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;Bt()!==e&&(t?Mt(e):Vt(e))},e.prototype.getCurrentLocation=function(){return Bt()},e}(Tt);function Ut(){var t=Bt();return"/"===t.charAt(0)||(Vt("/"+t),!1)}function Bt(){var t=window.location.href,e=t.indexOf("#");return e<0?"":t=t.slice(e+1)}function It(t){var e=window.location.href,r=e.indexOf("#");return(r>=0?e.slice(0,r):e)+"#"+t}function Mt(t){dt?vt(It(t)):window.location.hash=t}function Vt(t){dt?yt(It(t)):window.location.replace(It(t))}var Ht=function(t){function e(e,r){t.call(this,e,r),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,r){var n=this;this.transitionTo(t,function(t){n.stack=n.stack.slice(0,n.index+1).concat(t),n.index++,e&&e(t)},r)},e.prototype.replace=function(t,e,r){var n=this;this.transitionTo(t,function(t){n.stack=n.stack.slice(0,n.index).concat(t),e&&e(t)},r)},e.prototype.go=function(t){var e=this,r=this.index+t;if(!(r<0||r>=this.stack.length)){var n=this.stack[r];this.confirmTransition(n,function(){var t=e.current;e.index=r,e.updateRoute(n),e.router.afterHooks.forEach(function(e){e&&e(n,t)})},function(t){Et(t,gt.duplicated)&&(e.index=r)})}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(Tt),Nt=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=Y(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!dt&&!1!==t.fallback,this.fallback&&(e="hash"),J||(e="abstract"),this.mode=e,e){case"history":this.history=new Lt(this,t.base);break;case"hash":this.history=new qt(this,t.base,this.fallback);break;case"abstract":this.history=new Ht(this,t.base)}},Ft={currentRoute:{configurable:!0}};function zt(t,e){return t.push(e),function(){var r=t.indexOf(e);r>-1&&t.splice(r,1)}}return Nt.prototype.match=function(t,e,r){return this.matcher.match(t,e,r)},Ft.currentRoute.get=function(){return this.history&&this.history.current},Nt.prototype.init=function(t){var e=this;if(this.apps.push(t),t.$once("hook:destroyed",function(){var r=e.apps.indexOf(t);r>-1&&e.apps.splice(r,1),e.app===t&&(e.app=e.apps[0]||null),e.app||e.history.teardown()}),!this.app){this.app=t;var r=this.history;if(r instanceof Lt||r instanceof qt){var n=function(t){r.setupListeners(),function(t){var n=r.current,o=e.options.scrollBehavior;dt&&o&&"fullPath"in t&&it(e,t,n,!1)}(t)};r.transitionTo(r.getCurrentLocation(),n,n)}r.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},Nt.prototype.beforeEach=function(t){return zt(this.beforeHooks,t)},Nt.prototype.beforeResolve=function(t){return zt(this.resolveHooks,t)},Nt.prototype.afterEach=function(t){return zt(this.afterHooks,t)},Nt.prototype.onReady=function(t,e){this.history.onReady(t,e)},Nt.prototype.onError=function(t){this.history.onError(t)},Nt.prototype.push=function(t,e,r){var n=this;if(!e&&!r&&"undefined"!=typeof Promise)return new Promise(function(e,r){n.history.push(t,e,r)});this.history.push(t,e,r)},Nt.prototype.replace=function(t,e,r){var n=this;if(!e&&!r&&"undefined"!=typeof Promise)return new Promise(function(e,r){n.history.replace(t,e,r)});this.history.replace(t,e,r)},Nt.prototype.go=function(t){this.history.go(t)},Nt.prototype.back=function(){this.go(-1)},Nt.prototype.forward=function(){this.go(1)},Nt.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},Nt.prototype.resolve=function(t,e,r){var n=V(t,e=e||this.history.current,r,this),o=this.match(n,e),i=o.redirectedFrom||o.fullPath;return{location:n,route:o,href:function(t,e,r){var n="hash"===r?"#"+e:e;return t?x(t+"/"+n):n}(this.history.base,i,this.mode),normalizedTo:n,resolved:o}},Nt.prototype.getRoutes=function(){return this.matcher.getRoutes()},Nt.prototype.addRoute=function(t,e){this.matcher.addRoute(t,e),this.history.current!==h&&this.history.transitionTo(this.history.getCurrentLocation())},Nt.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==h&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(Nt.prototype,Ft),Nt.install=function t(e){if(!t.installed||H!==e){t.installed=!0,H=e;var r=function(t){return void 0!==t},n=function(t,e){var n=t.$options._parentVnode;r(n)&&r(n=n.data)&&r(n=n.registerRouteInstance)&&n(t,e)};e.mixin({beforeCreate:function(){r(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),e.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,n(this,this)},destroyed:function(){n(this)}}),Object.defineProperty(e.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(e.prototype,"$route",{get:function(){return this._routerRoot._route}}),e.component("RouterView",g),e.component("RouterLink",D);var o=e.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},Nt.version="3.5.1",Nt.isNavigationFailure=Et,Nt.NavigationFailureType=gt,Nt.START_LOCATION=h,J&&window.Vue&&window.Vue.use(Nt),Nt},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VueRouter=e();

Ignore Space Show notes View assets_platform/vuex/vuex.min.js 0 → 100644
/! vuex v3.6.2 * (c) 2021 Evan You * @license MIT */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t\|\|self).Vuex=e()}(this,(function(){"use strict";var t=("undefined"!=typeof window?window:"undefined"!=typeof global?global:{}).__VUE_DEVTOOLS_GLOBAL_HOOK__;function e(t,n){if(void 0===n&&(n=[]),null===t\|\|"object"!=typeof t)return t;var o,r=(o=function(e){return e.original===t},n.filter(o)[0]);if(r)return r.copy;var i=Array.isArray(t)?[]:{};return n.push({original:t,copy:i}),Object.keys(t).forEach((function(o){i[o]=e(t[o],n)})),i}function n(t,e){Object.keys(t).forEach((function(n){return e(t[n],n)}))}function o(t){return null!==t&&"object"==typeof t}var r=function(t,e){this.runtime=e,this._children=Object.create(null),this._rawModule=t;var n=t.state;this.state=("function"==typeof n?n():n)\|\|{}},i={namespaced:{configurable:!0}};i.namespaced.get=function(){return!!this._rawModule.namespaced},r.prototype.addChild=function(t,e){this._children[t]=e},r.prototype.removeChild=function(t){delete this._children[t]},r.prototype.getChild=function(t){return this._children[t]},r.prototype.hasChild=function(t){return t in this._children},r.prototype.update=function(t){this._rawModule.namespaced=t.namespaced,t.actions&&(this._rawModule.actions=t.actions),t.mutations&&(this._rawModule.mutations=t.mutations),t.getters&&(this._rawModule.getters=t.getters)},r.prototype.forEachChild=function(t){n(this._children,t)},r.prototype.forEachGetter=function(t){this._rawModule.getters&&n(this._rawModule.getters,t)},r.prototype.forEachAction=function(t){this._rawModule.actions&&n(this._rawModule.actions,t)},r.prototype.forEachMutation=function(t){this._rawModule.mutations&&n(this._rawModule.mutations,t)},Object.defineProperties(r.prototype,i);var c,a=function(t){this.register([],t,!1)};a.prototype.get=function(t){return t.reduce((function(t,e){return t.getChild(e)}),this.root)},a.prototype.getNamespace=function(t){var e=this.root;return t.reduce((function(t,n){return t+((e=e.getChild(n)).namespaced?n+"/":"")}),"")},a.prototype.update=function(t){!function t(e,n,o){if(n.update(o),o.modules)for(var r in o.modules){if(!n.getChild(r))return;t(e.concat(r),n.getChild(r),o.modules[r])}}([],this.root,t)},a.prototype.register=function(t,e,o){var i=this;void 0===o&&(o=!0);var c=new r(e,o);0===t.length?this.root=c:this.get(t.slice(0,-1)).addChild(t[t.length-1],c);e.modules&&n(e.modules,(function(e,n){i.register(t.concat(n),e,o)}))},a.prototype.unregister=function(t){var e=this.get(t.slice(0,-1)),n=t[t.length-1],o=e.getChild(n);o&&o.runtime&&e.removeChild(n)},a.prototype.isRegistered=function(t){var e=this.get(t.slice(0,-1)),n=t[t.length-1];return!!e&&e.hasChild(n)};var s=function(e){var n=this;void 0===e&&(e={}),!c&&"undefined"!=typeof window&&window.Vue&&v(window.Vue);var o=e.plugins;void 0===o&&(o=[]);var r=e.strict;void 0===r&&(r=!1),this._committing=!1,this._actions=Object.create(null),this._actionSubscribers=[],this._mutations=Object.create(null),this._wrappedGetters=Object.create(null),this._modules=new a(e),this._modulesNamespaceMap=Object.create(null),this._subscribers=[],this._watcherVM=new c,this._makeLocalGettersCache=Object.create(null);var i=this,s=this.dispatch,u=this.commit;this.dispatch=function(t,e){return s.call(i,t,e)},this.commit=function(t,e,n){return u.call(i,t,e,n)},this.strict=r;var f=this._modules.root.state;p(this,f,[],this._modules.root),h(this,f),o.forEach((function(t){return t(n)})),(void 0!==e.devtools?e.devtools:c.config.devtools)&&function(e){t&&(e._devtoolHook=t,t.emit("vuex:init",e),t.on("vuex:travel-to-state",(function(t){e.replaceState(t)})),e.subscribe((function(e,n){t.emit("vuex:mutation",e,n)}),{prepend:!0}),e.subscribeAction((function(e,n){t.emit("vuex:action",e,n)}),{prepend:!0}))}(this)},u={state:{configurable:!0}};function f(t,e,n){return e.indexOf(t)<0&&(n&&n.prepend?e.unshift(t):e.push(t)),function(){var n=e.indexOf(t);n>-1&&e.splice(n,1)}}function l(t,e){t._actions=Object.create(null),t._mutations=Object.create(null),t._wrappedGetters=Object.create(null),t._modulesNamespaceMap=Object.create(null);var n=t.state;p(t,n,[],t._modules.root,!0),h(t,n,e)}function h(t,e,o){var r=t._vm;t.getters={},t._makeLocalGettersCache=Object.create(null);var i=t._wrappedGetters,a={};n(i,(function(e,n){a[n]=function(t,e){return function(){return t(e)}}(e,t),Object.defineProperty(t.getters,n,{get:function(){return t._vm[n]},enumerable:!0})}));var s=c.config.silent;c.config.silent=!0,t._vm=new c({data:{$$state:e},computed:a}),c.config.silent=s,t.strict&&function(t){t._vm.$watch((function(){return this._data.$$state}),(function(){}),{deep:!0,sync:!0})}(t),r&&(o&&t._withCommit((function(){r._data.$$state=null})),c.nextTick((function(){return r.$destroy()})))}function p(t,e,n,o,r){var i=!n.length,a=t._modules.getNamespace(n);if(o.namespaced&&(t._modulesNamespaceMap[a],t._modulesNamespaceMap[a]=o),!i&&!r){var s=d(e,n.slice(0,-1)),u=n[n.length-1];t._withCommit((function(){c.set(s,u,o.state)}))}var f=o.context=function(t,e,n){var o=""===e,r={dispatch:o?t.dispatch:function(n,o,r){var i=m(n,o,r),c=i.payload,a=i.options,s=i.type;return a&&a.root\|\|(s=e+s),t.dispatch(s,c)},commit:o?t.commit:function(n,o,r){var i=m(n,o,r),c=i.payload,a=i.options,s=i.type;a&&a.root\|\|(s=e+s),t.commit(s,c,a)}};return Object.defineProperties(r,{getters:{get:o?function(){return t.getters}:function(){return function(t,e){if(!t._makeLocalGettersCache[e]){var n={},o=e.length;Object.keys(t.getters).forEach((function(r){if(r.slice(0,o)===e){var i=r.slice(o);Object.defineProperty(n,i,{get:function(){return t.getters[r]},enumerable:!0})}})),t._makeLocalGettersCache[e]=n}return t._makeLocalGettersCache[e]}(t,e)}},state:{get:function(){return d(t.state,n)}}}),r}(t,a,n);o.forEachMutation((function(e,n){!function(t,e,n,o){(t._mutations[e]\|\|(t._mutations[e]=[])).push((function(e){n.call(t,o.state,e)}))}(t,a+n,e,f)})),o.forEachAction((function(e,n){var o=e.root?n:a+n,r=e.handler\|\|e;!function(t,e,n,o){(t._actions[e]\|\|(t._actions[e]=[])).push((function(e){var r,i=n.call(t,{dispatch:o.dispatch,commit:o.commit,getters:o.getters,state:o.state,rootGetters:t.getters,rootState:t.state},e);return(r=i)&&"function"==typeof r.then\|\|(i=Promise.resolve(i)),t._devtoolHook?i.catch((function(e){throw t._devtoolHook.emit("vuex:error",e),e})):i}))}(t,o,r,f)})),o.forEachGetter((function(e,n){!function(t,e,n,o){if(t._wrappedGetters[e])return;t._wrappedGetters[e]=function(t){return n(o.state,o.getters,t.state,t.getters)}}(t,a+n,e,f)})),o.forEachChild((function(o,i){p(t,e,n.concat(i),o,r)}))}function d(t,e){return e.reduce((function(t,e){return t[e]}),t)}function m(t,e,n){return o(t)&&t.type&&(n=e,e=t,t=t.type),{type:t,payload:e,options:n}}function v(t){c&&t===c\|\|function(t){if(Number(t.version.split(".")[0])>=2)t.mixin({beforeCreate:n});else{var e=t.prototype._init;t.prototype._init=function(t){void 0===t&&(t={}),t.init=t.init?[n].concat(t.init):n,e.call(this,t)}}function n(){var t=this.$options;t.store?this.$store="function"==typeof t.store?t.store():t.store:t.parent&&t.parent.$store&&(this.$store=t.parent.$store)}}(c=t)}u.state.get=function(){return this._vm._data.$$state},u.state.set=function(t){},s.prototype.commit=function(t,e,n){var o=this,r=m(t,e,n),i=r.type,c=r.payload,a={type:i,payload:c},s=this._mutations[i];s&&(this._withCommit((function(){s.forEach((function(t){t(c)}))})),this._subscribers.slice().forEach((function(t){return t(a,o.state)})))},s.prototype.dispatch=function(t,e){var n=this,o=m(t,e),r=o.type,i=o.payload,c={type:r,payload:i},a=this._actions[r];if(a){try{this._actionSubscribers.slice().filter((function(t){return t.before})).forEach((function(t){return t.before(c,n.state)}))}catch(t){}var s=a.length>1?Promise.all(a.map((function(t){return t(i)}))):a[0](i);return new Promise((function(t,e){s.then((function(e){try{n._actionSubscribers.filter((function(t){return t.after})).forEach((function(t){return t.after(c,n.state)}))}catch(t){}t(e)}),(function(t){try{n._actionSubscribers.filter((function(t){return t.error})).forEach((function(e){return e.error(c,n.state,t)}))}catch(t){}e(t)}))}))}},s.prototype.subscribe=function(t,e){return f(t,this._subscribers,e)},s.prototype.subscribeAction=function(t,e){return f("function"==typeof t?{before:t}:t,this._actionSubscribers,e)},s.prototype.watch=function(t,e,n){var o=this;return this._watcherVM.$watch((function(){return t(o.state,o.getters)}),e,n)},s.prototype.replaceState=function(t){var e=this;this._withCommit((function(){e._vm._data.$$state=t}))},s.prototype.registerModule=function(t,e,n){void 0===n&&(n={}),"string"==typeof t&&(t=[t]),this._modules.register(t,e),p(this,this.state,t,this._modules.get(t),n.preserveState),h(this,this.state)},s.prototype.unregisterModule=function(t){var e=this;"string"==typeof t&&(t=[t]),this._modules.unregister(t),this._withCommit((function(){var n=d(e.state,t.slice(0,-1));c.delete(n,t[t.length-1])})),l(this)},s.prototype.hasModule=function(t){return"string"==typeof t&&(t=[t]),this._modules.isRegistered(t)},s.prototype.hotUpdate=function(t){this._modules.update(t),l(this,!0)},s.prototype._withCommit=function(t){var e=this._committing;this._committing=!0,t(),this._committing=e},Object.defineProperties(s.prototype,u);var g=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;n[o]=function(){var e=this.$store.state,n=this.$store.getters;if(t){var o=$(this.$store,"mapState",t);if(!o)return;e=o.context.state,n=o.context.getters}return"function"==typeof r?r.call(this,e,n):e[r]},n[o].vuex=!0})),n})),y=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;n[o]=function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];var o=this.$store.commit;if(t){var i=$(this.$store,"mapMutations",t);if(!i)return;o=i.context.commit}return"function"==typeof r?r.apply(this,[o].concat(e)):o.apply(this.$store,[r].concat(e))}})),n})),_=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;r=t+r,n[o]=function(){if(!t\|\|$(this.$store,"mapGetters",t))return this.$store.getters[r]},n[o].vuex=!0})),n})),b=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;n[o]=function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];var o=this.$store.dispatch;if(t){var i=$(this.$store,"mapActions",t);if(!i)return;o=i.context.dispatch}return"function"==typeof r?r.apply(this,[o].concat(e)):o.apply(this.$store,[r].concat(e))}})),n}));function w(t){return function(t){return Array.isArray(t)\|\|o(t)}(t)?Array.isArray(t)?t.map((function(t){return{key:t,val:t}})):Object.keys(t).map((function(e){return{key:e,val:t[e]}})):[]}function M(t){return function(e,n){return"string"!=typeof e?(n=e,e=""):"/"!==e.charAt(e.length-1)&&(e+="/"),t(e,n)}}function $(t,e,n){return t._modulesNamespaceMap[n]}function C(t,e,n){var o=n?t.groupCollapsed:t.group;try{o.call(t,e)}catch(n){t.log(e)}}function E(t){try{t.groupEnd()}catch(e){t.log("—— log end ——")}}function O(){var t=new Date;return" @ "+j(t.getHours(),2)+":"+j(t.getMinutes(),2)+":"+j(t.getSeconds(),2)+"."+j(t.getMilliseconds(),3)}function j(t,e){return n="0",o=e-t.toString().length,new Array(o+1).join(n)+t;var n,o}return{Store:s,install:v,version:"3.6.2",mapState:g,mapMutations:y,mapGetters:_,mapActions:b,createNamespacedHelpers:function(t){return{mapState:g.bind(null,t),mapGetters:_.bind(null,t),mapMutations:y.bind(null,t),mapActions:b.bind(null,t)}},createLogger:function(t){void 0===t&&(t={});var n=t.collapsed;void 0===n&&(n=!0);var o=t.filter;void 0===o&&(o=function(t,e,n){return!0});var r=t.transformer;void 0===r&&(r=function(t){return t});var i=t.mutationTransformer;void 0===i&&(i=function(t){return t});var c=t.actionFilter;void 0===c&&(c=function(t,e){return!0});var a=t.actionTransformer;void 0===a&&(a=function(t){return t});var s=t.logMutations;void 0===s&&(s=!0);var u=t.logActions;void 0===u&&(u=!0);var f=t.logger;return void 0===f&&(f=console),function(t){var l=e(t.state);void 0!==f&&(s&&t.subscribe((function(t,c){var a=e(c);if(o(t,l,a)){var s=O(),u=i(t),h="mutation "+t.type+s;C(f,h,n),f.log("%c prev state","color: #9E9E9E; font-weight: bold",r(l)),f.log("%c mutation","color: #03A9F4; font-weight: bold",u),f.log("%c next state","color: #4CAF50; font-weight: bold",r(a)),E(f)}l=a})),u&&t.subscribeAction((function(t,e){if(c(t,e)){var o=O(),r=a(t),i="action "+t.type+o;C(f,i,n),f.log("%c action","color: #03A9F4; font-weight: bold",r),E(f)}})))}}}}));

Ignore Space Show notes View

assets_platform/vuex/vuex.min.js 0 → 100644

/*!
 * vuex v3.6.2
 * (c) 2021 Evan You
 * @license MIT
 */
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Vuex=e()}(this,(function(){"use strict";var t=("undefined"!=typeof window?window:"undefined"!=typeof global?global:{}).__VUE_DEVTOOLS_GLOBAL_HOOK__;function e(t,n){if(void 0===n&&(n=[]),null===t||"object"!=typeof t)return t;var o,r=(o=function(e){return e.original===t},n.filter(o)[0]);if(r)return r.copy;var i=Array.isArray(t)?[]:{};return n.push({original:t,copy:i}),Object.keys(t).forEach((function(o){i[o]=e(t[o],n)})),i}function n(t,e){Object.keys(t).forEach((function(n){return e(t[n],n)}))}function o(t){return null!==t&&"object"==typeof t}var r=function(t,e){this.runtime=e,this._children=Object.create(null),this._rawModule=t;var n=t.state;this.state=("function"==typeof n?n():n)||{}},i={namespaced:{configurable:!0}};i.namespaced.get=function(){return!!this._rawModule.namespaced},r.prototype.addChild=function(t,e){this._children[t]=e},r.prototype.removeChild=function(t){delete this._children[t]},r.prototype.getChild=function(t){return this._children[t]},r.prototype.hasChild=function(t){return t in this._children},r.prototype.update=function(t){this._rawModule.namespaced=t.namespaced,t.actions&&(this._rawModule.actions=t.actions),t.mutations&&(this._rawModule.mutations=t.mutations),t.getters&&(this._rawModule.getters=t.getters)},r.prototype.forEachChild=function(t){n(this._children,t)},r.prototype.forEachGetter=function(t){this._rawModule.getters&&n(this._rawModule.getters,t)},r.prototype.forEachAction=function(t){this._rawModule.actions&&n(this._rawModule.actions,t)},r.prototype.forEachMutation=function(t){this._rawModule.mutations&&n(this._rawModule.mutations,t)},Object.defineProperties(r.prototype,i);var c,a=function(t){this.register([],t,!1)};a.prototype.get=function(t){return t.reduce((function(t,e){return t.getChild(e)}),this.root)},a.prototype.getNamespace=function(t){var e=this.root;return t.reduce((function(t,n){return t+((e=e.getChild(n)).namespaced?n+"/":"")}),"")},a.prototype.update=function(t){!function t(e,n,o){if(n.update(o),o.modules)for(var r in o.modules){if(!n.getChild(r))return;t(e.concat(r),n.getChild(r),o.modules[r])}}([],this.root,t)},a.prototype.register=function(t,e,o){var i=this;void 0===o&&(o=!0);var c=new r(e,o);0===t.length?this.root=c:this.get(t.slice(0,-1)).addChild(t[t.length-1],c);e.modules&&n(e.modules,(function(e,n){i.register(t.concat(n),e,o)}))},a.prototype.unregister=function(t){var e=this.get(t.slice(0,-1)),n=t[t.length-1],o=e.getChild(n);o&&o.runtime&&e.removeChild(n)},a.prototype.isRegistered=function(t){var e=this.get(t.slice(0,-1)),n=t[t.length-1];return!!e&&e.hasChild(n)};var s=function(e){var n=this;void 0===e&&(e={}),!c&&"undefined"!=typeof window&&window.Vue&&v(window.Vue);var o=e.plugins;void 0===o&&(o=[]);var r=e.strict;void 0===r&&(r=!1),this._committing=!1,this._actions=Object.create(null),this._actionSubscribers=[],this._mutations=Object.create(null),this._wrappedGetters=Object.create(null),this._modules=new a(e),this._modulesNamespaceMap=Object.create(null),this._subscribers=[],this._watcherVM=new c,this._makeLocalGettersCache=Object.create(null);var i=this,s=this.dispatch,u=this.commit;this.dispatch=function(t,e){return s.call(i,t,e)},this.commit=function(t,e,n){return u.call(i,t,e,n)},this.strict=r;var f=this._modules.root.state;p(this,f,[],this._modules.root),h(this,f),o.forEach((function(t){return t(n)})),(void 0!==e.devtools?e.devtools:c.config.devtools)&&function(e){t&&(e._devtoolHook=t,t.emit("vuex:init",e),t.on("vuex:travel-to-state",(function(t){e.replaceState(t)})),e.subscribe((function(e,n){t.emit("vuex:mutation",e,n)}),{prepend:!0}),e.subscribeAction((function(e,n){t.emit("vuex:action",e,n)}),{prepend:!0}))}(this)},u={state:{configurable:!0}};function f(t,e,n){return e.indexOf(t)<0&&(n&&n.prepend?e.unshift(t):e.push(t)),function(){var n=e.indexOf(t);n>-1&&e.splice(n,1)}}function l(t,e){t._actions=Object.create(null),t._mutations=Object.create(null),t._wrappedGetters=Object.create(null),t._modulesNamespaceMap=Object.create(null);var n=t.state;p(t,n,[],t._modules.root,!0),h(t,n,e)}function h(t,e,o){var r=t._vm;t.getters={},t._makeLocalGettersCache=Object.create(null);var i=t._wrappedGetters,a={};n(i,(function(e,n){a[n]=function(t,e){return function(){return t(e)}}(e,t),Object.defineProperty(t.getters,n,{get:function(){return t._vm[n]},enumerable:!0})}));var s=c.config.silent;c.config.silent=!0,t._vm=new c({data:{$$state:e},computed:a}),c.config.silent=s,t.strict&&function(t){t._vm.$watch((function(){return this._data.$$state}),(function(){}),{deep:!0,sync:!0})}(t),r&&(o&&t._withCommit((function(){r._data.$$state=null})),c.nextTick((function(){return r.$destroy()})))}function p(t,e,n,o,r){var i=!n.length,a=t._modules.getNamespace(n);if(o.namespaced&&(t._modulesNamespaceMap[a],t._modulesNamespaceMap[a]=o),!i&&!r){var s=d(e,n.slice(0,-1)),u=n[n.length-1];t._withCommit((function(){c.set(s,u,o.state)}))}var f=o.context=function(t,e,n){var o=""===e,r={dispatch:o?t.dispatch:function(n,o,r){var i=m(n,o,r),c=i.payload,a=i.options,s=i.type;return a&&a.root||(s=e+s),t.dispatch(s,c)},commit:o?t.commit:function(n,o,r){var i=m(n,o,r),c=i.payload,a=i.options,s=i.type;a&&a.root||(s=e+s),t.commit(s,c,a)}};return Object.defineProperties(r,{getters:{get:o?function(){return t.getters}:function(){return function(t,e){if(!t._makeLocalGettersCache[e]){var n={},o=e.length;Object.keys(t.getters).forEach((function(r){if(r.slice(0,o)===e){var i=r.slice(o);Object.defineProperty(n,i,{get:function(){return t.getters[r]},enumerable:!0})}})),t._makeLocalGettersCache[e]=n}return t._makeLocalGettersCache[e]}(t,e)}},state:{get:function(){return d(t.state,n)}}}),r}(t,a,n);o.forEachMutation((function(e,n){!function(t,e,n,o){(t._mutations[e]||(t._mutations[e]=[])).push((function(e){n.call(t,o.state,e)}))}(t,a+n,e,f)})),o.forEachAction((function(e,n){var o=e.root?n:a+n,r=e.handler||e;!function(t,e,n,o){(t._actions[e]||(t._actions[e]=[])).push((function(e){var r,i=n.call(t,{dispatch:o.dispatch,commit:o.commit,getters:o.getters,state:o.state,rootGetters:t.getters,rootState:t.state},e);return(r=i)&&"function"==typeof r.then||(i=Promise.resolve(i)),t._devtoolHook?i.catch((function(e){throw t._devtoolHook.emit("vuex:error",e),e})):i}))}(t,o,r,f)})),o.forEachGetter((function(e,n){!function(t,e,n,o){if(t._wrappedGetters[e])return;t._wrappedGetters[e]=function(t){return n(o.state,o.getters,t.state,t.getters)}}(t,a+n,e,f)})),o.forEachChild((function(o,i){p(t,e,n.concat(i),o,r)}))}function d(t,e){return e.reduce((function(t,e){return t[e]}),t)}function m(t,e,n){return o(t)&&t.type&&(n=e,e=t,t=t.type),{type:t,payload:e,options:n}}function v(t){c&&t===c||function(t){if(Number(t.version.split(".")[0])>=2)t.mixin({beforeCreate:n});else{var e=t.prototype._init;t.prototype._init=function(t){void 0===t&&(t={}),t.init=t.init?[n].concat(t.init):n,e.call(this,t)}}function n(){var t=this.$options;t.store?this.$store="function"==typeof t.store?t.store():t.store:t.parent&&t.parent.$store&&(this.$store=t.parent.$store)}}(c=t)}u.state.get=function(){return this._vm._data.$$state},u.state.set=function(t){},s.prototype.commit=function(t,e,n){var o=this,r=m(t,e,n),i=r.type,c=r.payload,a={type:i,payload:c},s=this._mutations[i];s&&(this._withCommit((function(){s.forEach((function(t){t(c)}))})),this._subscribers.slice().forEach((function(t){return t(a,o.state)})))},s.prototype.dispatch=function(t,e){var n=this,o=m(t,e),r=o.type,i=o.payload,c={type:r,payload:i},a=this._actions[r];if(a){try{this._actionSubscribers.slice().filter((function(t){return t.before})).forEach((function(t){return t.before(c,n.state)}))}catch(t){}var s=a.length>1?Promise.all(a.map((function(t){return t(i)}))):a[0](i);return new Promise((function(t,e){s.then((function(e){try{n._actionSubscribers.filter((function(t){return t.after})).forEach((function(t){return t.after(c,n.state)}))}catch(t){}t(e)}),(function(t){try{n._actionSubscribers.filter((function(t){return t.error})).forEach((function(e){return e.error(c,n.state,t)}))}catch(t){}e(t)}))}))}},s.prototype.subscribe=function(t,e){return f(t,this._subscribers,e)},s.prototype.subscribeAction=function(t,e){return f("function"==typeof t?{before:t}:t,this._actionSubscribers,e)},s.prototype.watch=function(t,e,n){var o=this;return this._watcherVM.$watch((function(){return t(o.state,o.getters)}),e,n)},s.prototype.replaceState=function(t){var e=this;this._withCommit((function(){e._vm._data.$$state=t}))},s.prototype.registerModule=function(t,e,n){void 0===n&&(n={}),"string"==typeof t&&(t=[t]),this._modules.register(t,e),p(this,this.state,t,this._modules.get(t),n.preserveState),h(this,this.state)},s.prototype.unregisterModule=function(t){var e=this;"string"==typeof t&&(t=[t]),this._modules.unregister(t),this._withCommit((function(){var n=d(e.state,t.slice(0,-1));c.delete(n,t[t.length-1])})),l(this)},s.prototype.hasModule=function(t){return"string"==typeof t&&(t=[t]),this._modules.isRegistered(t)},s.prototype.hotUpdate=function(t){this._modules.update(t),l(this,!0)},s.prototype._withCommit=function(t){var e=this._committing;this._committing=!0,t(),this._committing=e},Object.defineProperties(s.prototype,u);var g=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;n[o]=function(){var e=this.$store.state,n=this.$store.getters;if(t){var o=$(this.$store,"mapState",t);if(!o)return;e=o.context.state,n=o.context.getters}return"function"==typeof r?r.call(this,e,n):e[r]},n[o].vuex=!0})),n})),y=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;n[o]=function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];var o=this.$store.commit;if(t){var i=$(this.$store,"mapMutations",t);if(!i)return;o=i.context.commit}return"function"==typeof r?r.apply(this,[o].concat(e)):o.apply(this.$store,[r].concat(e))}})),n})),_=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;r=t+r,n[o]=function(){if(!t||$(this.$store,"mapGetters",t))return this.$store.getters[r]},n[o].vuex=!0})),n})),b=M((function(t,e){var n={};return w(e).forEach((function(e){var o=e.key,r=e.val;n[o]=function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];var o=this.$store.dispatch;if(t){var i=$(this.$store,"mapActions",t);if(!i)return;o=i.context.dispatch}return"function"==typeof r?r.apply(this,[o].concat(e)):o.apply(this.$store,[r].concat(e))}})),n}));function w(t){return function(t){return Array.isArray(t)||o(t)}(t)?Array.isArray(t)?t.map((function(t){return{key:t,val:t}})):Object.keys(t).map((function(e){return{key:e,val:t[e]}})):[]}function M(t){return function(e,n){return"string"!=typeof e?(n=e,e=""):"/"!==e.charAt(e.length-1)&&(e+="/"),t(e,n)}}function $(t,e,n){return t._modulesNamespaceMap[n]}function C(t,e,n){var o=n?t.groupCollapsed:t.group;try{o.call(t,e)}catch(n){t.log(e)}}function E(t){try{t.groupEnd()}catch(e){t.log("—— log end ——")}}function O(){var t=new Date;return" @ "+j(t.getHours(),2)+":"+j(t.getMinutes(),2)+":"+j(t.getSeconds(),2)+"."+j(t.getMilliseconds(),3)}function j(t,e){return n="0",o=e-t.toString().length,new Array(o+1).join(n)+t;var n,o}return{Store:s,install:v,version:"3.6.2",mapState:g,mapMutations:y,mapGetters:_,mapActions:b,createNamespacedHelpers:function(t){return{mapState:g.bind(null,t),mapGetters:_.bind(null,t),mapMutations:y.bind(null,t),mapActions:b.bind(null,t)}},createLogger:function(t){void 0===t&&(t={});var n=t.collapsed;void 0===n&&(n=!0);var o=t.filter;void 0===o&&(o=function(t,e,n){return!0});var r=t.transformer;void 0===r&&(r=function(t){return t});var i=t.mutationTransformer;void 0===i&&(i=function(t){return t});var c=t.actionFilter;void 0===c&&(c=function(t,e){return!0});var a=t.actionTransformer;void 0===a&&(a=function(t){return t});var s=t.logMutations;void 0===s&&(s=!0);var u=t.logActions;void 0===u&&(u=!0);var f=t.logger;return void 0===f&&(f=console),function(t){var l=e(t.state);void 0!==f&&(s&&t.subscribe((function(t,c){var a=e(c);if(o(t,l,a)){var s=O(),u=i(t),h="mutation "+t.type+s;C(f,h,n),f.log("%c prev state","color: #9E9E9E; font-weight: bold",r(l)),f.log("%c mutation","color: #03A9F4; font-weight: bold",u),f.log("%c next state","color: #4CAF50; font-weight: bold",r(a)),E(f)}l=a})),u&&t.subscribeAction((function(t,e){if(c(t,e)){var o=O(),r=a(t),i="action "+t.type+o;C(f,i,n),f.log("%c action","color: #03A9F4; font-weight: bold",r),E(f)}})))}}}}));

Ignore Space Show notes View build/copyBaseAssets.js
var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } var fileList=[ [resolve(`../assets_platform/element-ui`),resolve(`../dist/assets_platform/element-ui`)], [resolve(`../assets_platform/vue`),resolve(`../dist/assets_platform/vue`)], [resolve(`../assets_platform/vue-router`),resolve(`../dist/assets_platform/vue-router`)], [resolve(`../assets_platform/vuex`),resolve(`../dist/assets_platform/vuex`)], [resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`)], [resolve(`../assets_platform/vendor_dll`),resolve(`../dist/assets_platform/vendor_dll`)], [resolve(`../assets_platform/eap`),resolve(`../dist/assets_platform/eap`)], // [resolve(`../assets_platform/element-ui2.15.3`),resolve(`../dist/assets_platform/element-ui2.15.3`)], // [resolve(`../assets_platform/vue2.6.14`),resolve(`../dist/assets_platform/vue2.6.14`)], ] for(var item of fileList){ fsextra.copy(item[0],item[1], function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录 } var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } var fileList=[ [resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`)], [resolve(`../assets_platform/vendor_dll`),resolve(`../dist/assets_platform/vendor_dll`)], [resolve(`../assets_platform/eap`),resolve(`../dist/assets_platform/eap`)], // [resolve(`../assets_platform/element-ui2.15.3`),resolve(`../dist/assets_platform/element-ui2.15.3`)], [resolve(`../assets_platform/element-ui`),resolve(`../dist/assets_platform/element-ui`)], // [resolve(`../assets_platform/vue2.6.14`),resolve(`../dist/assets_platform/vue2.6.14`)], [resolve(`../assets_platform/vue`),resolve(`../dist/assets_platform/vue`)] ] for(var item of fileList){ fsextra.copy(item[0],item[1], function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录 }

Ignore Space Show notes View

build/copyBaseAssets.js

for(var item of fileList){
   fsextra.copy(item[0],item[1], function (err) {
      if (err) return console.error(err) 
      // console.error('success!  setting')
   }) //拷贝目录
}

for(var item of fileList){
   fsextra.copy(item[0],item[1], function (err) {
      if (err) return console.error(err) 
      // console.error('success!  setting')
   }) //拷贝目录
}

Ignore Space Show notes View build/webpack.base.conf.js
//考虑用，parallel-webpack 并发打包加快打包速度 const path = require('path') const webpack = require('webpack') const VueLoaderPlugin = require('vue-loader/lib/plugin') const TerserPlugin = require("terser-webpack-plugin"); const MiniCssExtractPlugin = require('mini-css-extract-plugin');//本插件基于 webpack v4 的新特性（模块类型）构建，并且需要 webpack 4 才能正常工作。 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin') //运行打包命令的时候就可以看到每个loader 和插件执行耗时 const SpeedMeasurePlugin = require("speed-measure-webpack-plugin"); const utils = require('./utils') const packageConfig = require('../package.json') const vueLoaderConfig = require('./vue-loader.conf') // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin //读取.evn 对应的文件，写入环境变量 var dotenv = require('dotenv').config({ path: resolve('.env.' + process.env.NODE_ENV) }); var cfg = { ...Object.fromEntries(Object.entries(process.env).filter(([k]) => /^VITE_/.test(k))) } let evnConfig = {} for (let key in cfg) { evnConfig[key] = '"' + cfg[key] + '"' } //路径转换 function resolve(dir) { // console.log(dir,'---------------------------',path.join(__dirname, '..', dir)) return path.join(__dirname, '..', dir) } //语法验证 const createLintingRule = () => ({ test: /\.(js\|vue\|dtvevt)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter'), emitWarning: true } }) const useEslint = true; //project 这个目录是暂时命名，当用hivui create 创建时候会根据用户输入确定 const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; const smp = new SpeedMeasurePlugin();//smp.wrap smp.wrap( module.exports = { //指定目录，默认的值就是项目的根目录 // context: resolve(projectName), //编译入口 String\|\|Array // entry: '', //没有指定入口文件时，按目录搜索对应的package.json所在的入口 entry() { // 初始化入口配置 const entry = {} // 所有模块的列表 const moduleToBuild = require('./module-conf').getModuleToBuild() \|\| [] // 根据传入的待打包目录名称，构建多入口配置 for (let module of moduleToBuild) { // entry[module] = `${module}/index.js` let name = module.replace(/\//gi, '_'); entry[name] = `${module}/index.js` } return entry }, //输出路径 output: { path: resolve('dist'), filename: 'static/js/[name].js', //指定打包后的资源目录相对于dist 下模块index.html publicPath: './' }, //如何寻找模块所对应的文件 resolve: { // 配置省略文件路径后缀名，引入文件的时候可以不用写文件的后缀名 extensions: ['.css', '.less', '.js', '.jsx', '.vue', '.json'], //指定引用别名 alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve(projectName), '@main': resolve(projectName + '/hivuiMain'), } }, //排除不打包 externals: { // 'axios':'axios', 'vue': 'Vue', "element-ui": "ELEMENT", // 'vue-router': 'VueRouter', // 'vuex':'Vuex', }, //解析模块的规则 module: { rules: [ // ...(useEslint ? [createLintingRule()] : []), ...(utils.styleLoaders({ sourceMap: false, extract: true, usePostCSS: true })), { test: /\.(vue)$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.(js\|jsx)$/, loader: 'babel-loader', exclude: /node_modules/, options: { cacheDirectory: true } // exclude: [ // /node_modules\/(webpack\|html-webpack-plugin)\//, // ], }, // element amdin src/icons使用 // { // test: /\.svg$/, // loader: 'svg-sprite-loader', // include: [resolve('src/icons')], // options: { // symbolId: 'icon-[name]' // } // }, { test: /\.(png\|jpe?g\|gif\|svg)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: 'static/img/[name].[ext]'//.[hash:7] // publicPath:"../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 // outputPath:"static/img/" //生成之后存放的路径 } }, { test: /\.(mp4\|webm\|ogg\|mp3\|wav\|flac\|aac)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: 'static/media/[name].[ext]'//.[hash:7] // publicPath:"../media/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 // outputPath:"static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?\|eot\|ttf\|otf)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: "[name].[ext]",//[hash:8]. publicPath: "../fonts/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 // name: 'static/fonts/[name].[hash:7].[ext]' } } ] }, devtool: "source-map", optimization: { minimizer: [ new CssMinimizerPlugin(), new MiniCssExtractPlugin({ filename: 'static/css/[name].[contenthash:10].css'//.[contenthash] }), new TerserPlugin() ], splitChunks: { chunks: 'all', cacheGroups: { // vue: { // name: 'vue', // test: /[\\/]node_modules[\\/]vue[\\/]/, // priority: -10 // }, // vuex: { // name: 'vuex', // test: /[\\/]node_modules[\\/]vuex[\\/]/, // priority: -10 // }, // 'vue-router': { // name: 'vue-router', // test: /[\\/]node_modules[\\/]vue-router[\\/]/, // priority: -10 // }, // 'element-ui': { // name: 'element-ui', // test: /[\\/]node_modules[\\/]element-ui[\\/]/, // priority: -10 // }, 'module-vendors': { name: 'module-vendors', test: /[\\/]node_modules[\\/]/, priority: -20 } }, } }, plugins: [ //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new VueLoaderPlugin(), //预设一些基础库 new webpack.DllReferencePlugin({ context: resolve("assets_platform/vendor_dll"), //告诉webpack哪些库不参与打包，同时使用时名称也得变 manifest:resolve('assets_platform/vendor_dll/vuelibs-manifest.json') }), new webpack.DllReferencePlugin({ context: resolve("assets_platform/vendor_dll"), //告诉webpack哪些库不参与打包，同时使用时名称也得变 manifest:resolve('assets_platform/vendor_dll/vendor-manifest.json') }), // new AddAssetHtmlPlugin({ // filepath: resolve('webpackDll/Vue.js'), // outputPath:'./static/js/', // publicPath:'./static/js/' // }), ], }; //考虑用，parallel-webpack 并发打包加快打包速度 const path = require('path') const webpack = require('webpack') const VueLoaderPlugin = require('vue-loader/lib/plugin') const TerserPlugin = require("terser-webpack-plugin"); const MiniCssExtractPlugin = require('mini-css-extract-plugin');//本插件基于 webpack v4 的新特性（模块类型）构建，并且需要 webpack 4 才能正常工作。 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin') //运行打包命令的时候就可以看到每个loader 和插件执行耗时 const SpeedMeasurePlugin = require("speed-measure-webpack-plugin"); const utils = require('./utils') const packageConfig = require('../package.json') const vueLoaderConfig = require('./vue-loader.conf') // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin //读取.evn 对应的文件，写入环境变量 var dotenv = require('dotenv').config({ path: resolve('.env.' + process.env.NODE_ENV) }); var cfg = { ...Object.fromEntries(Object.entries(process.env).filter(([k]) => /^VITE_/.test(k))) } let evnConfig = {} for (let key in cfg) { evnConfig[key] = '"' + cfg[key] + '"' } //路径转换 function resolve(dir) { // console.log(dir,'---------------------------',path.join(__dirname, '..', dir)) return path.join(__dirname, '..', dir) } //语法验证 const createLintingRule = () => ({ test: /\.(js\|vue\|dtvevt)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter'), emitWarning: true } }) const useEslint = true; //project 这个目录是暂时命名，当用hivui create 创建时候会根据用户输入确定 const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; const smp = new SpeedMeasurePlugin();//smp.wrap smp.wrap( module.exports = { //指定目录，默认的值就是项目的根目录 // context: resolve(projectName), //编译入口 String\|\|Array // entry: '', //没有指定入口文件时，按目录搜索对应的package.json所在的入口 entry() { // 初始化入口配置 const entry = {} // 所有模块的列表 const moduleToBuild = require('./module-conf').getModuleToBuild() \|\| [] // 根据传入的待打包目录名称，构建多入口配置 for (let module of moduleToBuild) { // entry[module] = `${module}/index.js` let name = module.replace(/\//gi, '_'); entry[name] = `${module}/index.js` } return entry }, //输出路径 output: { path: resolve('dist'), filename: 'static/js/[name].js', //指定打包后的资源目录相对于dist 下模块index.html publicPath: './' }, //如何寻找模块所对应的文件 resolve: { // 配置省略文件路径后缀名，引入文件的时候可以不用写文件的后缀名 extensions: ['.css', '.less', '.js', '.jsx', '.vue', '.json'], //指定引用别名 alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve(projectName), '@main': resolve(projectName + '/hivuiMain'), } }, //排除不打包 externals: { // 'axios':'axios', 'vue': 'Vue', "element-ui": "ELEMENT", // 'vue-router': 'VueRouter', // 'vuex':'Vuex', }, //解析模块的规则 module: { rules: [ // ...(useEslint ? [createLintingRule()] : []), ...(utils.styleLoaders({ sourceMap: false, extract: true, usePostCSS: true })), { test: /\.(vue)$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.(js\|jsx)$/, loader: 'babel-loader', exclude: /node_modules/, options: { cacheDirectory: true } // exclude: [ // /node_modules\/(webpack\|html-webpack-plugin)\//, // ], }, // element amdin src/icons使用 // { // test: /\.svg$/, // loader: 'svg-sprite-loader', // include: [resolve('src/icons')], // options: { // symbolId: 'icon-[name]' // } // }, { test: /\.(png\|jpe?g\|gif\|svg)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: 'static/img/[name].[ext]'//.[hash:7] // publicPath:"../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 // outputPath:"static/img/" //生成之后存放的路径 } }, { test: /\.(mp4\|webm\|ogg\|mp3\|wav\|flac\|aac)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: 'static/media/[name].[ext]'//.[hash:7] // publicPath:"../media/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 // outputPath:"static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?\|eot\|ttf\|otf)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: "[name].[ext]",//[hash:8]. publicPath: "../fonts/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 // name: 'static/fonts/[name].[hash:7].[ext]' } } ] }, // devtool: '#source-map', optimization: { minimizer: [ new CssMinimizerPlugin(), new MiniCssExtractPlugin({ filename: 'static/css/[name].[contenthash:10].css'//.[contenthash] }), new TerserPlugin() ], splitChunks: { chunks: 'all', cacheGroups: { // vue: { // name: 'vue', // test: /[\\/]node_modules[\\/]vue[\\/]/, // priority: -10 // }, // vuex: { // name: 'vuex', // test: /[\\/]node_modules[\\/]vuex[\\/]/, // priority: -10 // }, // 'vue-router': { // name: 'vue-router', // test: /[\\/]node_modules[\\/]vue-router[\\/]/, // priority: -10 // }, // 'element-ui': { // name: 'element-ui', // test: /[\\/]node_modules[\\/]element-ui[\\/]/, // priority: -10 // }, 'module-vendors': { name: 'module-vendors', test: /[\\/]node_modules[\\/]/, priority: -20 } }, } }, plugins: [ //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new VueLoaderPlugin(), //预设一些基础库 new webpack.DllReferencePlugin({ context: resolve("assets_platform/vendor_dll"), //告诉webpack哪些库不参与打包，同时使用时名称也得变 manifest:resolve('assets_platform/vendor_dll/vuelibs-manifest.json') }), new webpack.DllReferencePlugin({ context: resolve("assets_platform/vendor_dll"), //告诉webpack哪些库不参与打包，同时使用时名称也得变 manifest:resolve('assets_platform/vendor_dll/vendor-manifest.json') }), // new AddAssetHtmlPlugin({ // filepath: resolve('webpackDll/Vue.js'), // outputPath:'./static/js/', // publicPath:'./static/js/' // }), ], };

Ignore Space Show notes View

build/webpack.base.conf.js

//考虑用，parallel-webpack  并发打包加快打包速度
const path = require('path')
const webpack = require('webpack')
const VueLoaderPlugin = require('vue-loader/lib/plugin')
const TerserPlugin = require("terser-webpack-plugin");
const MiniCssExtractPlugin = require('mini-css-extract-plugin');//本插件基于 webpack v4 的新特性（模块类型）构建，并且需要 webpack 4 才能正常工作。
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin')

//运行打包命令的时候就可以看到每个loader 和插件执行耗时
const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");

const utils = require('./utils')
const packageConfig = require('../package.json')
const vueLoaderConfig = require('./vue-loader.conf')
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

//读取.evn 对应的文件，写入环境变量
var dotenv = require('dotenv').config({ path: resolve('.env.' + process.env.NODE_ENV) });
var cfg = { ...Object.fromEntries(Object.entries(process.env).filter(([k]) => /^VITE_/.test(k))) }
let evnConfig = {}
for (let key in cfg) {
    evnConfig[key] = '"' + cfg[key] + '"'
}

//路径转换
function resolve(dir) {
    // console.log(dir,'---------------------------',path.join(__dirname, '..', dir))
    return path.join(__dirname, '..', dir)
}

//语法验证
const createLintingRule = () => ({
    test: /\.(js|vue|dtvevt)$/,
    loader: 'eslint-loader',
    enforce: 'pre',
    include: [resolve('src'), resolve('test')],
    options: {
        formatter: require('eslint-friendly-formatter'),
        emitWarning: true
    }
})

const useEslint = true;
//project 这个目录是暂时命名，当用hivui create 创建时候 会根据用户输入确定
const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name;

const smp = new SpeedMeasurePlugin();//smp.wrap smp.wrap(
module.exports = {
    //指定目录，默认的值就是项目的根目录
    // context: resolve(projectName),
    //编译入口 String||Array
    // entry: '',
    //没有指定入口文件时，按目录搜索 对应的package.json所在的入口
    entry() {
        // 初始化入口配置
        const entry = {}
        // 所有模块的列表
        const moduleToBuild = require('./module-conf').getModuleToBuild() || []
        // 根据传入的待打包目录名称，构建多入口配置
        for (let module of moduleToBuild) {
            // entry[module] = `${module}/index.js`
            let name = module.replace(/\//gi, '_');
            entry[name] = `${module}/index.js`
        }
        return entry
    },
    //输出路径 
    output: {
        path: resolve('dist'),
        filename: 'static/js/[name].js',
        //指定打包后的资源目录 相对于dist 下 模块index.html
        publicPath: './'
    },
    //如何寻找模块所对应的文件
    resolve: {
        // 配置省略文件路径后缀名，引入文件的时候可以不用写文件的后缀名
        extensions: ['.css', '.less', '.js', '.jsx', '.vue', '.json'],
        //指定引用别名
        alias: {
            'vue$': 'vue/dist/vue.esm.js',
            '@': resolve(projectName),
            '@main': resolve(projectName + '/hivuiMain'),
        }
    },
    //排除不打包
    externals: {
        // 'axios':'axios',
        'vue': 'Vue',
        "element-ui": "ELEMENT",
        // 'vue-router': 'VueRouter',
        // 'vuex':'Vuex',      
    },
    //解析模块的规则
    module: {
        rules: [

// ...(useEslint ? [createLintingRule()] : []),
            ...(utils.styleLoaders({
                sourceMap: false,
                extract: true,
                usePostCSS: true
            })),
            {
                test: /\.(vue)$/,
                loader: 'vue-loader',
                options: vueLoaderConfig
            },
            {
                test: /\.(js|jsx)$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                options: {
                    cacheDirectory: true
                }
                // exclude: [
                //     /node_modules\/(webpack|html-webpack-plugin)\//,
                // ],
            },
            // element amdin src/icons使用
            // {
            //     test: /\.svg$/,
            //     loader: 'svg-sprite-loader',
            //     include: [resolve('src/icons')],
            //     options: {
            //         symbolId: 'icon-[name]'
            //     }
            // },
            {
                test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: 'static/img/[name].[ext]'//.[hash:7]
                    // publicPath:"../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
                    // outputPath:"static/img/"		//生成之后存放的路径
                }
            },
            {
                test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: 'static/media/[name].[ext]'//.[hash:7]
                    // publicPath:"../media/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
                    // outputPath:"static/media/"		//生成之后存放的路径
                }
            },
            {
                test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: "[name].[ext]",//[hash:8].
                    publicPath: "../fonts/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
                    outputPath: "static/fonts/"		//生成之后存放的路径
                    // name: 'static/fonts/[name].[hash:7].[ext]'
                }
            }
        ]
    },
    devtool: "source-map",
    optimization: {
        minimizer: [
            new CssMinimizerPlugin(),
            new MiniCssExtractPlugin({
                filename: 'static/css/[name].[contenthash:10].css'//.[contenthash]
            }),
            new TerserPlugin()
        ],
        splitChunks: {
            chunks: 'all',
            cacheGroups: {
                // vue: {
                //     name: 'vue',
                //     test: /[\\/]node_modules[\\/]vue[\\/]/,
                //     priority: -10
                // },
                // vuex: {
                //     name: 'vuex',
                //     test: /[\\/]node_modules[\\/]vuex[\\/]/,
                //     priority: -10
                // },
                // 'vue-router': {
                //     name: 'vue-router',
                //     test: /[\\/]node_modules[\\/]vue-router[\\/]/,
                //     priority: -10
                // },
                // 'element-ui': {
                //     name: 'element-ui',
                //     test: /[\\/]node_modules[\\/]element-ui[\\/]/,
                //     priority: -10
                // },
                'module-vendors': {
                    name: 'module-vendors',
                    test: /[\\/]node_modules[\\/]/,
                    priority: -20
                }
            },
        }
    },
    plugins: [
        //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量
        new webpack.DefinePlugin({
            'process.env': evnConfig
        }),
        new VueLoaderPlugin(),
        //预设一些基础库
        new webpack.DllReferencePlugin({
            context: resolve("assets_platform/vendor_dll"),
            //告诉webpack哪些库不参与打包，同时使用时名称也得变
            manifest:resolve('assets_platform/vendor_dll/vuelibs-manifest.json')
        }),
        new webpack.DllReferencePlugin({
            context: resolve("assets_platform/vendor_dll"),
            //告诉webpack哪些库不参与打包，同时使用时名称也得变
            manifest:resolve('assets_platform/vendor_dll/vendor-manifest.json')
        }),
        // new AddAssetHtmlPlugin({
        //     filepath: resolve('webpackDll/Vue.js'),
        //     outputPath:'./static/js/',
        //     publicPath:'./static/js/'
        // }),
    ],
};

//运行打包命令的时候就可以看到每个loader 和插件执行耗时
const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");

//路径转换
function resolve(dir) {
    // console.log(dir,'---------------------------',path.join(__dirname, '..', dir))
    return path.join(__dirname, '..', dir)
}

// ...(useEslint ? [createLintingRule()] : []),
            ...(utils.styleLoaders({
                sourceMap: false,
                extract: true,
                usePostCSS: true
            })),
            {
                test: /\.(vue)$/,
                loader: 'vue-loader',
                options: vueLoaderConfig
            },
            {
                test: /\.(js|jsx)$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                options: {
                    cacheDirectory: true
                }
                // exclude: [
                //     /node_modules\/(webpack|html-webpack-plugin)\//,
                // ],
            },
            // element amdin src/icons使用
            // {
            //     test: /\.svg$/,
            //     loader: 'svg-sprite-loader',
            //     include: [resolve('src/icons')],
            //     options: {
            //         symbolId: 'icon-[name]'
            //     }
            // },
            {
                test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: 'static/img/[name].[ext]'//.[hash:7]
                    // publicPath:"../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
                    // outputPath:"static/img/"		//生成之后存放的路径
                }
            },
            {
                test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: 'static/media/[name].[ext]'//.[hash:7]
                    // publicPath:"../media/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
                    // outputPath:"static/media/"		//生成之后存放的路径
                }
            },
            {
                test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: "[name].[ext]",//[hash:8].
                    publicPath: "../fonts/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
                    outputPath: "static/fonts/"		//生成之后存放的路径
                    // name: 'static/fonts/[name].[hash:7].[ext]'
                }
            }
        ]
    },
    // devtool: '#source-map',
    optimization: {
        minimizer: [
            new CssMinimizerPlugin(),
            new MiniCssExtractPlugin({
                filename: 'static/css/[name].[contenthash:10].css'//.[contenthash]
            }),
            new TerserPlugin()
        ],
        splitChunks: {
            chunks: 'all',
            cacheGroups: {
                // vue: {
                //     name: 'vue',
                //     test: /[\\/]node_modules[\\/]vue[\\/]/,
                //     priority: -10
                // },
                // vuex: {
                //     name: 'vuex',
                //     test: /[\\/]node_modules[\\/]vuex[\\/]/,
                //     priority: -10
                // },
                // 'vue-router': {
                //     name: 'vue-router',
                //     test: /[\\/]node_modules[\\/]vue-router[\\/]/,
                //     priority: -10
                // },
                // 'element-ui': {
                //     name: 'element-ui',
                //     test: /[\\/]node_modules[\\/]element-ui[\\/]/,
                //     priority: -10
                // },
                'module-vendors': {
                    name: 'module-vendors',
                    test: /[\\/]node_modules[\\/]/,
                    priority: -20
                }
            },
        }
    },
    plugins: [
        //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量
        new webpack.DefinePlugin({
            'process.env': evnConfig
        }),
        new VueLoaderPlugin(),
        //预设一些基础库
        new webpack.DllReferencePlugin({
            context: resolve("assets_platform/vendor_dll"),
            //告诉webpack哪些库不参与打包，同时使用时名称也得变
            manifest:resolve('assets_platform/vendor_dll/vuelibs-manifest.json')
        }),
        new webpack.DllReferencePlugin({
            context: resolve("assets_platform/vendor_dll"),
            //告诉webpack哪些库不参与打包，同时使用时名称也得变
            manifest:resolve('assets_platform/vendor_dll/vendor-manifest.json')
        }),
        // new AddAssetHtmlPlugin({
        //     filepath: resolve('webpackDll/Vue.js'),
        //     outputPath:'./static/js/',
        //     publicPath:'./static/js/'
        // }),
    ],
};

Ignore Space Show notes View project/demo/App.vue
<template> <div> <Test /> <hr/> <el-button type="primary" icon="el-icon-search">搜索</el-button> <button @click="click">--[button]--</button> <el-button @click="click" size="mini">button1</el-button> <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table> <HiPagination :page-count="5" /> </div> </template> <script> import Test from "./test" // import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue" // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js" import { HiTable, HiPagination } from "hi-ui" // console.log(HiTable) export default { components: { Test, HiTable, HiPagination }, data() { return { isBigData: true, isEdit: true, num: 0, inputNumber: { precision: 2, format: "￥0.00", controlsPosition: "right", }, tableData: [], rules: { createTime: [{ required: true, message: "请选择日期", trigger: "blur", }, ], FMoney: [{ min: 1, trigger: "blur", }, ], FName: [{ required: true, message: "请输入活动名称", trigger: "blur", }, { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur", }, ], }, treeProps: { children: "children", hasChildren: "hasChildren" }, rowKey: "id", columns: [{ label: "自定义列", width: 100, slot: [{ element: "el-button", label: "调单", props: { size: "mini", round: true }, handles: { click: this.handleClick } }, { element: "el-tag", label: "默认标签", props: {}, handles: { click: this.handleClick } }, ], }, { name: "FName", label: "姓名1", element: "el-input", width: 100, formatFn: function(value) { return "格式化：" + (value \|\| ""); }, required: true, }, { name: "createTime", label: "申请时间", element: "el-date-picker", required: true, width: 100, props: { type: "datetime", format: "yyyy-MM-dd HH:mm:ss", valueFormat: "yyyy-MM-dd", }, }, { label: "基本信息", align: "center", children: [{ name: "FAge", label: "年龄2", element: "hi-number", sortable: true, summary: "avg", formType: "dbInt", props: { step: 2, format: "0岁", }, }, { name: "FSex", label: "性别3", element: "el-select", props: { children: [{ element: "el-option", props: { label: "男", value: "0" }, }, { element: "el-option", props: { label: "女", value: "1" }, }, ], }, }, ], }, { name: "FMoney", label: "钱", element: "hi-number", formType: "dbDouble", props: { precision: 2, format: "￥0.00", "controls-position": "right", }, summary: "sum", }, { width: 200, name: "FBiaoXian", label: "表现", element: "el-rate", props: { showText: true, }, }, { width: 200, name: "FUse", label: "启用", element: "el-checkbox", props: {}, }, { width: 200, name: "FDept", label: "部门", element: "hi-data-select", props: { lookup: { storeCfg: { modelFile: "purchase/order/dataset/OrderEntity.xml", //数据集配置部门 id: "dept", //主键 primary: ["id"], //操作权限 operations: [ "oinsert", "odelete", "oquery", "omodify", ], fields: { FID: { name: "FID", //字段ID label: "部门ID", //字段描述 dbtype: "dbInt", //数据类型 required: true, readonly: true, length: 50, rules: [], }, FNUMBER: { name: "FNUMBER", //字段ID label: "部门描述", //字段描述 dbtype: "dbText", //数据类型 }, FUSERID: { name: "FUSERID", //字段ID label: "部门名称", //字段描述 dbtype: "dbString", //数据类型 }, }, }, active: true, multiSelect: false, returnFields: { FDept: "FNUMBER", }, columns: [{ name: "FID", label: "FID", width: 200, }, { name: "FNUMBER", label: "编号", width: 400, }, { name: "FUSERID", label: "FUSERID", }, ], queryOption: { fields: [{ name: "FID", label: "FID", element: "el-input", }, { name: "FNUMBER", element: "el-input", label: "编号", }, { name: "FUSERID", element: "el-input", label: "FUSERID", value: "admin", }, ], }, }, }, }, ], } }, mounted() { // console.log('this.$dsContainer----: ' , this.$dsContainer); }, methods: { click() { alert(1) }, arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 3) { if (rowIndex % 2 === 0) { return { rowspan: 2, colspan: 1, }; } else { return { rowspan: 0, colspan: 0, }; } } }, } } </script> <style lang="scss"> html,body{ display: block; height: 100%; } button { background: #efefee; padding: 5px 10px; font-size: 12px; border: 1px #eee solid; border-radius: 5px; // transform: rotate(45deg); } </style> <template> <div> <biaodan></biaodan> <demo2></demo2> <Test /> <hr/> <el-button type="primary" icon="el-icon-search">搜索</el-button> <button @click="click">--[button]--</button> <el-button @click="click" size="mini">button1</el-button> <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table> <HiPagination :page-count="5" /> </div> </template> <script> import Test from "./test" import demo2 from "/project/demo2" import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue" // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js" import { HiTable, HiPagination } from "hi-ui" // console.log(HiTable) export default { components: { Test, HiTable, HiPagination,demo2, biaodan // DmTable }, data() { return { isBigData: true, isEdit: true, num: 0, inputNumber: { precision: 2, format: "￥0.00", controlsPosition: "right", }, tableData: [], rules: { createTime: [{ required: true, message: "请选择日期", trigger: "blur", }, ], FMoney: [{ min: 1, trigger: "blur", }, ], FName: [{ required: true, message: "请输入活动名称", trigger: "blur", }, { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur", }, ], }, treeProps: { children: "children", hasChildren: "hasChildren" }, rowKey: "id", columns: [{ label: "自定义列", width: 100, slot: [{ element: "el-button", label: "调单", props: { size: "mini", round: true }, handles: { click: this.handleClick } }, { element: "el-tag", label: "默认标签", props: {}, handles: { click: this.handleClick } }, ], }, { name: "FName", label: "姓名1", element: "el-input", width: 100, formatFn: function(value) { return "格式化：" + (value \|\| ""); }, required: true, }, { name: "createTime", label: "申请时间", element: "el-date-picker", required: true, width: 100, props: { type: "datetime", format: "yyyy-MM-dd HH:mm:ss", valueFormat: "yyyy-MM-dd", }, }, { label: "基本信息", align: "center", children: [{ name: "FAge", label: "年龄2", element: "hi-number", sortable: true, summary: "avg", formType: "dbInt", props: { step: 2, format: "0岁", }, }, { name: "FSex", label: "性别3", element: "el-select", props: { children: [{ element: "el-option", props: { label: "男", value: "0" }, }, { element: "el-option", props: { label: "女", value: "1" }, }, ], }, }, ], }, { name: "FMoney", label: "钱", element: "hi-number", formType: "dbDouble", props: { precision: 2, format: "￥0.00", "controls-position": "right", }, summary: "sum", }, { width: 200, name: "FBiaoXian", label: "表现", element: "el-rate", props: { showText: true, }, }, { width: 200, name: "FUse", label: "启用", element: "el-checkbox", props: {}, }, { width: 200, name: "FDept", label: "部门", element: "hi-data-select", props: { lookup: { storeCfg: { modelFile: "purchase/order/dataset/OrderEntity.xml", //数据集配置部门 id: "dept", //主键 primary: ["id"], //操作权限 operations: [ "oinsert", "odelete", "oquery", "omodify", ], fields: { FID: { name: "FID", //字段ID label: "部门ID", //字段描述 dbtype: "dbInt", //数据类型 required: true, readonly: true, length: 50, rules: [], }, FNUMBER: { name: "FNUMBER", //字段ID label: "部门描述", //字段描述 dbtype: "dbText", //数据类型 }, FUSERID: { name: "FUSERID", //字段ID label: "部门名称", //字段描述 dbtype: "dbString", //数据类型 }, }, }, active: true, multiSelect: false, returnFields: { FDept: "FNUMBER", }, columns: [{ name: "FID", label: "FID", width: 200, }, { name: "FNUMBER", label: "编号", width: 400, }, { name: "FUSERID", label: "FUSERID", }, ], queryOption: { fields: [{ name: "FID", label: "FID", element: "el-input", }, { name: "FNUMBER", element: "el-input", label: "编号", }, { name: "FUSERID", element: "el-input", label: "FUSERID", value: "admin", }, ], }, }, }, }, ], } }, mounted() { // console.log('this.$dsContainer----: ' , this.$dsContainer); }, methods: { click() { alert(1) }, arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 3) { if (rowIndex % 2 === 0) { return { rowspan: 2, colspan: 1, }; } else { return { rowspan: 0, colspan: 0, }; } } }, } } </script> <style lang="scss"> html,body{ display: block; height: 100%; } button { background: #efefee; padding: 5px 10px; font-size: 12px; border: 1px #eee solid; border-radius: 5px; // transform: rotate(45deg); } </style>

Ignore Space Show notes View

project/demo/App.vue

<template>
    <div>
        <Test />
        <hr/>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <button @click="click">--[button]--</button>
        <el-button @click="click" size="mini">button1</el-button>
        <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table>        
        <HiPagination :page-count="5" />
    </div>
</template>
<script>
    import Test from "./test"
    // import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue"
    // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js"
    import { 
        HiTable,
        HiPagination
    } from "hi-ui"
    // console.log(HiTable)
    export default {
        components: {
            Test,
            HiTable,
            HiPagination
        },
        data() {
            return {
                isBigData: true,
                isEdit: true,
                num: 0,
                inputNumber: {
                    precision: 2,
                    format: "￥0.00",
                    controlsPosition: "right",
                },
                tableData: [],
                rules: {
                    createTime: [{
                        required: true,
                        message: "请选择日期",
                        trigger: "blur",
                    }, ],
                    FMoney: [{
                        min: 1,
                        trigger: "blur",
                    }, ],
                    FName: [{
                            required: true,
                            message: "请输入活动名称",
                            trigger: "blur",
                        },
                        {
                            min: 3,
                            max: 5,
                            message: "长度在 3 到 5 个字符",
                            trigger: "blur",
                        },
                    ],
                },
                treeProps: {
                    children: "children",
                    hasChildren: "hasChildren"
                },
                rowKey: "id",
                columns: [{
                        label: "自定义列",
                        width: 100,
                        slot: [{
                                element: "el-button",
                                label: "调单",
                                props: {
                                    size: "mini",
                                    round: true
                                },
                                handles: {
                                    click: this.handleClick
                                }
                            },
                            {
                                element: "el-tag",
                                label: "默认标签",
                                props: {},
                                handles: {
                                    click: this.handleClick
                                }
                            },
                        ],
                    },
                    {
                        name: "FName",
                        label: "姓名1",
                        element: "el-input",
                        width: 100,
                        formatFn: function(value) {
                            return "格式化：" + (value || "");
                        },
                        required: true,
                    },
                    {
                        name: "createTime",
                        label: "申请时间",
                        element: "el-date-picker",
                        required: true,
                        width: 100,
                        props: {
                            type: "datetime",
                            format: "yyyy-MM-dd HH:mm:ss",
                            valueFormat: "yyyy-MM-dd",
                        },
                    },
                    {
                        label: "基本信息",
                        align: "center",
                        children: [{
                                name: "FAge",
                                label: "年龄2",
                                element: "hi-number",
                                sortable: true,
                                summary: "avg",
                                formType: "dbInt",
                                props: {
                                    step: 2,
                                    format: "0岁",
                                },
                            },
                            {
                                name: "FSex",
                                label: "性别3",
                                element: "el-select",
                                props: {
                                    children: [{
                                            element: "el-option",
                                            props: {
                                                label: "男",
                                                value: "0"
                                            },
                                        },
                                        {
                                            element: "el-option",
                                            props: {
                                                label: "女",
                                                value: "1"
                                            },
                                        },
                                    ],
                                },
                            },
                        ],
                    },
                    {
                        name: "FMoney",
                        label: "钱",
                        element: "hi-number",
                        formType: "dbDouble",
                        props: {
                            precision: 2,
                            format: "￥0.00",
                            "controls-position": "right",
                        },
                        summary: "sum",
                    },
                    {
                        width: 200,
                        name: "FBiaoXian",
                        label: "表现",
                        element: "el-rate",
                        props: {
                            showText: true,
                        },
                    },
                    {
                        width: 200,
                        name: "FUse",
                        label: "启用",
                        element: "el-checkbox",
                        props: {},
                    },
                    {
                        width: 200,
                        name: "FDept",
                        label: "部门",
                        element: "hi-data-select",
                        props: {
                            lookup: {
                                storeCfg: {
                                    modelFile: "purchase/order/dataset/OrderEntity.xml",
                                    //数据集配置  部门
                                    id: "dept",
                                    //主键
                                    primary: ["id"],
                                    //操作权限
                                    operations: [
                                        "oinsert",
                                        "odelete",
                                        "oquery",
                                        "omodify",
                                    ],
                                    fields: {
                                        FID: {
                                            name: "FID", //字段ID
                                            label: "部门ID", //字段描述
                                            dbtype: "dbInt", //数据类型
                                            required: true,
                                            readonly: true,
                                            length: 50,
                                            rules: [],
                                        },
                                        FNUMBER: {
                                            name: "FNUMBER", //字段ID
                                            label: "部门描述", //字段描述
                                            dbtype: "dbText", //数据类型
                                        },
                                        FUSERID: {
                                            name: "FUSERID", //字段ID
                                            label: "部门名称", //字段描述
                                            dbtype: "dbString", //数据类型
                                        },
                                    },
                                },
                                active: true,
                                multiSelect: false,
                                returnFields: {
                                    FDept: "FNUMBER",
                                },
                                columns: [{
                                        name: "FID",
                                        label: "FID",
                                        width: 200,
                                    },
                                    {
                                        name: "FNUMBER",
                                        label: "编号",
                                        width: 400,
                                    },
                                    {
                                        name: "FUSERID",
                                        label: "FUSERID",
                                    },
                                ],
                                queryOption: {
                                    fields: [{
                                            name: "FID",
                                            label: "FID",
                                            element: "el-input",
                                        },
                                        {
                                            name: "FNUMBER",
                                            element: "el-input",
                                            label: "编号",
                                        },
                                        {
                                            name: "FUSERID",
                                            element: "el-input",
                                            label: "FUSERID",
                                            value: "admin",
                                        },
                                    ],
                                },
                            },
                        },
                    },
                ],
            }
        },
        mounted() {
            // console.log('this.$dsContainer----: ' , this.$dsContainer);
        },
        methods: {
            click() {
                alert(1)
            },
            arraySpanMethod({ row, column, rowIndex, columnIndex }) {
                if (columnIndex === 3) {
                    if (rowIndex % 2 === 0) {
                        return {
                            rowspan: 2,
                            colspan: 1,
                        };
                    } else {
                        return {
                            rowspan: 0,
                            colspan: 0,
                        };
                    }
                }
            },
        }
    }
</script>
<style lang="scss">
    html,body{
        display: block;
        height: 100%;
    }
    button {
        background: #efefee;
        padding: 5px 10px;
        font-size: 12px;
        border: 1px #eee solid;
        border-radius: 5px; // transform: rotate(45deg);
    }
</style>

<template>
    <div>
        <biaodan></biaodan>
        <demo2></demo2>
        <Test />
        <hr/>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <button @click="click">--[button]--</button>
        <el-button @click="click" size="mini">button1</el-button>
        <hi-table style="height:250px" emptyText="我是空数据！" :isBigData="isBigData" :isEdit="isEdit" hasSelection hasRowNumber :showSummary="true" :model="tableData" :columns="columns" :rules="rules" :tree-props="treeProps" :row-key="rowKey" :span-method="arraySpanMethod"></hi-table>        
        <HiPagination :page-count="5" />
    </div>
</template>
<script>
    import Test from "./test"
    import demo2 from "/project/demo2"
    import biaodan from "/project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0/desktop/biaodan.vue"
    // import BizEntity_jR02Xd from "/project/zhuomianduanyanshi/biaozhundanju/dataset/gongyingshang/bizstore/1.0.0/_extFile/desktop/BizEntity_jR02Xd.js"
    import { 
        HiTable,
        HiPagination
    } from "hi-ui"
    // console.log(HiTable)
    export default {
        components: {
            Test,
            HiTable,
            HiPagination,demo2,
            biaodan
            // DmTable
        },
        data() {
            return {
                isBigData: true,
                isEdit: true,
                num: 0,
                inputNumber: {
                    precision: 2,
                    format: "￥0.00",
                    controlsPosition: "right",
                },
                tableData: [],
                rules: {
                    createTime: [{
                        required: true,
                        message: "请选择日期",
                        trigger: "blur",
                    }, ],
                    FMoney: [{
                        min: 1,
                        trigger: "blur",
                    }, ],
                    FName: [{
                            required: true,
                            message: "请输入活动名称",
                            trigger: "blur",
                        },
                        {
                            min: 3,
                            max: 5,
                            message: "长度在 3 到 5 个字符",
                            trigger: "blur",
                        },
                    ],
                },
                treeProps: {
                    children: "children",
                    hasChildren: "hasChildren"
                },
                rowKey: "id",
                columns: [{
                        label: "自定义列",
                        width: 100,
                        slot: [{
                                element: "el-button",
                                label: "调单",
                                props: {
                                    size: "mini",
                                    round: true
                                },
                                handles: {
                                    click: this.handleClick
                                }
                            },
                            {
                                element: "el-tag",
                                label: "默认标签",
                                props: {},
                                handles: {
                                    click: this.handleClick
                                }
                            },
                        ],
                    },
                    {
                        name: "FName",
                        label: "姓名1",
                        element: "el-input",
                        width: 100,
                        formatFn: function(value) {
                            return "格式化：" + (value || "");
                        },
                        required: true,
                    },
                    {
                        name: "createTime",
                        label: "申请时间",
                        element: "el-date-picker",
                        required: true,
                        width: 100,
                        props: {
                            type: "datetime",
                            format: "yyyy-MM-dd HH:mm:ss",
                            valueFormat: "yyyy-MM-dd",
                        },
                    },
                    {
                        label: "基本信息",
                        align: "center",
                        children: [{
                                name: "FAge",
                                label: "年龄2",
                                element: "hi-number",
                                sortable: true,
                                summary: "avg",
                                formType: "dbInt",
                                props: {
                                    step: 2,
                                    format: "0岁",
                                },
                            },
                            {
                                name: "FSex",
                                label: "性别3",
                                element: "el-select",
                                props: {
                                    children: [{
                                            element: "el-option",
                                            props: {
                                                label: "男",
                                                value: "0"
                                            },
                                        },
                                        {
                                            element: "el-option",
                                            props: {
                                                label: "女",
                                                value: "1"
                                            },
                                        },
                                    ],
                                },
                            },
                        ],
                    },
                    {
                        name: "FMoney",
                        label: "钱",
                        element: "hi-number",
                        formType: "dbDouble",
                        props: {
                            precision: 2,
                            format: "￥0.00",
                            "controls-position": "right",
                        },
                        summary: "sum",
                    },
                    {
                        width: 200,
                        name: "FBiaoXian",
                        label: "表现",
                        element: "el-rate",
                        props: {
                            showText: true,
                        },
                    },
                    {
                        width: 200,
                        name: "FUse",
                        label: "启用",
                        element: "el-checkbox",
                        props: {},
                    },
                    {
                        width: 200,
                        name: "FDept",
                        label: "部门",
                        element: "hi-data-select",
                        props: {
                            lookup: {
                                storeCfg: {
                                    modelFile: "purchase/order/dataset/OrderEntity.xml",
                                    //数据集配置  部门
                                    id: "dept",
                                    //主键
                                    primary: ["id"],
                                    //操作权限
                                    operations: [
                                        "oinsert",
                                        "odelete",
                                        "oquery",
                                        "omodify",
                                    ],
                                    fields: {
                                        FID: {
                                            name: "FID", //字段ID
                                            label: "部门ID", //字段描述
                                            dbtype: "dbInt", //数据类型
                                            required: true,
                                            readonly: true,
                                            length: 50,
                                            rules: [],
                                        },
                                        FNUMBER: {
                                            name: "FNUMBER", //字段ID
                                            label: "部门描述", //字段描述
                                            dbtype: "dbText", //数据类型
                                        },
                                        FUSERID: {
                                            name: "FUSERID", //字段ID
                                            label: "部门名称", //字段描述
                                            dbtype: "dbString", //数据类型
                                        },
                                    },
                                },
                                active: true,
                                multiSelect: false,
                                returnFields: {
                                    FDept: "FNUMBER",
                                },
                                columns: [{
                                        name: "FID",
                                        label: "FID",
                                        width: 200,
                                    },
                                    {
                                        name: "FNUMBER",
                                        label: "编号",
                                        width: 400,
                                    },
                                    {
                                        name: "FUSERID",
                                        label: "FUSERID",
                                    },
                                ],
                                queryOption: {
                                    fields: [{
                                            name: "FID",
                                            label: "FID",
                                            element: "el-input",
                                        },
                                        {
                                            name: "FNUMBER",
                                            element: "el-input",
                                            label: "编号",
                                        },
                                        {
                                            name: "FUSERID",
                                            element: "el-input",
                                            label: "FUSERID",
                                            value: "admin",
                                        },
                                    ],
                                },
                            },
                        },
                    },
                ],
            }
        },
        mounted() {
            // console.log('this.$dsContainer----: ' , this.$dsContainer);
        },
        methods: {
            click() {
                alert(1)
            },
            arraySpanMethod({ row, column, rowIndex, columnIndex }) {
                if (columnIndex === 3) {
                    if (rowIndex % 2 === 0) {
                        return {
                            rowspan: 2,
                            colspan: 1,
                        };
                    } else {
                        return {
                            rowspan: 0,
                            colspan: 0,
                        };
                    }
                }
            },
        }
    }
</script>
<style lang="scss">
    html,body{
        display: block;
        height: 100%;
    }
    button {
        background: #efefee;
        padding: 5px 10px;
        font-size: 12px;
        border: 1px #eee solid;
        border-radius: 5px; // transform: rotate(45deg);
    }
</style>

Ignore Space Show notes View project/demo/BizEntity_jR02Xd.js 0 → 100644
const BizEntity_jR02Xd = { "modelFile": "eaptpl.pro/zhuomianduanyanshi.dir/biaozhundanju.moduledir/dataset.datadir/gongyingshang.bizstore\|BizEntity_jR02Xd.BizEntity~_extFile", "id": "BizEntity_jR02Xd", "returnTotal": false, //字段顺序,自动填充的顺充 "sortFields": [], //操作权限 "operations": ["oquery", "odelete", "oinsert", "omodify"], //字段元素 "element": {}, "fields": { "FID": { "name": "FID", "label": "ID", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FDESC": { "name": "FDESC", "label": "供应商名称", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FDESCID": { "name": "FDESCID", "label": "供应商ID", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FPINYIN": { "name": "FPINYIN", "label": "拼音", "dbtype": "dbString", "fileType": "db", "length": 100, "required": false } , "FJIANPIN": { "name": "FJIANPIN", "label": "简拼", "dbtype": "dbString", "fileType": "db", "length": 100, "required": false } , "FENTERPRISEPERSON": { "name": "FENTERPRISEPERSON", "label": "企业法人", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FENTERPRISESUPERVISOR": { "name": "FENTERPRISESUPERVISOR", "label": "企业负责人", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FQUALITYSUPERVISOR": { "name": "FQUALITYSUPERVISOR", "label": "质量负责人", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FCONTACTMAN": { "name": "FCONTACTMAN", "label": "联系人", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FCONTACTTEL": { "name": "FCONTACTTEL", "label": "联系电话", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FFAX": { "name": "FFAX", "label": "传真", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FADDRESS": { "name": "FADDRESS", "label": "地址", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FZIPCODE": { "name": "FZIPCODE", "label": "邮编", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FEMAIL": { "name": "FEMAIL", "label": "电子邮件地址", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FBUSINESSTYPE": { "name": "FBUSINESSTYPE", "label": "经营类型", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FBUSINESSTYPEID": { "name": "FBUSINESSTYPEID", "label": "经营类型 ID", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FCERTIFICATION": { "name": "FCERTIFICATION", "label": "认证类别", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FCERTIFICATIONID": { "name": "FCERTIFICATIONID", "label": "认证类别ID", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FCUSTOMERCATEGORY": { "name": "FCUSTOMERCATEGORY", "label": "供应商类型", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FCUSTOMERCATEGORYID": { "name": "FCUSTOMERCATEGORYID", "label": "供应商类型ID", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FSALESMAN": { "name": "FSALESMAN", "label": "业务员", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FSALESMANIDCARD": { "name": "FSALESMANIDCARD", "label": "业务员身份证", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FTAXID": { "name": "FTAXID", "label": "税务登记号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FAREA": { "name": "FAREA", "label": "所在地区", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FBUSINESSSCOPE": { "name": "FBUSINESSSCOPE", "label": "经营范围", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FBANK": { "name": "FBANK", "label": "开户行", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FBANKACCOUNT": { "name": "FBANKACCOUNT", "label": "银行帐户", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FBUSINESSLICENSEIMG": { "name": "FBUSINESSLICENSEIMG", "label": "营业执照图片", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FBUSINESSLICENSEID": { "name": "FBUSINESSLICENSEID", "label": "营业执照号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FBUSINESSLICENSEDATE": { "name": "FBUSINESSLICENSEDATE", "label": "营业执照有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FBUSINESSLICENSESCOPE": { "name": "FBUSINESSLICENSESCOPE", "label": "营业执照经营范围", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FDRUGLICENSEIMG": { "name": "FDRUGLICENSEIMG", "label": "药品许可证图片", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FDRUGLICENSEID": { "name": "FDRUGLICENSEID", "label": "药品许可证号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FDRUGLICENSEDATE": { "name": "FDRUGLICENSEDATE", "label": "药品许可证有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FDRUGLICENSESCOPE": { "name": "FDRUGLICENSESCOPE", "label": "药品许可证经营范围", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FGSPLICENSEIMG": { "name": "FGSPLICENSEIMG", "label": "GMP/GSP许可证图片", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FGSPLICENSEID": { "name": "FGSPLICENSEID", "label": "GMP/GSP许可证号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FGSPLICENSEDATE": { "name": "FGSPLICENSEDATE", "label": "GMP/GSP许可证有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FGSPLICENSESCOPE": { "name": "FGSPLICENSESCOPE", "label": "GMP/GSP许可证经营范围", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FMEDICALINSTRUMENTIMG": { "name": "FMEDICALINSTRUMENTIMG", "label": "医疗器械许可证图片", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FMEDICALINSTRUMENTID": { "name": "FMEDICALINSTRUMENTID", "label": "医疗器械许可证号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FMEDICALINSTRUMENTDATE": { "name": "FMEDICALINSTRUMENTDATE", "label": "医疗器械许可证有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FMEDICALINSTRUMENTSCOPE": { "name": "FMEDICALINSTRUMENTSCOPE", "label": "医疗器械许可证经营范围", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FHEALTHLICENSEIMG": { "name": "FHEALTHLICENSEIMG", "label": "卫生许可证图片", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FHEALTHLICENSEID": { "name": "FHEALTHLICENSEID", "label": "卫生许可证号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FHEALTHLICENSEDATE": { "name": "FHEALTHLICENSEDATE", "label": "卫生许可证有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FHEALTHLICENSESCOPE": { "name": "FHEALTHLICENSESCOPE", "label": "卫生许可证经营范围", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FFOODBUSINESSLICENSEIMG": { "name": "FFOODBUSINESSLICENSEIMG", "label": "食品经营许可证图片", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FFOODBUSINESSLICENSEID": { "name": "FFOODBUSINESSLICENSEID", "label": "食品经营许可证号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FFOODBUSINESSLICENSEDATE": { "name": "FFOODBUSINESSLICENSEDATE", "label": "食品经营许可证有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FFOODBUSINESSLICENSESCOPE": { "name": "FFOODBUSINESSLICENSESCOPE", "label": "食品经营许可证经营范围", "dbtype": "dbString", "fileType": "db", "length": 200, "required": false } , "FORGCODE": { "name": "FORGCODE", "label": "组织机构代码号", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FLEGALPERSONAUTHDATE": { "name": "FLEGALPERSONAUTHDATE", "label": "法人授权有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FQUALITYASSURANCEDATE": { "name": "FQUALITYASSURANCEDATE", "label": "质量保证有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FPURCHASECONTRACTDATE": { "name": "FPURCHASECONTRACTDATE", "label": "购销合同有效期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FNOTE": { "name": "FNOTE", "label": "备注", "dbtype": "dbString", "fileType": "db", "length": 500, "required": false } , "FUSERID": { "name": "FUSERID", "label": "用户ID", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FCREATEDATE": { "name": "FCREATEDATE", "label": "创建日期", "dbtype": "dbDatetime", "fileType": "db", "length": 19, "required": false } , "FENTERPRISEDESC": { "name": "FENTERPRISEDESC", "label": "企业名称", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } , "FENTERPRISEID": { "name": "FENTERPRISEID", "label": "企业ID", "dbtype": "dbString", "fileType": "db", "length": 50, "required": false } } //action: "autoAction", } export default BizEntity_jR02Xd;

Ignore Space Show notes View

project/demo/BizEntity_jR02Xd.js 0 → 100644

const BizEntity_jR02Xd = {
	"modelFile": "eaptpl.pro/zhuomianduanyanshi.dir/biaozhundanju.moduledir/dataset.datadir/gongyingshang.bizstore|BizEntity_jR02Xd.BizEntity~_extFile",
	"id": "BizEntity_jR02Xd",
	"returnTotal": false,
	//字段顺序,自动填充的顺充
	"sortFields": [],
	//操作权限
	"operations": ["oquery", "odelete", "oinsert", "omodify"],
	//字段元素
	"element": {},
	"fields": {
		"FID":
		{
			"name": "FID",
			"label": "ID",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FDESC":
		{
			"name": "FDESC",
			"label": "供应商名称",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FDESCID":
		{
			"name": "FDESCID",
			"label": "供应商ID",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FPINYIN":
		{
			"name": "FPINYIN",
			"label": "拼音",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 100,
			"required": false
		}
		,
		"FJIANPIN":
		{
			"name": "FJIANPIN",
			"label": "简拼",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 100,
			"required": false
		}
		,
		"FENTERPRISEPERSON":
		{
			"name": "FENTERPRISEPERSON",
			"label": "企业法人",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FENTERPRISESUPERVISOR":
		{
			"name": "FENTERPRISESUPERVISOR",
			"label": "企业负责人",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FQUALITYSUPERVISOR":
		{
			"name": "FQUALITYSUPERVISOR",
			"label": "质量负责人",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FCONTACTMAN":
		{
			"name": "FCONTACTMAN",
			"label": "联系人",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FCONTACTTEL":
		{
			"name": "FCONTACTTEL",
			"label": "联系电话",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FFAX":
		{
			"name": "FFAX",
			"label": "传真",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FADDRESS":
		{
			"name": "FADDRESS",
			"label": "地址",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FZIPCODE":
		{
			"name": "FZIPCODE",
			"label": "邮编",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FEMAIL":
		{
			"name": "FEMAIL",
			"label": "电子邮件地址",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FBUSINESSTYPE":
		{
			"name": "FBUSINESSTYPE",
			"label": "经营类型",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FBUSINESSTYPEID":
		{
			"name": "FBUSINESSTYPEID",
			"label": "经营类型 ID",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FCERTIFICATION":
		{
			"name": "FCERTIFICATION",
			"label": "认证类别",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FCERTIFICATIONID":
		{
			"name": "FCERTIFICATIONID",
			"label": "认证类别ID",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FCUSTOMERCATEGORY":
		{
			"name": "FCUSTOMERCATEGORY",
			"label": "供应商类型",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FCUSTOMERCATEGORYID":
		{
			"name": "FCUSTOMERCATEGORYID",
			"label": "供应商类型ID",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FSALESMAN":
		{
			"name": "FSALESMAN",
			"label": "业务员",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FSALESMANIDCARD":
		{
			"name": "FSALESMANIDCARD",
			"label": "业务员身份证",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FTAXID":
		{
			"name": "FTAXID",
			"label": "税务登记号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FAREA":
		{
			"name": "FAREA",
			"label": "所在地区",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FBUSINESSSCOPE":
		{
			"name": "FBUSINESSSCOPE",
			"label": "经营范围",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FBANK":
		{
			"name": "FBANK",
			"label": "开户行",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FBANKACCOUNT":
		{
			"name": "FBANKACCOUNT",
			"label": "银行帐户",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FBUSINESSLICENSEIMG":
		{
			"name": "FBUSINESSLICENSEIMG",
			"label": "营业执照图片",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FBUSINESSLICENSEID":
		{
			"name": "FBUSINESSLICENSEID",
			"label": "营业执照号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FBUSINESSLICENSEDATE":
		{
			"name": "FBUSINESSLICENSEDATE",
			"label": "营业执 照有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FBUSINESSLICENSESCOPE":
		{
			"name": "FBUSINESSLICENSESCOPE",
			"label": "营业执照经营范围",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FDRUGLICENSEIMG":
		{
			"name": "FDRUGLICENSEIMG",
			"label": "药品许可证图片",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FDRUGLICENSEID":
		{
			"name": "FDRUGLICENSEID",
			"label": "药品许可证号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FDRUGLICENSEDATE":
		{
			"name": "FDRUGLICENSEDATE",
			"label": "药品许可证 有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FDRUGLICENSESCOPE":
		{
			"name": "FDRUGLICENSESCOPE",
			"label": "药品许可证经营范围",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FGSPLICENSEIMG":
		{
			"name": "FGSPLICENSEIMG",
			"label": "GMP/GSP许可证图片",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FGSPLICENSEID":
		{
			"name": "FGSPLICENSEID",
			"label": "GMP/GSP许可证号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FGSPLICENSEDATE":
		{
			"name": "FGSPLICENSEDATE",
			"label": "GMP/GSP许可证有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FGSPLICENSESCOPE":
		{
			"name": "FGSPLICENSESCOPE",
			"label": "GMP/GSP许可证经营范围",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FMEDICALINSTRUMENTIMG":
		{
			"name": "FMEDICALINSTRUMENTIMG",
			"label": "医疗器械许可证图片",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FMEDICALINSTRUMENTID":
		{
			"name": "FMEDICALINSTRUMENTID",
			"label": "医疗器械许可证号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FMEDICALINSTRUMENTDATE":
		{
			"name": "FMEDICALINSTRUMENTDATE",
			"label": "医疗器械许可证有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FMEDICALINSTRUMENTSCOPE":
		{
			"name": "FMEDICALINSTRUMENTSCOPE",
			"label": "医疗器械许可证经营范围",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FHEALTHLICENSEIMG":
		{
			"name": "FHEALTHLICENSEIMG",
			"label": "卫生许可证图片",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FHEALTHLICENSEID":
		{
			"name": "FHEALTHLICENSEID",
			"label": "卫生许可证号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FHEALTHLICENSEDATE":
		{
			"name": "FHEALTHLICENSEDATE",
			"label": "卫生许可证有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FHEALTHLICENSESCOPE":
		{
			"name": "FHEALTHLICENSESCOPE",
			"label": "卫生许可证经营范围",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FFOODBUSINESSLICENSEIMG":
		{
			"name": "FFOODBUSINESSLICENSEIMG",
			"label": "食品经营许可证图片",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FFOODBUSINESSLICENSEID":
		{
			"name": "FFOODBUSINESSLICENSEID",
			"label": "食品经营许可证号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FFOODBUSINESSLICENSEDATE":
		{
			"name": "FFOODBUSINESSLICENSEDATE",
			"label": "食品经营许可证有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FFOODBUSINESSLICENSESCOPE":
		{
			"name": "FFOODBUSINESSLICENSESCOPE",
			"label": "食品经营许可证经营范围",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 200,
			"required": false
		}
		,
		"FORGCODE":
		{
			"name": "FORGCODE",
			"label": "组织机构代码号",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FLEGALPERSONAUTHDATE":
		{
			"name": "FLEGALPERSONAUTHDATE",
			"label": "法人授权有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FQUALITYASSURANCEDATE":
		{
			"name": "FQUALITYASSURANCEDATE",
			"label": "质量保证有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FPURCHASECONTRACTDATE":
		{
			"name": "FPURCHASECONTRACTDATE",
			"label": "购销合同有效期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FNOTE":
		{
			"name": "FNOTE",
			"label": "备注",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 500,
			"required": false
		}
		,
		"FUSERID":
		{
			"name": "FUSERID",
			"label": "用户ID",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FCREATEDATE":
		{
			"name": "FCREATEDATE",
			"label": "创建日期",
			"dbtype": "dbDatetime",
			"fileType": "db",
			"length": 19,
			"required": false
		}
		,
		"FENTERPRISEDESC":
		{
			"name": "FENTERPRISEDESC",
			"label": "企业名称",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
		,
		"FENTERPRISEID":
		{
			"name": "FENTERPRISEID",
			"label": "企业ID",
			"dbtype": "dbString",
			"fileType": "db",
			"length": 50,
			"required": false
		}
	}
	//action: "autoAction",
}
export default BizEntity_jR02Xd;

Ignore Space Show notes View project/demo/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css"> <script src="/freemark/render/assets_platform/vue/vue.min.js"></script> <script src="/freemark/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css"> <script src="/freemark/render/assets_platform/vue/vue.min.js"></script> <script src="/freemark/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <script src="/project/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/demo/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Login</title>
  
  <% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
  <% if(!htmlWebpackPlugin.vite){%>
    <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css">
    <script src="/freemark/render/assets_platform/vue/vue.min.js"></script>
    <script src="/freemark/render/assets_platform/element-ui/index.js"></script>
    
    <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script>
    <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script>
    <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
      <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script>
</head>

</html>

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Login</title>
  
  <% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
  <% if(!htmlWebpackPlugin.vite){%>
    <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css">
    <script src="/freemark/render/assets_platform/vue/vue.min.js"></script>
    <script src="/freemark/render/assets_platform/element-ui/index.js"></script>
    
    <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script>
    <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script>
    <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
      <script src="/project/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script>
</head>

</html>

Ignore Space Show notes View project/hivuiLogin/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css"> <script src="/freemark/render/assets_platform/vue/vue.min.js"></script> <script src="/freemark/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css"> <script src="/freemark/render/assets_platform/vue/vue.min.js"></script> <script src="/freemark/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!--<script src="/项目名/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiLogin/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Login</title>

<% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
  <% if(!htmlWebpackPlugin.vite){%>
    <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css">
    <script src="/freemark/render/assets_platform/vue/vue.min.js"></script>
    <script src="/freemark/render/assets_platform/element-ui/index.js"></script>
    
    <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script>
    <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script>
    <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
      <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script>
</head>

</html>

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Login</title>

<% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
  <% if(!htmlWebpackPlugin.vite){%>
    <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css">
    <script src="/freemark/render/assets_platform/vue/vue.min.js"></script>
    <script src="/freemark/render/assets_platform/element-ui/index.js"></script>
    
    <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script>
    <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script>
    <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
      
</head>

</html>

Ignore Space Show notes View project/hivuiMain/components/tabpanel/panel.vue
<template> <div class="pl-tabs-panel" :title="title" v-show="active" > <div class="pl-loading pl-loading-fixed" v-show="url&&!loaded" ref="dom-loader"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <iframe v-if="hasUrl" @load="handleIframeLoad" :name="'iframe'+name" ref="iframe"></iframe> <slot v-if="!hasUrl"></slot> </div> </template> <script> export default { name:'PTabpanel', props:{ close:[String,Number,Boolean], itemData:Object, title:{ type:String, default:"" }, name:{ type:[String,Number], default:"" }, url:{ type:[String], default:"" }, index:[String,Number] }, data(){ debugger return { scrollTop: 0, loaded: false, hasUrl:!(this.url==null\|\|this.url=='') } }, computed:{ active(){ const active = this.$parent.currentName === this.name; return active; } }, watch:{ active(val){ let ifm = this.$refs["iframe"]; if(val){ this.setIframeSrc(); if (ifm&&ifm.contentDocument) { this.$nextTick(()=>{ //保持原有的滚动位置 ifm.contentDocument.documentElement.scrollTop=this.scrollTop; }); } }else{ if (ifm&&ifm.contentDocument) { //保持原有的滚动位置 this.scrollTop = ifm.contentDocument.documentElement.scrollTop; } } } }, updated() { this.$parent.$emit('tab-nav-update'); }, mounted(){ debugger if(this.active){ // console.log('___________ mounted active ! setIframeSrc') this.setIframeSrc(); } }, beforeDestroy() { // this.offIframeScroll(); }, methods:{ setIframeSrc(){ debugger let ifm = this.$refs['iframe']; if(!this.hasUrl\|\|this.loaded==true){ if (ifm&&ifm.contentDocument) { ifm.contentWindow.document.body.scrollTop = this.scrollTop; } return; } if(ifm&&this.url.indexOf("about:blank")<0){ this.loaded = false; ifm.setAttribute('src',this.url); }else{ this.loaded = true; } }, reload(){ let ifm = this.$refs['iframe']; this.loaded=false; // console.log(' reload this page :',ifm.src,ifm.contentWindow.window.location.href); ifm.contentWindow.location.reload(); }, handleIframeLoad(evt){ // if(this.active==false){ // //如果没有被激活，就不加载 // return; // } let ifm = this.$refs['iframe']; if(this.title==""&& ifm.contentWindow.document.title!=""){ this.$emit("update:title", ifm.contentWindow.document.title); } if(ifm.src!=''&&ifm.src!=="about:blank"){ this.loaded=true; }else{ if(ifm.contentWindow.document.body.innerHTML==""\|\|ifm.contentWindow.document.head.innerHTML==""){ this.loaded=false; }else{ this.loaded=true; } } if (ifm.contentDocument) { ifm.contentWindow.window.addEventListener('beforeunload',()=>{ this.loaded=false;//右击刷新时进行加载状态 }); } this.loaded&&this.$emit('onIframeLoad',this,evt); }, } } </script> <template> <div class="pl-tabs-panel" :title="title" v-show="active" > <div class="pl-loading pl-loading-fixed" v-show="url&&!loaded" ref="dom-loader"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <iframe v-if="hasUrl" @load="handleIframeLoad" :name="'iframe'+name" ref="iframe"></iframe> <slot v-if="!hasUrl"></slot> </div> </template> <script> export default { name:'PTabpanel', props:{ close:[String,Number,Boolean], itemData:Object, title:{ type:String, default:"" }, name:{ type:[String,Number], default:"" }, url:{ type:[String], default:"" }, index:[String,Number] }, data(){ return { scrollTop: 0, loaded: false, hasUrl:!(this.url==null\|\|this.url=='') } }, computed:{ active(){ const active = this.$parent.currentName === this.name; return active; } }, watch:{ active(val){ let ifm = this.$refs["iframe"]; if(val){ this.setIframeSrc(); if (ifm&&ifm.contentDocument) { this.$nextTick(()=>{ //保持原有的滚动位置 ifm.contentDocument.documentElement.scrollTop=this.scrollTop; }); } }else{ if (ifm&&ifm.contentDocument) { //保持原有的滚动位置 this.scrollTop = ifm.contentDocument.documentElement.scrollTop; } } } }, updated() { this.$parent.$emit('tab-nav-update'); }, mounted(){ if(this.active){ // console.log('___________ mounted active ! setIframeSrc') this.setIframeSrc(); } }, beforeDestroy() { // this.offIframeScroll(); }, methods:{ setIframeSrc(){ let ifm = this.$refs['iframe']; if(!this.hasUrl\|\|this.loaded==true){ if (ifm&&ifm.contentDocument) { ifm.contentWindow.document.body.scrollTop = this.scrollTop; } return; } if(ifm&&this.url.indexOf("about:blank")<0){ this.loaded = false; ifm.setAttribute('src',this.url); }else{ this.loaded = true; } }, reload(){ let ifm = this.$refs['iframe']; this.loaded=false; // console.log(' reload this page :',ifm.src,ifm.contentWindow.window.location.href); ifm.contentWindow.location.reload(); }, handleIframeLoad(evt){ // if(this.active==false){ // //如果没有被激活，就不加载 // return; // } let ifm = this.$refs['iframe']; if(this.title==""&& ifm.contentWindow.document.title!=""){ this.$emit("update:title", ifm.contentWindow.document.title); } if(ifm.src!=''&&ifm.src!=="about:blank"){ this.loaded=true; }else{ if(ifm.contentWindow.document.body.innerHTML==""){ this.loaded=false; }else{ this.loaded=true; } } if (ifm.contentDocument) { ifm.contentWindow.window.addEventListener('beforeunload',()=>{ this.loaded=false;//右击刷新时进行加载状态 }); } this.loaded&&this.$emit('onIframeLoad',this,evt); }, } } </script>

Ignore Space Show notes View

project/hivuiMain/components/tabpanel/panel.vue

if (ifm.contentDocument) { 
                ifm.contentWindow.window.addEventListener('beforeunload',()=>{
                    this.loaded=false;//右击刷新 时进行加载状态
                });
            }

this.loaded&&this.$emit('onIframeLoad',this,evt);
        },
    }
}
</script>

this.loaded&&this.$emit('onIframeLoad',this,evt);
        },
    }
}
</script>

Ignore Space Show notes View project/hivuiMain/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css"> <script src="/freemark/render/assets_platform/vue/vue.min.js"></script> <script src="/freemark/render/assets_platform/vuex/vuex.min.js"></script> <script src="/freemark/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="/freemark/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <!-- <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img src="./assets/logo_max.png" /> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> function changeLayout(name) { window.localStorage.setItem('layout', name) window.location.reload(); } var Scp = { User: { id: "admin", name: "管理员", deptId: "", deptName: "", positionId: "GLY", postionName: "管理员", bzId: "admin_3", bzName: "管理员岗位3", bzDeptId: ".WLDJT.DGS", bzDeptName: "D公司", bzPositionId: "HQRY", bzPositionName: "后勤人员", orgId: "admin_3", defOrgId: "admin_3" } } var __guid = new Date().valueOf(); var __sysConfig = { events: { onLoad1: function () { } }, projectName: "eaptpl", sysProjectMange: { id: __guid++, name: '工程树', iconClass: 'icon-tree', uri: 'amreport/designer/tree/design.do', url: '/amrept-web/amreport/designer/tree/design.do' }, sysLoadLogo: { src: '', title: '中海创科技' }, sysLogo: { src: '', title: '中海创科技' }, //默认门户对应自定义门户功能 sysSetTabs: [ { title: '任务中心', id: __guid++, close: false, url: '#taskCenter', }, { title: '首页', id: __guid++, close: false, type: 'home', actived: true //默认选中 } // ,{ // title:'工作台', // id: __guid++, // close:false, // type:'work' // } ], //默认打开功能 sysDefTabs: [ // { // id: __guid++, // title:"设计", // url:'http://192.168.7.109:9090/#/design', // close:true, // }, // { // id: __guid++, // title:"百度功能测试", // url:'http://www.baidu.com', // close:true // }, // { // id: __guid++, // title:"bing", // url:'https://cn.bing.com/', // close:true // } ], sysList: [ ], sysFuncMenus: [ { id: __guid++, name: '系统管理', url: window.HIVUI_SETTING.sysManageUrl + "/?pn=" + window.HIVUI_SETTING.projectName, iconClass: 'icon-set-fill', target: '_blank', type: 'widthToken', }, { id: __guid++, name: '<font color=red>邮件系统</font>', url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows', iconClass: 'icon-mail', target: '_blank', }, { type: 'split' }, { id: __guid++, name: '布局', type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: '上下布局', handler: function () { changeLayout(this.id) } }, { id: 'level', name: '左右布局', handler: function () { changeLayout(this.id) } } ] }, { type: 'split' }, { id: __guid++, name: '用户信息', type: 'userInfo', iconClass: 'icon-user', children: [ { id: __guid++, name: '部门：AF10', iconClass: 'icon-user', actived: true }, { id: __guid++, html: '<font color=red>访问下属111</font>', name: '<font color=red>访问下属</font>', iconClass: 'icon-user', children: [ { name: "张三", id: __guid++ }, { name: "李四", id: __guid++ }, ] }, { id: __guid++, name: '修改密码', iconClass: '', handler: function () { alert('访问下属'); } } ] }, { type: 'split' } ], } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css"> <script src="/freemark/render/assets_platform/vue/vue.min.js"></script> <script src="/freemark/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/项目名/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img src="./assets/logo_max.png"/> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> function changeLayout(name) { window.localStorage.setItem('layout', name) window.location.reload(); } var Scp = { User: { id: "admin", name: "管理员", deptId: "", deptName: "", positionId: "GLY", postionName: "管理员", bzId: "admin_3", bzName: "管理员岗位3", bzDeptId: ".WLDJT.DGS", bzDeptName: "D公司", bzPositionId: "HQRY", bzPositionName: "后勤人员", orgId: "admin_3", defOrgId: "admin_3" } } var __guid = new Date().valueOf(); var __sysConfig = { events: { onLoad1: function () { } }, projectName: "eaptpl", sysProjectMange: { id: __guid++, name: '工程树', iconClass: 'icon-tree', uri: 'amreport/designer/tree/design.do', url: '/amrept-web/amreport/designer/tree/design.do' }, sysLoadLogo: { src: '', title: '中海创科技' }, sysLogo: { src: '', title: '中海创科技' }, //默认门户对应自定义门户功能 sysSetTabs: [ { title: '任务中心', id: __guid++, close: false, url: '#taskCenter', }, { title: '首页', id: __guid++, close: false, type: 'home', actived: true //默认选中 } // ,{ // title:'工作台', // id: __guid++, // close:false, // type:'work' // } ], //默认打开功能 sysDefTabs: [ // { // id: __guid++, // title:"设计", // url:'http://192.168.7.109:9090/#/design', // close:true, // }, // { // id: __guid++, // title:"百度功能测试", // url:'http://www.baidu.com', // close:true // }, // { // id: __guid++, // title:"bing", // url:'https://cn.bing.com/', // close:true // } ], sysList: [ ], sysFuncMenus: [ { id: __guid++, name: '系统管理', url: window.HIVUI_SETTING.sysManageUrl+"/?pn="+window.HIVUI_SETTING.projectName, iconClass: 'icon-set-fill', target: '_blank', type:'widthToken', }, { id: __guid++, name: '<font color=red>邮件系统</font>', url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows', iconClass: 'icon-mail', target: '_blank', }, { type: 'split' }, { id: __guid++, name: '布局', type: 'layout', iconClass: 'icon-user', children: [ { id: 'vertical', name: '上下布局', handler: function () { changeLayout(this.id) } }, { id: 'level', name: '左右布局', handler: function () { changeLayout(this.id) } } ] }, { type: 'split' }, { id: __guid++, name: '用户信息', type: 'userInfo', iconClass: 'icon-user', children: [ { id: __guid++, name: '部门：AF10', iconClass: 'icon-user', actived: true }, { id: __guid++, html: '<font color=red>访问下属111</font>', name: '<font color=red>访问下属</font>', iconClass: 'icon-user', children: [ { name: "张三", id: __guid++ }, { name: "李四", id: __guid++ }, ] }, { id: __guid++, name: '修改密码', iconClass: '', handler: function () { alert('访问下属'); } } ] }, { type: 'split' } ], } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiMain/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Main</title>

<% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/vuex/vuex.min.js"></script>
    <script src="/assets_platform/vue-router/vue-router.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>
    
    <%}%>
      <% if(!htmlWebpackPlugin.vite){%>
        <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css">
        <script src="/freemark/render/assets_platform/vue/vue.min.js"></script>
        <script src="/freemark/render/assets_platform/vuex/vuex.min.js"></script>
        <script src="/freemark/render/assets_platform/vue-router/vue-router.min.js"></script>
        <script src="/freemark/render/assets_platform/element-ui/index.js"></script>
        
        
        <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script>
        <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script>
        <%}%>
          <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script>
</head>

</div>
  </div>
  <script>
    function changeLayout(name) {
      window.localStorage.setItem('layout', name)
      window.location.reload();
    }
    var Scp = {
      User: {
        id: "admin",
        name: "管理员",
        deptId: "",
        deptName: "",
        positionId: "GLY",
        postionName: "管理员",
        bzId: "admin_3",
        bzName: "管理员岗位3",
        bzDeptId: ".WLDJT.DGS",
        bzDeptName: "D公司",
        bzPositionId: "HQRY",
        bzPositionName: "后勤人员",
        orgId: "admin_3",
        defOrgId: "admin_3"
      }
    }
    var __guid = new Date().valueOf();
    var __sysConfig = {
      events: {
        onLoad1: function () {

}
      },
      projectName: "eaptpl",
      sysProjectMange: {
        id: __guid++,
        name: '工程树',
        iconClass: 'icon-tree',
        uri: 'amreport/designer/tree/design.do',
        url: '/amrept-web/amreport/designer/tree/design.do'
      },
      sysLoadLogo: {
        src: '',
        title: '中海创科技'
      },
      sysLogo: {
        src: '',
        title: '中海创科技'
      },
      //默认门户   对应自定义门户功能
      sysSetTabs: [
        {
          title: '任务中心',
          id: __guid++,
          close: false,
          url: '#taskCenter',
        },
        {
          title: '首页',
          id: __guid++,
          close: false,
          type: 'home',
          actived: true //默认选中
        }
        // ,{
        //     title:'工作台',
        //     id: __guid++,
        //     close:false,
        //     type:'work'
        // }
      ],
      //默认 打开功能
      sysDefTabs: [
        // {
        //   id: __guid++,
        //   title:"设计",
        //   url:'http://192.168.7.109:9090/#/design',
        //   close:true,
        // },
        // {
        //   id: __guid++,
        //   title:"百度功能测试",
        //   url:'http://www.baidu.com',
        //   close:true
        // },
        // {
        //   id: __guid++,
        //   title:"bing",
        //   url:'https://cn.bing.com/',
        //   close:true
        // }
      ],
      sysList: [

],
      sysFuncMenus: [
        {
          id: __guid++,
          name: '系统管理',
          url: window.HIVUI_SETTING.sysManageUrl + "/?pn=" + window.HIVUI_SETTING.projectName,
          iconClass: 'icon-set-fill',
          target: '_blank',
          type: 'widthToken',
        },
        {
          id: __guid++,
          name: '<font color=red>邮件系统</font>',
          url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows',
          iconClass: 'icon-mail',
          target: '_blank',
        },
        { type: 'split' },
        {
          id: __guid++,
          name: '布局',
          type: 'layout',
          iconClass: 'icon-user',
          children: [
            {
              id: 'vertical',
              name: '上下布局',
              handler: function () {
                changeLayout(this.id)
              }
            },
            {
              id: 'level',
              name: '左右布局',
              handler: function () {
                changeLayout(this.id)
              }
            }
          ]
        },
        { type: 'split' },
        {
          id: __guid++,
          name: '用户信息',
          type: 'userInfo',
          iconClass: 'icon-user',
          children: [
            {
              id: __guid++,
              name: '部门：AF10',
              iconClass: 'icon-user',
              actived: true
            },
            {
              id: __guid++,
              html: '<font color=red>访问下属111</font>',
              name: '<font color=red>访问下属</font>',
              iconClass: 'icon-user',
              children: [
                { name: "张三", id: __guid++ },
                { name: "李四", id: __guid++ },
              ]
            },
            {
              id: __guid++,
              name: '修改密码', iconClass: '',
              handler: function () {
                alert('访问下属');
              }
            }
          ]
        },
        { type: 'split' }
      ],
    }
  </script>
  <% if(htmlWebpackPlugin.vite==true){%>
    <script type="module" src="./index.js"></script>
    <%}%>
      
</body>

</html>

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>EAP5-Admin-Main</title>
  
  <% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
  <% if(!htmlWebpackPlugin.vite){%>
    <link rel="stylesheet" href="/freemark/render/assets_platform/element-ui/index.css">
    <script src="/freemark/render/assets_platform/vue/vue.min.js"></script>
    <script src="/freemark/render/assets_platform/element-ui/index.js"></script>
    
    <script src="/freemark/render/assets_platform/vendor_dll/vuelibs.dll.js"></script>
    <script src="/freemark/render/assets_platform/vendor_dll/vendor.dll.js"></script>
    <script src="/freemark/render/assets_platform/eap/eap.umd.min.js"></script>
  <%}%>
  
</head>

<body>
  <div id="app">  	
    <div style="padding:50px 0;text-align:center;">
      <div>
        <img src="./assets/logo_max.png"/>
      </div>
      <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div>
      
    </div>
  </div>
  <script>
    function changeLayout(name) {
      window.localStorage.setItem('layout', name)
      window.location.reload();
    }
    var Scp = {
      User: {
        id: "admin",
        name: "管理员",
        deptId: "",
        deptName: "",
        positionId: "GLY",
        postionName: "管理员",
        bzId: "admin_3",
        bzName: "管理员岗位3",
        bzDeptId: ".WLDJT.DGS",
        bzDeptName: "D公司",
        bzPositionId: "HQRY",
        bzPositionName: "后勤人员",
        orgId: "admin_3",
        defOrgId: "admin_3"
      }
    }
    var __guid = new Date().valueOf();
    var __sysConfig = {
      events: {
        onLoad1: function () {

],
      sysFuncMenus: [
        {
          id: __guid++,
          name: '系统管理',
          url: window.HIVUI_SETTING.sysManageUrl+"/?pn="+window.HIVUI_SETTING.projectName,
          iconClass: 'icon-set-fill',
          target: '_blank',
          type:'widthToken',
        },
        {
          id: __guid++,
          name: '<font color=red>邮件系统</font>',
          url: 'http://hcmail.histron.cn:8001/webmail/index.do?osName=windows',
          iconClass: 'icon-mail',
          target: '_blank',
        },
        { type: 'split' },
        {
          id: __guid++,
          name: '布局',
          type: 'layout',
          iconClass: 'icon-user',
          children: [
            {
              id: 'vertical',
              name: '上下布局',
              handler: function () {
                changeLayout(this.id)
              }
            },
            {
              id: 'level',
              name: '左右布局',
              handler: function () {
                changeLayout(this.id)
              }
            }
          ]
        },
        { type: 'split' },
        {
          id: __guid++,
          name: '用户信息',
          type: 'userInfo',
          iconClass: 'icon-user',
          children: [
            {
              id: __guid++,
              name: '部门：AF10',
              iconClass: 'icon-user',
              actived: true
            },
            {
              id: __guid++,
              html: '<font color=red>访问下属111</font>',
              name: '<font color=red>访问下属</font>',
              iconClass: 'icon-user',
              children: [
                { name: "张三", id: __guid++ },
                { name: "李四", id: __guid++ },
              ]
            },
            {
              id: __guid++,
              name: '修改密码', iconClass: '',
              handler: function () {
                alert('访问下属');
              }
            }
          ]
        },
        { type: 'split' }
      ],
    }
  </script>
  <% if(htmlWebpackPlugin.vite==true){%>
    <script type="module" src="./index.js"></script>
  <%}%>
  
</body>

</html>

Ignore Space Show notes View project/hivuiMain/index.js
// import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import './assets/iconfonts/iconfont.css' import './assets/page.less' // import 'normalize.css' import './permission' // permission control // import ELEMENT from 'element-ui'; // import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ELEMENT, { size: 'mini' }) import GeminiScrollbar from 'vue-gemini-scrollbar' Vue.use(GeminiScrollbar) import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` /任务中心/ import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) Vue.config.productionTip = false Vue.directive('add2Body', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { document.body.appendChild(el); } }); Vue.prototype.$lang = function(key){ if(Scp&&Scp.lang&&Scp.lang["Portal.Page"]){ return Scp.lang["Portal.Page"][key]\|\|""; }else{ return ""; } } let hiSetting = HIVUI_SETTING; Vue.prototype.$HI = { projectName: hiSetting.projectName, request: hiSetting.request, queryOperate: hiSetting.queryOperate, pageSize: 20, saveUrl: hiSetting.saveUrl, queryUrl: hiSetting.queryUrl, datasetUrl: hiSetting.datasetUrl, policyUrl: hiSetting.policyUrl, upload: hiSetting.upload, download: hiSetting.download, review: hiSetting.review, getFlowInfo: hiSetting.getFlowInfo, getApprovalInfo: hiSetting.getApprovalInfo, processFlow: hiSetting.processFlow, queryTask: hiSetting.queryTask, withdrawtask: hiSetting.withdrawtask, taskDiagram: hiSetting.taskDiagram, openOrdernumber: hiSetting.openOrdernumber, editorImgServer :hiSetting.review+"?relativePath=" }; new Vue({ router, store, render: h => h(App) }).$mount('#app') import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import './assets/iconfonts/iconfont.css' import './assets/page.less' // import 'normalize.css' import './permission' // permission control import GeminiScrollbar from 'vue-gemini-scrollbar' Vue.use(GeminiScrollbar) import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` /任务中心/ // import ElementUI from 'element-ui'; // import 'element-ui/lib/theme-chalk/index.css'; // Vue.use(ElementUI); import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from "hi-taskcenter"; Vue.use(hitaskcenter) Vue.config.productionTip = false Vue.directive('add2Body', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { document.body.appendChild(el); } }); Vue.prototype.$lang = function(key){ if(Scp&&Scp.lang&&Scp.lang["Portal.Page"]){ return Scp.lang["Portal.Page"][key]\|\|""; }else{ return ""; } } new Vue({ router, store, render: h => h(App) }).$mount('#app')

Ignore Space Show notes View

project/hivuiMain/index.js

// import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/iconfonts/iconfont.css'
import './assets/page.less'
// import 'normalize.css'
import './permission' // permission control

// import ELEMENT from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ELEMENT, {
  size: 'mini'
})

import GeminiScrollbar from 'vue-gemini-scrollbar'
Vue.use(GeminiScrollbar) 
import Message from './components/vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
/*任务中心*/
import 'zhc-flowchart/lib/zhc-flowchart.css'
import  zhcflowchart from "zhc-flowchart";
Vue.use(zhcflowchart) 
Vue.config.productionTip = false

Vue.directive('add2Body', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    document.body.appendChild(el);
  }
});
Vue.prototype.$lang = function(key){
  if(Scp&&Scp.lang&&Scp.lang["Portal.Page"]){
    return Scp.lang["Portal.Page"][key]||"";
  }else{
    return "";
  }
}
let hiSetting = HIVUI_SETTING;
Vue.prototype.$HI = {
  projectName: hiSetting.projectName,
  request: hiSetting.request,
  queryOperate: hiSetting.queryOperate,
  pageSize: 20,
  saveUrl: hiSetting.saveUrl,
  queryUrl: hiSetting.queryUrl,
  datasetUrl: hiSetting.datasetUrl,
  policyUrl: hiSetting.policyUrl,
  upload: hiSetting.upload,
  download: hiSetting.download,
  review: hiSetting.review,
  getFlowInfo: hiSetting.getFlowInfo,
  getApprovalInfo: hiSetting.getApprovalInfo,
  processFlow: hiSetting.processFlow,
  queryTask: hiSetting.queryTask,
  withdrawtask: hiSetting.withdrawtask,
  taskDiagram: hiSetting.taskDiagram,
  openOrdernumber: hiSetting.openOrdernumber,
  editorImgServer :hiSetting.review+"?relativePath="
};
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/iconfonts/iconfont.css'
import './assets/page.less'
// import 'normalize.css'
import './permission' // permission control 
import GeminiScrollbar from 'vue-gemini-scrollbar'
Vue.use(GeminiScrollbar) 
import Message from './components/vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
/*任务中心*/
// import ElementUI from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';
// Vue.use(ElementUI);
import 'zhc-flowchart/lib/zhc-flowchart.css'
import  zhcflowchart from "zhc-flowchart";
Vue.use(zhcflowchart)
import "hi-taskcenter/hi-taskcenter.css"
import hitaskcenter from "hi-taskcenter";
Vue.use(hitaskcenter)
Vue.config.productionTip = false

Ignore Space Show notes View project/hivuiMain/router.js
// import Vue from 'vue' // import VueRouter from 'vue-router' import Layout from './views/layout/index.vue' //import Home from './views/Home.vue' import Design from './views/design/index.vue' import store from './store/index' // Vue.use(VueRouter) const router =new VueRouter({ //mode: 'history', mode: 'hash', // base: import.meta.env.VITE_BASE_URL, routes: [ { path: '/', name: 'home', meta: {}, component: Layout },{ path: '/design', name: 'design', meta: { title: '门户自定义'}, component: Design },{ path: '/taskCenter', name: 'taskCenter', meta: {}, component: () => import( './views/taskCenter.vue') },{ path: '/About', name: 'About', meta: {}, component: () => import( './views/About.vue') }, { path: '/test', name: 'testApi', meta: {}, component: () => import( './views/test/index.vue') }, /* { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. // webpackChunkName: "about" component: () => import( './views/About.vue') }, / { path: '', name: 'home', meta: {}, component: Layout }, ] }) export default router; import Vue from 'vue' import Router from 'vue-router' import Layout from './views/layout/index.vue' //import Home from './views/Home.vue' import Design from './views/design/index.vue' import store from './store/index' Vue.use(Router) const router =new Router({ //mode: 'history', mode: 'hash', // base: import.meta.env.VITE_BASE_URL, routes: [ { path: '/', name: 'home', meta: {}, component: Layout },{ path: '/design', name: 'design', meta: { title: '门户自定义'}, component: Design },{ path: '/taskCenter', name: 'taskCenter', meta: {}, component: () => import( './views/taskCenter.vue') },{ path: '/About', name: 'About', meta: {}, component: () => import( './views/About.vue') }, { path: '/test', name: 'testApi', meta: {}, component: () => import( './views/test/index.vue') }, /* { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. // webpackChunkName: "about" component: () => import( './views/About.vue') }, / { path: '', name: 'home', meta: {}, component: Layout }, ] }) export default router;

Ignore Space Show notes View

project/hivuiMain/router.js

// import Vue from 'vue'
// import VueRouter from 'vue-router'
import Layout from './views/layout/index.vue'
//import Home from './views/Home.vue'
import Design from './views/design/index.vue'
import store from './store/index'

// Vue.use(VueRouter)

const router =new VueRouter({
  //mode: 'history',
  mode: 'hash',
  // base: import.meta.env.VITE_BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      meta: {},
      component: Layout
    },{
      path: '/design',
      name: 'design',
      meta: { title: '门户自定义'},
      component: Design
    },{
      path: '/taskCenter',
      name: 'taskCenter',
      meta: {},
      component: () => import( './views/taskCenter.vue')
    },{
      path: '/About',
      name: 'About',
      meta: {},
      component: () => import( './views/About.vue')
    },
    {
      path: '/test',
      name: 'testApi',
      meta: {},
      component: () => import( './views/test/index.vue')
    },
    /*
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      // webpackChunkName: "about" 
      component: () => import( './views/About.vue')
    },
    */ 
    {
      path: '*',
      name: 'home',
      meta: {},
      component: Layout
    },
  ]
}) 
export default router;

import Vue from 'vue'
import Router from 'vue-router'
import Layout from './views/layout/index.vue'
//import Home from './views/Home.vue'
import Design from './views/design/index.vue'
import store from './store/index'

Vue.use(Router)

const router =new Router({
  //mode: 'history',
  mode: 'hash',
  // base: import.meta.env.VITE_BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      meta: {},
      component: Layout
    },{
      path: '/design',
      name: 'design',
      meta: { title: '门户自定义'},
      component: Design
    },{
      path: '/taskCenter',
      name: 'taskCenter',
      meta: {},
      component: () => import( './views/taskCenter.vue')
    },{
      path: '/About',
      name: 'About',
      meta: {},
      component: () => import( './views/About.vue')
    },
    {
      path: '/test',
      name: 'testApi',
      meta: {},
      component: () => import( './views/test/index.vue')
    },
    /*
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      // webpackChunkName: "about" 
      component: () => import( './views/About.vue')
    },
    */ 
    {
      path: '*',
      name: 'home',
      meta: {},
      component: Layout
    },
  ]
}) 
export default router;

Ignore Space Show notes View project/hivuiMain/store/index.js
// import Vue from 'vue' // import Vuex from 'vuex' import app from './modules/app' import portal from './modules/portal' import user from './modules/user' import getters from './getters' Vue.use(Vuex) export default new Vuex.Store({ modules:{ portal, app, user }, getters, state: { appStatus:'loading'//failed , loading ,success }, mutations: { SET_appStatus(state,str){ state.appStatus = str; } }, actions: { async initApp(me){ // await me.dispatch('user/load') //await me.dispatch('app/getPowers')//权限 // console.log('//权限 end') // await me.dispatch('app/getMenus')//菜单 // console.log('//菜单 end') // await me.dispatch('app/getLatelyUse')//最近使用 // console.log('//最近使用 end') //await me.dispatch('app/getQuickNav')//快速导航 // console.log('//快速导航 end') // await me.dispatch('portal/loadColumns')//栏目功能 // console.log('//栏目功能 end') // await me.dispatch('portal/loadList')//工作台门户列表 // console.log('//工作台门户列表 end') // await me.dispatch('portal/loadSysList')//系统门户列表 // console.log('//系统门户列表 end') }, setAppLoad({state,commit},status){ commit('SET_appStatus',status); } } }) import Vue from 'vue' import Vuex from 'vuex' import app from './modules/app' import portal from './modules/portal' import user from './modules/user' import getters from './getters' Vue.use(Vuex) export default new Vuex.Store({ modules:{ portal, app, user }, getters, state: { appStatus:'loading'//failed , loading ,success }, mutations: { SET_appStatus(state,str){ state.appStatus = str; } }, actions: { async initApp(me){ // await me.dispatch('user/load') //await me.dispatch('app/getPowers')//权限 // console.log('//权限 end') await me.dispatch('app/getMenus')//菜单 // console.log('//菜单 end') // await me.dispatch('app/getLatelyUse')//最近使用 // console.log('//最近使用 end') //await me.dispatch('app/getQuickNav')//快速导航 // console.log('//快速导航 end') // await me.dispatch('portal/loadColumns')//栏目功能 // console.log('//栏目功能 end') // await me.dispatch('portal/loadList')//工作台门户列表 // console.log('//工作台门户列表 end') // await me.dispatch('portal/loadSysList')//系统门户列表 // console.log('//系统门户列表 end') }, setAppLoad({state,commit},status){ commit('SET_appStatus',status); } } })

Ignore Space Show notes View

project/hivuiMain/store/index.js

// import Vue from 'vue'
// import Vuex from 'vuex'
import app from './modules/app'
import portal from './modules/portal'
import user from './modules/user'
import getters from './getters'

Vue.use(Vuex)
export default new Vuex.Store({
  modules:{
    portal,
    app,
    user
  }, 
  getters,
  state: {
    appStatus:'loading'//failed , loading ,success
  },
  mutations: {
    SET_appStatus(state,str){
      state.appStatus = str;
    }
  },
  actions: {
    async initApp(me){
      // await me.dispatch('user/load')
      //await me.dispatch('app/getPowers')//权限
      // console.log('//权限 end')
      // await me.dispatch('app/getMenus')//菜单
      // console.log('//菜单 end')
      // await me.dispatch('app/getLatelyUse')//最近使用 
      // console.log('//最近使用 end')   
      //await me.dispatch('app/getQuickNav')//快速导航
      // console.log('//快速导航 end')
      // await me.dispatch('portal/loadColumns')//栏目功能
      // console.log('//栏目功能 end')
      // await me.dispatch('portal/loadList')//工作台门户列表
      // console.log('//工作台门户列表 end')
      // await me.dispatch('portal/loadSysList')//系统门户列表
      // console.log('//系统门户列表 end')
    },
    setAppLoad({state,commit},status){
      commit('SET_appStatus',status);
    }
  }
})

import Vue from 'vue'
import Vuex from 'vuex'
import app from './modules/app'
import portal from './modules/portal'
import user from './modules/user'
import getters from './getters'

Vue.use(Vuex)
export default new Vuex.Store({
  modules:{
    portal,
    app,
    user
  }, 
  getters,
  state: {
    appStatus:'loading'//failed , loading ,success
  },
  mutations: {
    SET_appStatus(state,str){
      state.appStatus = str;
    }
  },
  actions: {
    async initApp(me){
      // await me.dispatch('user/load')
      //await me.dispatch('app/getPowers')//权限
      // console.log('//权限 end')
      await me.dispatch('app/getMenus')//菜单
      // console.log('//菜单 end')
      // await me.dispatch('app/getLatelyUse')//最近使用 
      // console.log('//最近使用 end')   
      //await me.dispatch('app/getQuickNav')//快速导航
      // console.log('//快速导航 end')
      // await me.dispatch('portal/loadColumns')//栏目功能
      // console.log('//栏目功能 end')
      // await me.dispatch('portal/loadList')//工作台门户列表
      // console.log('//工作台门户列表 end')
      // await me.dispatch('portal/loadSysList')//系统门户列表
      // console.log('//系统门户列表 end')
    },
    setAppLoad({state,commit},status){
      commit('SET_appStatus',status);
    }
  }
})

Ignore Space Show notes View project/hivuiMain/views/layout/components/Main.vue
<template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> import { baseURL, codeProjectName } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils"; // import { type } from "os"; import md5 from "md5"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { debugger let cfg = this.$store.state.app.config \|\| {}; let defTabs = cfg.sysDefTabs \|\| []; let setTabs = cfg.sysSetTabs \|\| []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); console.log('page default open tabs :',defTabs); //系统菜单后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { uriStr = baseURL + codeProjectName + item.resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"\|\|menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true //默认选中 }); break; } } debugger console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /** * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 / addTab(url, title, uid, onLoad, nearest, renderedFn) { if (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = setUrlValue(url, "__tabId", uid); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https\|http\|ftp\|rtsp\|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; console.log( "onload replace links href,on iframe ", Scp.Setting.appRoot, url ); if ( !reg.test(url) && url.indexOf(Scp.Setting.appRoot) < 0 ) { url = Scp.Setting.appRoot + url; } Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 return false; } if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null \|\| panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [panel.name]); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] \|\| tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false \|\| tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false \|\| i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, }, }; </script> <style scoped> </style> <template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> import { baseURL, codeProjectName } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils"; // import { type } from "os"; import md5 from "md5"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { let cfg = this.$store.state.app.config \|\| {}; let defTabs = cfg.sysDefTabs \|\| []; let setTabs = cfg.sysSetTabs \|\| []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); console.log('page default open tabs :',defTabs); //系统菜单后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { uriStr = baseURL + codeProjectName + item.resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"\|\|menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let id = md5(uriStr); uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true //默认选中 }); break; } } console.log('sys default tabs :', list); return { defTabKey: defTabKey \|\| "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /* * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 */ addTab(url, title, uid, onLoad, nearest, renderedFn) { if (!(url == "" \|\| url == "about:blank")) { uid = md5(url); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = setUrlValue(url, "__tabId", uid); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https\|http\|ftp\|rtsp\|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; console.log( "onload replace links href,on iframe ", Scp.Setting.appRoot, url ); if ( !reg.test(url) && url.indexOf(Scp.Setting.appRoot) < 0 ) { url = Scp.Setting.appRoot + url; } Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 return false; } if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null \|\| panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [panel.name]); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] \|\| tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false \|\| tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false \|\| i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false \|\| i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, }, }; </script> <style scoped> </style>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/Main.vue

<template>
    <div class="pl-main">
        <p-tabs
            ref="cmp-tabs"
            v-model="defTabKey"
            @onActiveTab="handleActiveTab"
            @onRemoveTab="handleRemoveTab"
            @onRemoveAllTab="handleRemoveAllTab"
            @onRemoveLeft="handleRemoveLeftTab"
            @onRemoveRight="handleRemoveRightTab"
            @onRemoveOther="handleRemoveOtherTab"
            @onFullScreen="handleFullScreen"
        >
            <p-tabpanel
                v-for="(item,index) in tabList"
                :key="item.id"
                :close="item.close"
                :title.sync="item.title"
                :name="item.id"
                :url="item.url"
                :itemData="item"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="protalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
    </div>
</template>
<script>
import { baseURL, codeProjectName } from "@main/config";
import { PTabs, PTabpanel } from "@main/components/tabpanel";
import PortalUser from "@main/views/Portal/user";
import PortalSys from "@main/views/Portal/sys";
import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils";
// import { type } from "os";
import md5 from "md5";
export default {
    inject: ["addTab", "showTab", "hideTab"],
    components: {
        PTabs,
        PTabpanel,
        PortalUser,
        PortalSys,
    },
    data() {
        debugger
        let cfg = this.$store.state.app.config || {};
        let defTabs = cfg.sysDefTabs || [];
        let setTabs = cfg.sysSetTabs || [];
        let list = [],
            defTabKey = "";
        defTabs = setTabs.concat(defTabs);
        defTabs.map((item, i) => {
            let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = setUrlValue(item.url, "__tabId", id);
            }
            list.push({
                title: item.title,
                url: item.url,
                close: item.close,
                id: id,
                type: item.type,
            });
        });
        console.log('page default open tabs :',defTabs);
        //系统菜单 后台默认配激活
        let menusDef2Tabs = this.$store.getters.defTabs,
            uriStr = "";
        console.log('menus default open tabs :',defTabs);
        menusDef2Tabs.map((item, i) => {
            uriStr = baseURL + codeProjectName + item.resUrl;
            let id = md5(uriStr);
            uriStr = setUrlValue(uriStr, "__tabId", id);
            list.push({
                title: item.name,
                url: uriStr,
                close: true,
                id: id,
                type: item.type,
            });
        });
        // console.log('系统菜单',list);

//第三方跳转过来地址自动打开功能tab
        let menusList = this.$store.getters.menusList;
        let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath));
        for (let i = menusList.length - 1; i >= 0; i--) {
            if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) {
                console.log('跳转进来的功能：',searchObj.portal_func);
                //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111
                delete searchObj.portal_func;
                let uriStr = baseURL + codeProjectName + menusList[i].resUrl;
                let id = md5(uriStr);
                uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr));
                for(let key in searchObj){
                    uriStr = setUrlValue(uriStr,key,searchObj[key]);
                }
                let inMenu = false;
                for (let j = list.length - 1; j >= 0; j--) {
                    if (list[j].id == id) {
                        inMenu = true;
                        break;
                    }
                }
                if (inMenu) break;
                defTabKey = id;
                list.push({
                    id: id,
                    title: menusList[i].name,
                    url: uriStr,
                    close: true,
                    actived:true //默认选中
                });
                break;
            }
        }
        debugger
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
        };
    },
    mounted() {
        // console.log('主界面初始化~！');
        let me = this,
            cTabs = this.$refs["cmp-tabs"];
        window.Sys = {
            isVue: true,
            addEvent(evtName, fn) {
                //onLoad
                Bus.$on(evtName, fn);
            },
            tabPanel: {
                autoResize() {
                    cTabs.resize();
                },
            },
            getSideNavs() {
                return [...me.$store.getters.navs];
            },
            setSideNavs(data) {
                if (data == null && !(data instanceof Array)) return;
                //me.$store.dispatch("app/setQuickNav", data);
            },
            /**
             * @param {} url
             * @param {} title
             * @param {} uid
             * @param {} onLoad    //iframe 加载后
             * @param {} nearest  //标签页是否紧接在其右侧打开
             * @param {} renderedFn //渲染回调
             */
            addTab(url, title, uid, onLoad, nearest, renderedFn) { 
                if (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                let tabs = me.tabList.filter((item, index) => {
                    return item.id == uid;
                });
                if (tabs.length) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

if (getUrlValue(url, "__tabId") == "") {
                    //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                    url = setUrlValue(url, "__tabId", uid);
                }

me.tabList.push({
                    title: title,
                    url: url,
                    close: true,
                    id: uid,
                    listeners: {
                        load: onLoad,
                    },
                });
                me.defTabKey = uid;
                // window.____renderFunc = renderedFn;
                me.$nextTick(
                    (function (fn, _uid) {
                        return function () {
                            let tab = cTabs.getItemObj(_uid);
                            fn && fn(tab);
                        };
                    })(renderedFn, uid)
                );
                console.log('  addTab  ',me.tabList);
            },
            getTab(uid) {
                return cTabs.getItemObj(uid);
            },
            seldTab(uid) {
                cTabs.defTabKey = uid;
            },
            getSeldTab() {
                return cTabs.getSeldItemObj();
            },
            refreshTab(uid) {
                let tab = cTabs.getItemObj(uid);
                tab &&
                    tab.tabPanelIframeEl.contentWindow.window.location.reload();
            },
            //closeTab
            colseTab(uid) {
                cTabs.closeItem(uid);
            },
            colseSeldTab() {
                cTabs.closeCurItem();
            },
        };

if (this.defTabKey == "" && this.tabList.length)
            this.defTabKey = this.tabList[0].id;
        //默认如果指向下面两个的话，标识一下已经加载过
        if (this.$refs["protalSysHome"]) {
            //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
            // console.log('加载系统门户列表~！');
            let itemData = this.$refs["protalSysHome"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["protalSysHome"][0].actived = true;
            }
        }
        if (this.$refs["portalUserWork"]) {
            //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
            // console.log('加载工作台门户列表~！');
            let itemData = this.$refs["portalUserWork"][0].itemData;
            if (itemData.id == this.defTabKey) {
                this.$refs["portalUserWork"][0].actived = true;
            }
        }
        let events = this.sysConfig.events;
        if (events) {
            this.$nextTick((r) => {
                events.onLoad && events.onLoad();
            });
        }
    },
    methods: {
        //将框架页里头的a 标签进行转换
        initATagUrl(el) {
            let aList = el.querySelectorAll("a");
            aList.forEach(function (aTag, i) {
                if (aTag.href) {
                    var httpUrl = new RegExp(
                        "^((https|http|ftp|rtsp|mms)?://)"
                    );
                    if (
                        httpUrl.test(
                            aTag.href.replace(window.location.origin, "")
                        )
                    ) {
                        return false;
                    }
                    if (!aTag.onclick) {
                        if (aTag.target == "_blank") {
                            aTag.addEventListener("click", function (evt) {
                                evt.preventDefault();
                                evt.stopPropagation();
                                var tabTitle = "";
                                if (aTag.title) {
                                    tabTitle = aTag.title;
                                }
                                var url = this.getAttribute("href");
                                var reg = /^\//gi;
                                console.log(
                                    "onload replace links href,on iframe ",
                                    Scp.Setting.appRoot,
                                    url
                                );
                                if (
                                    !reg.test(url) &&
                                    url.indexOf(Scp.Setting.appRoot) < 0
                                ) {
                                    url = Scp.Setting.appRoot + url;
                                }
                                Sys.addTab(url, tabTitle, "", "", true);
                                return false;
                            });
                        }
                    }
                }
            });
            window.Sys.tabPanel.autoResize();
        },
        handleBeforeRefresh(panel, evt) {
            if (panel.itemData.type == "home") {
                // this.$store.state.app.sysList=[];
                //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表
                return false;
            }
            if (panel.itemData.type == "work") {
                // this.$store.state.app.list=[];
                //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表
                return false;
            }
        },
        handleIframeLoad(panelCmp, evt) {
            let me = this,
                key = panelCmp.name;
            let ifm = panelCmp.$refs["iframe"];
            let tabData = panelCmp.itemData;
            if (tabData.listeners) {
                tabData.listeners.load && tabData.listeners.load();
            }
            //转换A标签
            me.initATagUrl(ifm.contentWindow.document.body);
            window.__UserInfo = {
                orgId: "",
                operator: "",
            };
            if (panelCmp.title == null || panelCmp.title == "") {
                let cTabs = me.$refs["cmp-tabs"];
                cTabs.resize();
            }
        },
        handleBeforeClose(panel, evt) {
            let ifm = panel.$refs["iframe"];
            try {
                let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1);
                return flag;
            } catch (e) {
                !document.all &&
                    window.console.log(
                        "iframe : Scp.context.beforeunloadFn();"
                    );
            }
        },
        handleActiveTab(panel) {
            if (!panel) return;
            if (panel.itemData.type == "home") {
                this.$refs["protalSysHome"][0].doRender();
            }
            if (panel.itemData.type == "work") {
                this.$refs["portalUserWork"][0].doRender();
            }
            try {
                let tab = this.$refs["cmp-tabs"].getItemObj(panel.name);
                tab &&
                    tab.tabPanelIframeEl.contentWindow
                        .$(tab.tabPanelIframeEl.contentDocument)
                        .trigger("iframeActiving", [panel.name]);
            } catch (e) {
                console.log("iframeActiving error!");
            }
        },
        //面板上面的事件特别处理，现在暂时没用
        handleSelected(item) {
            return;
            let key = item.id;
            let ifm = this.$refs["dom-iframe" + key][0];
            try {
                let __orgId = ifm.contentWindow.Scp.User.getId();
                let __operator = ifm.contentWindow.Scp.User.getOperator();
                window.__UserInfo = {
                    orgId: __orgId,
                    operator: __operator,
                };
            } catch (e) {}
        },
        handleRemoveTab(targetName) {
            let tabs = this.tabList;
            let activeName = this.defTabKey;
            if (activeName === targetName) {
                tabs.forEach((tab, index) => {
                    if (tab.close && tab.id === targetName) {
                        let nextTab = tabs[index + 1] || tabs[index - 1];
                        if (nextTab) {
                            activeName = nextTab.id;
                        }
                    }
                });
            }
            this.defTabKey = activeName;
            tabs = tabs.filter((tab) => {
                return tab.close == false || tab.id !== targetName;
            });
            console.log('handleRemoveTab')
            this.$set(this, "tabList", tabs);
            if (this.tabList.length == 0) {
                this.defTabKey = "tabPanel_home";
            }
        },
        handleRemoveAllTab() {
            let tabs = this.tabList;
            this.tabList = tabs.filter((tab) => {
                return !tab.close;
            });
            let l = this.tabList.length;
            this.defTabKey = l ? this.tabList[l - 1].id : "";
        },
        handleRemoveLeftTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i < index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i >= index;
            });

this.defTabKey = defTabKey;
        },
        handleRemoveRightTab(name, index) {
            let tabs = this.tabList;
            let defTabKey = this.defTabKey;
            this.tabList = tabs.filter((tab, i) => {
                if (tab.id == defTabKey && i > index) {
                    //当前的选中，是在关闭区内
                    defTabKey = name;
                }
                return tab.close == false || i <= index;
            });
            this.defTabKey = defTabKey;
        },
        handleRemoveOtherTab(name, index) {
            let tabs = this.tabList;
            tabs = tabs.filter((tab, i) => {
                return tab.close == false || i == index;
            });
            this.$set(this, "tabList", tabs);
            this.defTabKey = name;
        },
        handleFullScreen() {
            this.$emit("onFullScreen");
            // screenfull.toggle()
        },
    },
};
</script>
<style scoped>
</style>

<template>
    <div class="pl-main">
        <p-tabs
            ref="cmp-tabs"
            v-model="defTabKey"
            @onActiveTab="handleActiveTab"
            @onRemoveTab="handleRemoveTab"
            @onRemoveAllTab="handleRemoveAllTab"
            @onRemoveLeft="handleRemoveLeftTab"
            @onRemoveRight="handleRemoveRightTab"
            @onRemoveOther="handleRemoveOtherTab"
            @onFullScreen="handleFullScreen"
        >
            <p-tabpanel
                v-for="(item,index) in tabList"
                :key="item.id"
                :close="item.close"
                :title.sync="item.title"
                :name="item.id"
                :url="item.url"
                :itemData="item"
                @onIframeLoad="handleIframeLoad"
                @onBeforeClose="handleBeforeClose"
                @onSelected="handleSelected"
                @onBeforeRefresh="handleBeforeRefresh"
            >
                <template v-if="item.type&&item.type=='home'">
                    <PortalSys
                        :itemData="item"
                        ref="protalSysHome"
                    ></PortalSys>
                </template>
                <template v-if="item.type&&item.type=='work'">
                    <PortalUser
                        :itemData="item"
                        ref="portalUserWork"
                    ></PortalUser>
                </template>
            </p-tabpanel>
        </p-tabs>
    </div>
</template>
<script>
import { baseURL, codeProjectName } from "@main/config";
import { PTabs, PTabpanel } from "@main/components/tabpanel";
import PortalUser from "@main/views/Portal/user";
import PortalSys from "@main/views/Portal/sys";
import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils";
// import { type } from "os";
import md5 from "md5";
export default {
    inject: ["addTab", "showTab", "hideTab"],
    components: {
        PTabs,
        PTabpanel,
        PortalUser,
        PortalSys,
    },
    data() {
        let cfg = this.$store.state.app.config || {};
        let defTabs = cfg.sysDefTabs || [];
        let setTabs = cfg.sysSetTabs || [];
        let list = [],
            defTabKey = "";
        defTabs = setTabs.concat(defTabs);
        defTabs.map((item, i) => {
            let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id
            item.actived && (defTabKey = id);
            if (item.url && getUrlValue(item.url, "__tabId") == "") {
                //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错
                item.url = setUrlValue(item.url, "__tabId", id);
            }
            list.push({
                title: item.title,
                url: item.url,
                close: item.close,
                id: id,
                type: item.type,
            });
        });
        console.log('page default open tabs :',defTabs);
        //系统菜单 后台默认配激活
        let menusDef2Tabs = this.$store.getters.defTabs,
            uriStr = "";
        console.log('menus default open tabs :',defTabs);
        menusDef2Tabs.map((item, i) => {
            uriStr = baseURL + codeProjectName + item.resUrl;
            let id = md5(uriStr);
            uriStr = setUrlValue(uriStr, "__tabId", id);
            list.push({
                title: item.name,
                url: uriStr,
                close: true,
                id: id,
                type: item.type,
            });
        });
        // console.log('系统菜单',list);

//第三方跳转过来地址自动打开功能tab
        let menusList = this.$store.getters.menusList;
        let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath));
        for (let i = menusList.length - 1; i >= 0; i--) {
            if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) {
                console.log('跳转进来的功能：',searchObj.portal_func);
                //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111
                delete searchObj.portal_func;
                let uriStr = baseURL + codeProjectName + menusList[i].resUrl;
                let id = md5(uriStr);
                uriStr = setUrlValue(uriStr, "__tabId", md5(uriStr));
                for(let key in searchObj){
                    uriStr = setUrlValue(uriStr,key,searchObj[key]);
                }
                let inMenu = false;
                for (let j = list.length - 1; j >= 0; j--) {
                    if (list[j].id == id) {
                        inMenu = true;
                        break;
                    }
                }
                if (inMenu) break;
                defTabKey = id;
                list.push({
                    id: id,
                    title: menusList[i].name,
                    url: uriStr,
                    close: true,
                    actived:true //默认选中
                });
                break;
            }
        }
        console.log('sys default tabs :', list);
        return {
            defTabKey: defTabKey || "",
            tabList: list,
            sysConfig: this.$store.state.app.config,
            isFullScreen: false,
        };
    },
    mounted() {
        // console.log('主界面初始化~！');
        let me = this,
            cTabs = this.$refs["cmp-tabs"];
        window.Sys = {
            isVue: true,
            addEvent(evtName, fn) {
                //onLoad
                Bus.$on(evtName, fn);
            },
            tabPanel: {
                autoResize() {
                    cTabs.resize();
                },
            },
            getSideNavs() {
                return [...me.$store.getters.navs];
            },
            setSideNavs(data) {
                if (data == null && !(data instanceof Array)) return;
                //me.$store.dispatch("app/setQuickNav", data);
            },
            /**
             * @param {} url
             * @param {} title
             * @param {} uid
             * @param {} onLoad    //iframe 加载后
             * @param {} nearest  //标签页是否紧接在其右侧打开
             * @param {} renderedFn //渲染回调
             */
            addTab(url, title, uid, onLoad, nearest, renderedFn) { 
                if (!(url == "" || url == "about:blank")) {
                    uid = md5(url);
                }
                let tabs = me.tabList.filter((item, index) => {
                    return item.id == uid;
                });
                if (tabs.length) {
                    me.defTabKey = uid;
                    me.$nextTick(
                        (function (fn) {
                            return function () {
                                let tab = cTabs.getItemObj(uid);
                                fn && fn(tab);
                            };
                        })(renderedFn)
                    );
                    return;
                }

Ignore Space Show notes View project/hivuiMain/views/layout/components/tabpanel/panel.vue
<template> <div class="pl-tabs-panel" :title="title" v-show="active" > <div class="pl-loading pl-loading-fixed" v-show="url&&!loaded" ref="dom-loader"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <iframe v-if="!hasUrl" :src="url" @load="handleIframeLoad" :name="'iframe'+name" ref="iframe"></iframe> <slot v-if="hasUrl"></slot> </div> </template> <script> export default { name:'PTabpanel', props:{ close:[String,Number,Boolean], itemData:Object, title:{ type:String, default:"" }, name:{ type:[String,Number], default:"" }, url:{ type:[String], default:"" }, index:[String,Number] }, data(){ debugger return { loaded: false, hasUrl:this.url==null\|\|this.url=='' } }, computed:{ active(){ const active = this.$parent.currentName === this.name; return active; } }, updated() { this.$parent.$emit('tab-nav-update'); }, methods:{ handleIframeLoad(evt){ debugger let ifm = this.$refs['iframe']; if(ifm&&ifm.src!=="about:blank"){ this.loaded=true; }else{ if(ifm&&ifm.contentWindow.document.body.innerHTML==""){ this.loaded=false; }else{ this.loaded=true; } } this.loaded&&this.$emit('onIframeLoad',this,evt); } } } </script> <template> <div class="pl-tabs-panel" :title="title" v-show="active" > <div class="pl-loading pl-loading-fixed" v-show="url&&!loaded" ref="dom-loader"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <iframe v-if="!hasUrl" :src="url" @load="handleIframeLoad" :name="'iframe'+name" ref="iframe"></iframe> <slot v-if="hasUrl"></slot> </div> </template> <script> export default { name:'PTabpanel', props:{ close:[String,Number,Boolean], itemData:Object, title:{ type:String, default:"" }, name:{ type:[String,Number], default:"" }, url:{ type:[String], default:"" }, index:[String,Number] }, data(){ return { loaded: false, hasUrl:this.url==null\|\|this.url=='' } }, computed:{ active(){ const active = this.$parent.currentName === this.name; return active; } }, updated() { this.$parent.$emit('tab-nav-update'); }, methods:{ handleIframeLoad(evt){ let ifm = this.$refs['iframe']; if(ifm&&ifm.src!=="about:blank"){ this.loaded=true; }else{ if(ifm&&ifm.contentWindow.document.body.innerHTML==""){ this.loaded=false; }else{ this.loaded=true; } } this.loaded&&this.$emit('onIframeLoad',this,evt); } } } </script>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/tabpanel/panel.vue

Ignore Space Show notes View project/hivuiMain/views/taskCenter.vue
<template> <div> <hi-taskcenter @openfunc="openfunc"></hi-taskcenter> </div> </template> <script> import "hi-taskcenter/hi-taskcenter.css"; import HiTaskcenter from "hi-taskcenter"; export default { components: { HiTaskcenter, }, methods: { openfunc() {}, }, }; </script> <template> <div> <hi-taskcenter @openfunc="openfunc"></hi-taskcenter> </div> </template> <script> export default { components: { }, methods:{ openfunc(){} } } </script>

Ignore Space Show notes View

project/hivuiMain/views/taskCenter.vue

Ignore Space Show notes View project/setting/desktop/appsetting/js/1.0.0/appsetting.js
var root = "http://192.168.4.106:7777" var server = "/hirun"; var oauth = "/hirun"; var projectName = 'eaptpl' //"${projectName}" var HIVUI_SETTING ={ //项目名 projectName: projectName, //请求对象 request:eap.request, //服务器域名 url: root, //默认服务url serverUrl: root + server, //授权服务url oauth: root + oauth, //登录页url loginUrl:"/" + projectName + "/hivuiLogin/index.html#/", //首页url mainPageUrl:"/" + projectName + "/hivuiMain/index.html#/", //系统管理url sysManageUrl:"http://192.168.4.193:5188", //数据保存url saveUrl: root + server + "/data/save", //'/data/save', //数据查询url queryUrl: root + server + "/data/query", //'/data/query', //数据策略url policyUrl: root + server + "/data/policy", //附件上传url upload: root + server + "/file/upload", //附件下载url download: root + server + "/file/download", //附件查看url review: root + server + "/file/review", //流程信息url getFlowInfo: root + server + "/flow/open", getApprovalInfo: root + server + "/flow/getApprovalInfo", processFlow: root + server + "/flow/processFlow", queryTask: root + server + "/flow/queryTask", withdrawtask: root + server + "/flow/withdrawtask", taskDiagram: root + server + "/flow/taskDiagram", openOrdernumber: root + server + "/flow/openOrdernumber", //默认查询操作符 queryOperate:'like', //默认组件配置 defaultCmp:{ "DtDataSet":{ "test":1 } } } var root = "http://192.168.4.106:7777" var server = "/hirun"; var oauth = "/hirun"; var projectName = "${projectName}" var HIVUI_SETTING ={ //项目名 projectName: projectName, //请求对象 request:eap.request, //服务器域名 url: root, //默认服务url serverUrl: root + server, //授权服务url oauth: root + oauth, //登录页url loginUrl:"/" + projectName + "/hivuiLogin/index.html#/", //首页url mainPageUrl:"/" + projectName + "/hivuiMain/index.html#/", //系统管理url sysManageUrl:"http://192.168.4.193:5188", //数据保存url saveUrl: root + server + "/data/save", //'/data/save', //数据查询url queryUrl: root + server + "/data/query", //'/data/query', //数据策略url policyUrl: root + server + "/data/policy", //附件上传url upload: root + server + "/file/upload", //附件下载url download: root + server + "/file/download", //附件查看url review: root + server + "/file/review", //流程信息url getFlowInfo: root + server + "/flow/open", getApprovalInfo: root + server + "/flow/getApprovalInfo", processFlow: root + server + "/flow/processFlow", queryTask: root + server + "/flow/queryTask", withdrawtask: root + server + "/flow/withdrawtask", taskDiagram: root + server + "/flow/taskDiagram", openOrdernumber: root + server + "/flow/openOrdernumber", //默认查询操作符 queryOperate:'like', //默认组件配置 defaultCmp:{ "DtDataSet":{ "test":1 } } }

Ignore Space Show notes View

project/setting/desktop/appsetting/js/1.0.0/appsetting.js

var root = "http://192.168.4.106:7777"
var server = "/hirun";
var oauth = "/hirun";
var projectName = 'eaptpl' //"${projectName}"
var HIVUI_SETTING ={
    //项目名
    projectName: projectName,
    //请求对象
    request:eap.request,
    //服务器域名
    url: root,
    //默认服务url
    serverUrl: root + server,
    //授权服务url
    oauth: root + oauth,
    //登录页url
    loginUrl:"/" + projectName + "/hivuiLogin/index.html#/",
    //首页url
    mainPageUrl:"/" + projectName + "/hivuiMain/index.html#/",
    //系统管理url
    sysManageUrl:"http://192.168.4.193:5188",
    //数据保存url
    saveUrl: root + server + "/data/save", //'/data/save',
    //数据查询url
    queryUrl: root + server + "/data/query", //'/data/query',
    //数据策略url
    policyUrl: root + server + "/data/policy", 
    //附件上传url
    upload: root + server + "/file/upload",
    //附件下载url
    download: root + server + "/file/download",
    //附件查看url
    review: root + server + "/file/review",
    //流程信息url
    getFlowInfo: root + server + "/flow/open",
    getApprovalInfo: root + server + "/flow/getApprovalInfo",
    processFlow: root + server + "/flow/processFlow",
    queryTask: root + server + "/flow/queryTask",
    withdrawtask: root + server + "/flow/withdrawtask",
    taskDiagram: root + server + "/flow/taskDiagram",
    openOrdernumber: root + server + "/flow/openOrdernumber",
    //默认查询操作符
    queryOperate:'like',
    //默认组件配置
    defaultCmp:{
        "DtDataSet":{
            "test":1
        }
    }
}

var root = "http://192.168.4.106:7777"
var server = "/hirun";
var oauth = "/hirun";
var projectName = "${projectName}"
var HIVUI_SETTING ={
    //项目名
    projectName: projectName,
    //请求对象
    request:eap.request,
    //服务器域名
    url: root,
    //默认服务url
    serverUrl: root + server,
    //授权服务url
    oauth: root + oauth,
    //登录页url
    loginUrl:"/" + projectName + "/hivuiLogin/index.html#/",
    //首页url
    mainPageUrl:"/" + projectName + "/hivuiMain/index.html#/",
    //系统管理url
    sysManageUrl:"http://192.168.4.193:5188",
    //数据保存url
    saveUrl: root + server + "/data/save", //'/data/save',
    //数据查询url
    queryUrl: root + server + "/data/query", //'/data/query',
    //数据策略url
    policyUrl: root + server + "/data/policy", 
    //附件上传url
    upload: root + server + "/file/upload",
    //附件下载url
    download: root + server + "/file/download",
    //附件查看url
    review: root + server + "/file/review",
    //流程信息url
    getFlowInfo: root + server + "/flow/open",
    getApprovalInfo: root + server + "/flow/getApprovalInfo",
    processFlow: root + server + "/flow/processFlow",
    queryTask: root + server + "/flow/queryTask",
    withdrawtask: root + server + "/flow/withdrawtask",
    taskDiagram: root + server + "/flow/taskDiagram",
    openOrdernumber: root + server + "/flow/openOrdernumber",
    //默认查询操作符
    queryOperate:'like',
    //默认组件配置
    defaultCmp:{
        "DtDataSet":{
            "test":1
        }
    }
}

Show notes View vite-plugin-func.js 100644 → 0
var querystring = require('querystring'); import Cookies from 'js-cookie' var url = require('url'); const fs = require('fs') var https = require('https'); var request = require('request'); var ejs = require('ejs'); function myPlugin(rawOptions) { const options = { isProduction: process.env.NODE_ENV === 'production', ...rawOptions, root: process.cwd(), }; let postData; let config; return { name: 'vite-plugin-func', // 必须的，将会显示在 warning 和 error 中 configResolved(resolvedConfig) { // 存储最终解析的配置 config = resolvedConfig }, configureServer(server) { server.middlewares.use((req, res, next) => { console.log(new Date(), 'req.url:', req.url) if (req.url.indexOf(".flow") != -1) { let url = req.url; postData = ''; let fmodelpath = url.split("?")[0] var post_data = { fmodelpath: fmodelpath } let path = process.env.VITE_APP_BASE_API + process.env.VITE_APP_SERVER + "/flow/open?pn="; let pn = url.split("/")[1]; const TokenKey = 'EAP-Token'; req.on('data', (chunk) => { post += chunk; postData = querystring.parse(post); // console.log(new Date(), 'PostData:', postData); }); let token = Cookies.get(TokenKey) \|\| "ef5d714e-d9ef-4011-ac15-80b477d312d2"; request({ url: path + pn, method: "POST", json: true, headers: { "token": token, "Authorization": "Bearer " + token, "Content-Type": "application/json;charset=UTF-8" }, body: post_data }, function (error, response, body) { if (!error && response.statusCode == 200) { // console.log(body) // 请求成功的处理逻辑 let pcform; if (body.outParameter) { pcform = body.outParameter.task.pcform; } if (!pcform) { res.writeHead(500, { 'Content-Type': 'html' }); res.end("funcrequerst error!"); return; } // var fullPath = "eaptpl/12112/mokuai/shitumulu/biaodan/dtv/1.0.0/desktop/index.html"; let content; try { content = fs.readFileSync(pcform, { encoding: 'utf8' }) } catch (e) { res.writeHead(404, { 'Content-Type': 'html' }); res.end("pcform error!"); return; } const statusCode = 200; if (!body) throw new Error(`No body text found for the ${statusCode} status code`); var html = ejs.render(content, rawOptions) let postDataStr = JSON.stringify(postData \|\| {}); let varName = options.varName \|\| 'viteRequestData'; let funcName = new Date().valueOf(); let queryScript = ` function _viteGetQuery${funcName}() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]); } } return theRequest; }` let titleStr = html.match(/<head(.?)>/g)[0] \|\| ""; html = html.replace( /<head(.?)>/g, `${titleStr}<script>${queryScript};window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}) </script>` ) res.writeHead(statusCode, { 'Content-Length': html.length, 'Content-Type': 'html' }); res.write(html) res.end(); } else { console.log(body) } }); return; } else { next(); } }) }, transformIndexHtml(html) { console.log('config.command:', config.command) if (config.command === 'build') { return html; } let postDataStr = JSON.stringify(postData \|\| {}); let varName = options.varName \|\| 'viteRequestData'; let funcName = new Date().valueOf(); let queryScript = ` function _viteGetQuery${funcName}() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]); } } return theRequest; }` postData = ''; let titleStr = html.match(/<head(.?)>/g)[0] \|\| ""; return html.replace( /<head(.?)>/g, `${titleStr}<script>${queryScript};window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}) </script>` ) } } } export default myPlugin;

Show notes View

vite-plugin-func.js 100644 → 0

var html = ejs.render(content, rawOptions)

res.end();
                        } else {
                            console.log(body)
                        }
                    });
                    return;
                } else {
                    next();
                }
            })
        },
        transformIndexHtml(html) {
            console.log('config.command:', config.command)
            if (config.command === 'build') {
                return html;
            }
            let postDataStr = JSON.stringify(postData || {});
            let varName = options.varName || 'viteRequestData';
            let funcName = new Date().valueOf();
            let queryScript = `
            function _viteGetQuery${funcName}() {
                var url = window.location.search;
                var theRequest = new Object();
                if (url.indexOf("?") != -1) {
                  var str = url.substr(1);
                  strs = str.split("&");
                  for(var i = 0; i < strs.length; i ++) {
                    theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
                  }
                }
                return theRequest;
              }`
            postData = '';
            let titleStr = html.match(/<head(.*?)>/g)[0] || "";
            return html.replace(
                /<head(.*?)>/g,
                `${titleStr}<script>${queryScript};window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}) </script>`
            )
        }
    }
}
export default myPlugin;

Ignore Space Show notes View vite.config.js
// vite.config.js 利害浏览器自带的 es 动态导入，使项目冷启动 const { resolve } = require('path'); import { defineConfig, loadEnv } from 'vite' import { createVuePlugin } from "vite-plugin-vue2"; import vueJsx from '@vitejs/plugin-vue-jsx' import pageData from "vite-plugin-pagedata" // import vitefunc from './vite-plugin/vite-plugin-func' import { injectHtml } from 'vite-plugin-html'; const pkg = require("./package.json"); // https://vitejs.dev/config/ export default ({ mode }) => { process.env = { ...process.env, ...loadEnv(mode, process.cwd()) }; let aliases = {} let build = { sourcemap: false, //编译 //指定多个 .html 文件作为入口点 rollupOptions: { // 请确保外部化那些你的库中不需要的依赖 // external: ['vue'], input: { main: resolve(__dirname, 'index.html'), nested: resolve(__dirname, 'nested/index.html') }, output: { format: 'umd', } } } if (mode == 'development') { aliases = { '@project': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}`), '@main': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}/hivuiMain`), } // console.log('aliases@main:', aliases['@main']); } else { } const postDataName = "scpRequestData"; return defineConfig({ build: build, css: { preprocessorOptions: { less: { javascriptEnabled: true, } }, }, resolve: { extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv'], alias: aliases, }, plugins: [ // vitefunc({ // varName: postDataName, // htmlWebpackPlugin: { // vite: true // } // }), injectHtml({ // 向预览时注入变量，这个变量跟打包时 html-webpack-plugin 注入的一致，用户判断是否是编译状态 injectData: { htmlWebpackPlugin: { vite: true } } }), pageData({ varName: postDataName }), createVuePlugin(), vueJsx({ // options are passed on to @vue/babel-plugin-jsx }), ], optimizeDeps: { //vite 排除，并同时js 文件中不引用。如果有引用还是会取vite 模板缓存中的文件，这样就无法引用全局 exclude: ["vue", "element-ui"] }, devServer: { port: 227, proxy: 'http://192.168.1.183:5001/' } }) }; // vite.config.js 利害浏览器自带的 es 动态导入，使项目冷启动 const { resolve } = require('path'); import { defineConfig, loadEnv } from 'vite' import { createVuePlugin } from "vite-plugin-vue2"; import vueJsx from '@vitejs/plugin-vue-jsx' import pageData from "vite-plugin-pagedata" import vitefunc from './vite-plugin/vite-plugin-func' import { injectHtml } from 'vite-plugin-html'; const pkg = require("./package.json"); // https://vitejs.dev/config/ export default ({ mode }) => { process.env = { ...process.env, ...loadEnv(mode, process.cwd()) }; let aliases = {} let build = { sourcemap: false, //编译 //指定多个 .html 文件作为入口点 rollupOptions: { // 请确保外部化那些你的库中不需要的依赖 // external: ['vue'], input: { main: resolve(__dirname, 'index.html'), nested: resolve(__dirname, 'nested/index.html') }, output: { format: 'umd', } } } if (mode == 'development') { aliases = { '@project': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}`), '@main': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}/hivuiMain`), } // console.log('aliases@main:', aliases['@main']); } else { } const postDataName = "scpRequestData"; return defineConfig({ build: build, css: { preprocessorOptions: { less: { javascriptEnabled: true, } }, }, resolve: { extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv'], alias: aliases, }, plugins: [ vitefunc({ varName: postDataName, htmlWebpackPlugin: { vite: true } }), injectHtml({ // 向预览时注入变量，这个变量跟打包时 html-webpack-plugin 注入的一致，用户判断是否是编译状态 injectData: { htmlWebpackPlugin: { vite: true } } }), pageData({ varName: postDataName }), createVuePlugin(), vueJsx({ // options are passed on to @vue/babel-plugin-jsx }), ], optimizeDeps: { //vite 排除，并同时js 文件中不引用。如果有引用还是会取vite 模板缓存中的文件，这样就无法引用全局 exclude: ["vue", "element-ui"] }, devServer: { port: 227, proxy: 'http://192.168.1.183:5001/' } }) };

Ignore Space Show notes View

vite.config.js

// vite.config.js  利害浏览器自带的 es 动态导入，使项目冷启动
const { resolve } = require('path');
import { defineConfig, loadEnv } from 'vite'
import { createVuePlugin } from "vite-plugin-vue2";
import vueJsx from '@vitejs/plugin-vue-jsx'
import pageData from "vite-plugin-pagedata"
// import vitefunc from './vite-plugin/vite-plugin-func'
import { injectHtml } from 'vite-plugin-html';

const pkg = require("./package.json");

// https://vitejs.dev/config/
export default ({ mode }) => {
    process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };
    let aliases = {}
    let build = {
        sourcemap: false,
        //编译
        //指定 多个 .html 文件作为入口点
        rollupOptions: {
            // 请确保外部化那些你的库中不需要的依赖
            // external: ['vue'],
            input: {
                main: resolve(__dirname, 'index.html'),
                nested: resolve(__dirname, 'nested/index.html')
            },
            output: {
                format: 'umd',
            }
        }
    }
    if (mode == 'development') {
        aliases = {
            '@project': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}`),
            '@main': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}/hivuiMain`),
        }
        // console.log('aliases@main:', aliases['@main']);
    } else {

}
    const postDataName = "scpRequestData";
    return defineConfig({
        build: build,
        css: {
            preprocessorOptions: {
                less: {
                    javascriptEnabled: true,
                }
            },
        },
        resolve: {
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv'],
            alias: aliases,
        },
        plugins: [
            // vitefunc({
            //     varName: postDataName,
            //     htmlWebpackPlugin: {
            //         vite: true
            //     }
            // }),
            injectHtml({
                // 向预览时注入变量，这个变量跟打包时 html-webpack-plugin 注入的一致，用户判断是否是编译状态
                injectData: {
                    htmlWebpackPlugin: {
                        vite: true
                    }
                }
            }),

pageData({
                varName: postDataName
            }),
            createVuePlugin(),
            vueJsx({
                // options are passed on to @vue/babel-plugin-jsx
            }),
        ],
        optimizeDeps: {
            //vite 排除，并同时js 文件中不引用。如果有引用还是会取vite 模板缓存中的文件，这样就无法引用全局
            exclude: ["vue", "element-ui"]
        },
        devServer: {
            port: 227,
            proxy: 'http://192.168.1.183:5001/'
        }
    })

};

// vite.config.js  利害浏览器自带的 es 动态导入，使项目冷启动
const { resolve } = require('path');
import { defineConfig, loadEnv } from 'vite'
import { createVuePlugin } from "vite-plugin-vue2";
import vueJsx from '@vitejs/plugin-vue-jsx'
import pageData from "vite-plugin-pagedata"
import vitefunc from './vite-plugin/vite-plugin-func'
import { injectHtml } from 'vite-plugin-html';

const pkg = require("./package.json");

}
    const postDataName = "scpRequestData";
    return defineConfig({
        build: build,
        css: {
            preprocessorOptions: {
                less: {
                    javascriptEnabled: true,
                }
            },
        },
        resolve: {
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv'],
            alias: aliases,
        },
        plugins: [
            vitefunc({
                varName: postDataName,
                htmlWebpackPlugin: {
                    vite: true
                }
            }),
            injectHtml({
                // 向预览时注入变量，这个变量跟打包时 html-webpack-plugin 注入的一致，用户判断是否是编译状态
                injectData: {
                    htmlWebpackPlugin: {
                        vite: true
                    }
                }
            }),

};

Show line notes below