zn-components 0.0.1 → 0.0.2

package/dist/{1.zn-ui.min.js → 0.c.zn-ui.min.js}

@@ -1 +1 @@
-(this.webpackJsonpZnUI=this.webpackJsonpZnUI||[]).push([[1],{134:function(e,t,n){"use strict";n.r(t);var i=function render(){var e=this,t=e._self._c;return t("transition",{attrs:{name:"viewer-fade"}},[t("div",{ref:"el-image-viewer__wrapper",staticClass:"el-image-viewer__wrapper",style:{"z-index":e.viewerZIndex},attrs:{tabindex:"-1"}},[t("div",{staticClass:"el-image-viewer__mask",on:{click:function(t){return t.target!==t.currentTarget?null:e.handleMaskClick.apply(null,arguments)}}}),t("span",{staticClass:"el-image-viewer__btn el-image-viewer__close",on:{click:e.hide}},[t("i",{staticClass:"el-icon-close"})]),e.isSingle?e._e():[t("span",{staticClass:"el-image-viewer__btn el-image-viewer__prev",class:{"is-disabled":!e.infinite&&e.isFirst},on:{click:e.prev}},[t("i",{staticClass:"el-icon-arrow-left"})]),t("span",{staticClass:"el-image-viewer__btn el-image-viewer__next",class:{"is-disabled":!e.infinite&&e.isLast},on:{click:e.next}},[t("i",{staticClass:"el-icon-arrow-right"})])],t("div",{staticClass:"el-image-viewer__btn el-image-viewer__actions"},[t("div",{staticClass:"el-image-viewer__actions__inner"},[t("i",{staticClass:"el-icon-zoom-out",on:{click:function(t){return e.handleActions("zoomOut")}}}),t("i",{staticClass:"el-icon-zoom-in",on:{click:function(t){return e.handleActions("zoomIn")}}}),t("i",{staticClass:"el-image-viewer__actions__divider"}),t("i",{class:e.mode.icon,on:{click:e.toggleMode}}),t("i",{staticClass:"el-image-viewer__actions__divider"}),t("i",{staticClass:"el-icon-refresh-left",on:{click:function(t){return e.handleActions("anticlocelise")}}}),t("i",{staticClass:"el-icon-refresh-right",on:{click:function(t){return e.handleActions("clocelise")}}})])]),t("div",{staticClass:"el-image-viewer__canvas"},e._l(e.urlList,function(n,i){return i===e.index?t("img",{key:n,ref:"img",refInFor:!0,staticClass:"el-image-viewer__img",style:e.imgStyle,attrs:{src:e.currentImg},on:{load:e.handleImgLoad,error:e.handleImgError,mousedown:e.handleMouseDown}}):e._e()}),0)],2)])};i._withStripped=!0;var s=n(101),a=n.n(s);const o=a.a.prototype.$isServer,l=(o||Number(document.documentMode),!o&&document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}:function(e,t,n){e&&t&&n&&e.attachEvent("on"+t,n)}),r=!o&&document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}:function(e,t,n){e&&t&&e.detachEvent("on"+t,n)};function hasClass(e,t){if(!e||!t)return!1;if(-1!==t.indexOf(" "))throw new Error("className should not contain space.");return e.classList?e.classList.contains(t):(" "+e.className+" ").indexOf(" "+t+" ")>-1}function addClass(e,t){if(e){for(var n=e.className,i=(t||"").split(" "),s=0,a=i.length;s<a;s++){var o=i[s];o&&(e.classList?e.classList.add(o):hasClass(e,o)||(n+=" "+o))}e.classList||e.setAttribute("class",n)}}function removeClass(e,t){if(e&&t){for(var n=t.split(" "),i=" "+e.className+" ",s=0,a=n.length;s<a;s++){var o=n[s];o&&(e.classList?e.classList.remove(o):hasClass(e,o)&&(i=i.replace(" "+o+" "," ")))}e.classList||e.setAttribute("class",(i||"").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g,""))}}let isFunction=e=>e&&"[object Function]"==={}.toString.call(e);"object"==typeof Int8Array||!a.a.prototype.$isServer&&document.childNodes;Object.prototype.hasOwnProperty;function rafThrottle(e){let t=!1;return function(...n){t||(t=!0,window.requestAnimationFrame(i=>{e.apply(this,n),t=!1}))}}let d,c=!1,h=!1;const getModal=function(){if(a.a.prototype.$isServer)return;let e=m.modalDom;return e?c=!0:(c=!1,e=document.createElement("div"),m.modalDom=e,e.addEventListener("touchmove",function(e){e.preventDefault(),e.stopPropagation()}),e.addEventListener("click",function(){m.doOnModalClick&&m.doOnModalClick()})),e},u={},m={modalFade:!0,getInstance:function(e){return u[e]},register:function(e,t){e&&t&&(u[e]=t)},deregister:function(e){e&&(u[e]=null,delete u[e])},nextZIndex:function(){return m.zIndex++},modalStack:[],doOnModalClick:function(){const e=m.modalStack[m.modalStack.length-1];if(!e)return;const t=m.getInstance(e.id);t&&t.closeOnClickModal&&t.close()},openModal:function(e,t,n,i,s){if(a.a.prototype.$isServer)return;if(!e||void 0===t)return;this.modalFade=s;const o=this.modalStack;for(let t=0,n=o.length;t<n;t++){if(o[t].id===e)return}const l=getModal();if(addClass(l,"v-modal"),this.modalFade&&!c&&addClass(l,"v-modal-enter"),i){i.trim().split(/\s+/).forEach(e=>addClass(l,e))}setTimeout(()=>{removeClass(l,"v-modal-enter")},200),n&&n.parentNode&&11!==n.parentNode.nodeType?n.parentNode.appendChild(l):document.body.appendChild(l),t&&(l.style.zIndex=t),l.tabIndex=0,l.style.display="",this.modalStack.push({id:e,zIndex:t,modalClass:i})},closeModal:function(e){const t=this.modalStack,n=getModal();if(t.length>0){const i=t[t.length-1];if(i.id===e){if(i.modalClass){i.modalClass.trim().split(/\s+/).forEach(e=>removeClass(n,e))}t.pop(),t.length>0&&(n.style.zIndex=t[t.length-1].zIndex)}else for(let n=t.length-1;n>=0;n--)if(t[n].id===e){t.splice(n,1);break}}0===t.length&&(this.modalFade&&addClass(n,"v-modal-leave"),setTimeout(()=>{0===t.length&&(n.parentNode&&n.parentNode.removeChild(n),n.style.display="none",m.modalDom=void 0),removeClass(n,"v-modal-leave")},200))}};Object.defineProperty(m,"zIndex",{configurable:!0,get:()=>(h||(d=d||(a.a.prototype.$ELEMENT||{}).zIndex||2e3,h=!0),d),set(e){d=e}});a.a.prototype.$isServer||window.addEventListener("keydown",function(e){if(27===e.keyCode){const e=function(){if(!a.a.prototype.$isServer&&m.modalStack.length>0){const e=m.modalStack[m.modalStack.length-1];if(!e)return;return m.getInstance(e.id)}}();e&&e.closeOnPressEscape&&(e.handleClose?e.handleClose():e.handleAction?e.handleAction("cancel"):e.close())}});var f=m;Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const p={CONTAIN:{name:"contain",icon:"el-icon-full-screen"},ORIGINAL:{name:"original",icon:"el-icon-c-scale-to-original"}},g=!a.a.prototype.$isServer&&window.navigator.userAgent.match(/firefox/i)?"DOMMouseScroll":"mousewheel";var v={name:"elImageViewer",props:{urlList:{type:Array,default:()=>[]},zIndex:{type:Number,default:2e3},onSwitch:{type:Function,default:()=>{}},onClose:{type:Function,default:()=>{}},initialIndex:{type:Number,default:0},appendToBody:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0}},data(){return{index:this.initialIndex,isShow:!1,infinite:!0,loading:!1,mode:p.CONTAIN,transform:{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}},computed:{isSingle(){return this.urlList.length<=1},isFirst(){return 0===this.index},isLast(){return this.index===this.urlList.length-1},currentImg(){return this.urlList[this.index]},imgStyle(){const{scale:e,deg:t,offsetX:n,offsetY:i,enableTransition:s}=this.transform,a={transform:`scale(${e}) rotate(${t}deg)`,transition:s?"transform .3s":"","margin-left":`${n}px`,"margin-top":`${i}px`};return this.mode===p.CONTAIN&&(a.maxWidth=a.maxHeight="100%"),a},viewerZIndex(){const e=f.nextZIndex();return this.zIndex>e?this.zIndex:e}},watch:{index:{handler:function(e){this.reset(),this.onSwitch(e)}},currentImg(e){this.$nextTick(e=>{this.$refs.img[0].complete||(this.loading=!0)})}},methods:{hide(){this.deviceSupportUninstall(),this.onClose()},deviceSupportInstall(){this._keyDownHandler=e=>{e.stopPropagation();switch(e.keyCode){case 27:this.hide();break;case 32:this.toggleMode();break;case 37:this.prev();break;case 38:this.handleActions("zoomIn");break;case 39:this.next();break;case 40:this.handleActions("zoomOut")}},this._mouseWheelHandler=rafThrottle(e=>{(e.wheelDelta?e.wheelDelta:-e.detail)>0?this.handleActions("zoomIn",{zoomRate:.015,enableTransition:!1}):this.handleActions("zoomOut",{zoomRate:.015,enableTransition:!1})}),l(document,"keydown",this._keyDownHandler),l(document,g,this._mouseWheelHandler)},deviceSupportUninstall(){r(document,"keydown",this._keyDownHandler),r(document,g,this._mouseWheelHandler),this._keyDownHandler=null,this._mouseWheelHandler=null},handleImgLoad(e){this.loading=!1},handleImgError(e){this.loading=!1,e.target.alt="加载失败"},handleMouseDown(e){if(this.loading||0!==e.button)return;const{offsetX:t,offsetY:n}=this.transform,i=e.pageX,s=e.pageY;this._dragHandler=rafThrottle(e=>{this.transform.offsetX=t+e.pageX-i,this.transform.offsetY=n+e.pageY-s}),l(document,"mousemove",this._dragHandler),l(document,"mouseup",e=>{r(document,"mousemove",this._dragHandler)}),e.preventDefault()},handleMaskClick(){this.maskClosable&&this.hide()},reset(){this.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},toggleMode(){if(this.loading)return;const e=Object.keys(p),t=(Object.values(p).indexOf(this.mode)+1)%e.length;this.mode=p[e[t]],this.reset()},prev(){if(this.isFirst&&!this.infinite)return;const e=this.urlList.length;this.index=(this.index-1+e)%e},next(){if(this.isLast&&!this.infinite)return;const e=this.urlList.length;this.index=(this.index+1)%e},handleActions(e,t={}){if(this.loading)return;const{zoomRate:n,rotateDeg:i,enableTransition:s}={zoomRate:.2,rotateDeg:90,enableTransition:!0,...t},{transform:a}=this;switch(e){case"zoomOut":a.scale>.2&&(a.scale=parseFloat((a.scale-n).toFixed(3)));break;case"zoomIn":a.scale=parseFloat((a.scale+n).toFixed(3));break;case"clocelise":a.deg+=i;break;case"anticlocelise":a.deg-=i}a.enableTransition=s}},mounted(){this.deviceSupportInstall(),this.appendToBody&&document.body.appendChild(this.$el),this.$refs["el-image-viewer__wrapper"].focus()},destroyed(){this.appendToBody&&this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)}},w=n(3),_=Object(w.a)(v,i,[],!1,null,null,null);t.default=_.exports}}]);
+(("undefined"!=typeof self?self:this).webpackJsonpZnUI=("undefined"!=typeof self?self:this).webpackJsonpZnUI||[]).push([[0],{144:function(e,t,n){"use strict";n.r(t);var i=function render(){var e=this,t=e._self._c;return t("transition",{attrs:{name:"viewer-fade"}},[t("div",{ref:"el-image-viewer__wrapper",staticClass:"el-image-viewer__wrapper",style:{"z-index":e.viewerZIndex},attrs:{tabindex:"-1"}},[t("div",{staticClass:"el-image-viewer__mask",on:{click:function(t){return t.target!==t.currentTarget?null:e.handleMaskClick.apply(null,arguments)}}}),t("span",{staticClass:"el-image-viewer__btn el-image-viewer__close",on:{click:e.hide}},[t("i",{staticClass:"el-icon-close"})]),e.isSingle?e._e():[t("span",{staticClass:"el-image-viewer__btn el-image-viewer__prev",class:{"is-disabled":!e.infinite&&e.isFirst},on:{click:e.prev}},[t("i",{staticClass:"el-icon-arrow-left"})]),t("span",{staticClass:"el-image-viewer__btn el-image-viewer__next",class:{"is-disabled":!e.infinite&&e.isLast},on:{click:e.next}},[t("i",{staticClass:"el-icon-arrow-right"})])],t("div",{staticClass:"el-image-viewer__btn el-image-viewer__actions"},[t("div",{staticClass:"el-image-viewer__actions__inner"},[t("i",{staticClass:"el-icon-zoom-out",on:{click:function(t){return e.handleActions("zoomOut")}}}),t("i",{staticClass:"el-icon-zoom-in",on:{click:function(t){return e.handleActions("zoomIn")}}}),t("i",{staticClass:"el-image-viewer__actions__divider"}),t("i",{class:e.mode.icon,on:{click:e.toggleMode}}),t("i",{staticClass:"el-image-viewer__actions__divider"}),t("i",{staticClass:"el-icon-refresh-left",on:{click:function(t){return e.handleActions("anticlocelise")}}}),t("i",{staticClass:"el-icon-refresh-right",on:{click:function(t){return e.handleActions("clocelise")}}})])]),t("div",{staticClass:"el-image-viewer__canvas"},e._l(e.urlList,function(n,i){return i===e.index?t("img",{key:n,ref:"img",refInFor:!0,staticClass:"el-image-viewer__img",style:e.imgStyle,attrs:{src:e.currentImg},on:{load:e.handleImgLoad,error:e.handleImgError,mousedown:e.handleMouseDown}}):e._e()}),0)],2)])};i._withStripped=!0;var s=n(106),a=n.n(s);const o=a.a.prototype.$isServer,l=(o||Number(document.documentMode),!o&&document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}:function(e,t,n){e&&t&&n&&e.attachEvent("on"+t,n)}),r=!o&&document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}:function(e,t,n){e&&t&&e.detachEvent("on"+t,n)};function hasClass(e,t){if(!e||!t)return!1;if(-1!==t.indexOf(" "))throw new Error("className should not contain space.");return e.classList?e.classList.contains(t):(" "+e.className+" ").indexOf(" "+t+" ")>-1}function addClass(e,t){if(e){for(var n=e.className,i=(t||"").split(" "),s=0,a=i.length;s<a;s++){var o=i[s];o&&(e.classList?e.classList.add(o):hasClass(e,o)||(n+=" "+o))}e.classList||e.setAttribute("class",n)}}function removeClass(e,t){if(e&&t){for(var n=t.split(" "),i=" "+e.className+" ",s=0,a=n.length;s<a;s++){var o=n[s];o&&(e.classList?e.classList.remove(o):hasClass(e,o)&&(i=i.replace(" "+o+" "," ")))}e.classList||e.setAttribute("class",(i||"").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g,""))}}let isFunction=e=>e&&"[object Function]"==={}.toString.call(e);"object"==typeof Int8Array||!a.a.prototype.$isServer&&document.childNodes;Object.prototype.hasOwnProperty;function rafThrottle(e){let t=!1;return function(...n){t||(t=!0,window.requestAnimationFrame(i=>{e.apply(this,n),t=!1}))}}let d,c=!1,h=!1;const getModal=function(){if(a.a.prototype.$isServer)return;let e=m.modalDom;return e?c=!0:(c=!1,e=document.createElement("div"),m.modalDom=e,e.addEventListener("touchmove",function(e){e.preventDefault(),e.stopPropagation()}),e.addEventListener("click",function(){m.doOnModalClick&&m.doOnModalClick()})),e},u={},m={modalFade:!0,getInstance:function(e){return u[e]},register:function(e,t){e&&t&&(u[e]=t)},deregister:function(e){e&&(u[e]=null,delete u[e])},nextZIndex:function(){return m.zIndex++},modalStack:[],doOnModalClick:function(){const e=m.modalStack[m.modalStack.length-1];if(!e)return;const t=m.getInstance(e.id);t&&t.closeOnClickModal&&t.close()},openModal:function(e,t,n,i,s){if(a.a.prototype.$isServer)return;if(!e||void 0===t)return;this.modalFade=s;const o=this.modalStack;for(let t=0,n=o.length;t<n;t++){if(o[t].id===e)return}const l=getModal();if(addClass(l,"v-modal"),this.modalFade&&!c&&addClass(l,"v-modal-enter"),i){i.trim().split(/\s+/).forEach(e=>addClass(l,e))}setTimeout(()=>{removeClass(l,"v-modal-enter")},200),n&&n.parentNode&&11!==n.parentNode.nodeType?n.parentNode.appendChild(l):document.body.appendChild(l),t&&(l.style.zIndex=t),l.tabIndex=0,l.style.display="",this.modalStack.push({id:e,zIndex:t,modalClass:i})},closeModal:function(e){const t=this.modalStack,n=getModal();if(t.length>0){const i=t[t.length-1];if(i.id===e){if(i.modalClass){i.modalClass.trim().split(/\s+/).forEach(e=>removeClass(n,e))}t.pop(),t.length>0&&(n.style.zIndex=t[t.length-1].zIndex)}else for(let n=t.length-1;n>=0;n--)if(t[n].id===e){t.splice(n,1);break}}0===t.length&&(this.modalFade&&addClass(n,"v-modal-leave"),setTimeout(()=>{0===t.length&&(n.parentNode&&n.parentNode.removeChild(n),n.style.display="none",m.modalDom=void 0),removeClass(n,"v-modal-leave")},200))}};Object.defineProperty(m,"zIndex",{configurable:!0,get:()=>(h||(d=d||(a.a.prototype.$ELEMENT||{}).zIndex||2e3,h=!0),d),set(e){d=e}});a.a.prototype.$isServer||window.addEventListener("keydown",function(e){if(27===e.keyCode){const e=function(){if(!a.a.prototype.$isServer&&m.modalStack.length>0){const e=m.modalStack[m.modalStack.length-1];if(!e)return;return m.getInstance(e.id)}}();e&&e.closeOnPressEscape&&(e.handleClose?e.handleClose():e.handleAction?e.handleAction("cancel"):e.close())}});var f=m;Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const p={CONTAIN:{name:"contain",icon:"el-icon-full-screen"},ORIGINAL:{name:"original",icon:"el-icon-c-scale-to-original"}},g=!a.a.prototype.$isServer&&window.navigator.userAgent.match(/firefox/i)?"DOMMouseScroll":"mousewheel";var v={name:"elImageViewer",props:{urlList:{type:Array,default:()=>[]},zIndex:{type:Number,default:2e3},onSwitch:{type:Function,default:()=>{}},onClose:{type:Function,default:()=>{}},initialIndex:{type:Number,default:0},appendToBody:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0}},data(){return{index:this.initialIndex,isShow:!1,infinite:!0,loading:!1,mode:p.CONTAIN,transform:{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}},computed:{isSingle(){return this.urlList.length<=1},isFirst(){return 0===this.index},isLast(){return this.index===this.urlList.length-1},currentImg(){return this.urlList[this.index]},imgStyle(){const{scale:e,deg:t,offsetX:n,offsetY:i,enableTransition:s}=this.transform,a={transform:`scale(${e}) rotate(${t}deg)`,transition:s?"transform .3s":"","margin-left":`${n}px`,"margin-top":`${i}px`};return this.mode===p.CONTAIN&&(a.maxWidth=a.maxHeight="100%"),a},viewerZIndex(){const e=f.nextZIndex();return this.zIndex>e?this.zIndex:e}},watch:{index:{handler:function(e){this.reset(),this.onSwitch(e)}},currentImg(e){this.$nextTick(e=>{this.$refs.img[0].complete||(this.loading=!0)})}},methods:{hide(){this.deviceSupportUninstall(),this.onClose()},deviceSupportInstall(){this._keyDownHandler=e=>{e.stopPropagation();switch(e.keyCode){case 27:this.hide();break;case 32:this.toggleMode();break;case 37:this.prev();break;case 38:this.handleActions("zoomIn");break;case 39:this.next();break;case 40:this.handleActions("zoomOut")}},this._mouseWheelHandler=rafThrottle(e=>{(e.wheelDelta?e.wheelDelta:-e.detail)>0?this.handleActions("zoomIn",{zoomRate:.015,enableTransition:!1}):this.handleActions("zoomOut",{zoomRate:.015,enableTransition:!1})}),l(document,"keydown",this._keyDownHandler),l(document,g,this._mouseWheelHandler)},deviceSupportUninstall(){r(document,"keydown",this._keyDownHandler),r(document,g,this._mouseWheelHandler),this._keyDownHandler=null,this._mouseWheelHandler=null},handleImgLoad(e){this.loading=!1},handleImgError(e){this.loading=!1,e.target.alt="加载失败"},handleMouseDown(e){if(this.loading||0!==e.button)return;const{offsetX:t,offsetY:n}=this.transform,i=e.pageX,s=e.pageY;this._dragHandler=rafThrottle(e=>{this.transform.offsetX=t+e.pageX-i,this.transform.offsetY=n+e.pageY-s}),l(document,"mousemove",this._dragHandler),l(document,"mouseup",e=>{r(document,"mousemove",this._dragHandler)}),e.preventDefault()},handleMaskClick(){this.maskClosable&&this.hide()},reset(){this.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},toggleMode(){if(this.loading)return;const e=Object.keys(p),t=(Object.values(p).indexOf(this.mode)+1)%e.length;this.mode=p[e[t]],this.reset()},prev(){if(this.isFirst&&!this.infinite)return;const e=this.urlList.length;this.index=(this.index-1+e)%e},next(){if(this.isLast&&!this.infinite)return;const e=this.urlList.length;this.index=(this.index+1)%e},handleActions(e,t={}){if(this.loading)return;const{zoomRate:n,rotateDeg:i,enableTransition:s}={zoomRate:.2,rotateDeg:90,enableTransition:!0,...t},{transform:a}=this;switch(e){case"zoomOut":a.scale>.2&&(a.scale=parseFloat((a.scale-n).toFixed(3)));break;case"zoomIn":a.scale=parseFloat((a.scale+n).toFixed(3));break;case"clocelise":a.deg+=i;break;case"anticlocelise":a.deg-=i}a.enableTransition=s}},mounted(){this.deviceSupportInstall(),this.appendToBody&&document.body.appendChild(this.$el),this.$refs["el-image-viewer__wrapper"].focus()},destroyed(){this.appendToBody&&this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)}},w=n(3),_=Object(w.a)(v,i,[],!1,null,null,null);t.default=_.exports}}]);

package/dist/zn-ui.min.css

@@ -1 +1,13 @@
-body.theme-default.skin-map-img{--zn-color-primary:rgba(19, 109, 181, 1);--zn-border-color-lighter:rgba(8, 91, 157, 1);--zn-font-size-extra-large:24px;--zn-font-size-large:22px;--zn-font-size-medium:20px;--zn-font-size-base:18px;--zn-font-size-small:17px;--zn-font-size-extra-small:16px;--zn-text-color-primary:rgba(240, 245, 255, 0.95);--zn-text-color-regular:rgba(240, 245, 255, 0.85);--zn-text-color-secondary:rgba(240, 245, 255, 0.65);--zn-text-color-placeholder:rgba(240, 245, 255, 0.55);--zn-text-color-disabled:rgba(240, 245, 255, 0.4)}:root{--zn-color-white:#ffffff;--zn-color-black:#000000;--zn-color-primary-rgb:64, 158, 255;--zn-color-primary:#409eff;--zn-color-success-rgb:103, 194, 58;--zn-color-success:#67c23a;--zn-color-warning-rgb:230, 162, 60;--zn-color-warning:#e6a23c;--zn-color-danger-rgb:245, 108, 108;--zn-color-danger:#f56c6c;--zn-color-error-rgb:245, 108, 108;--zn-color-error:#f56c6c;--zn-color-info-rgb:144, 147, 153;--zn-color-info:#909399;--zn-font-size-extra-large:20px;--zn-font-size-large:18px;--zn-font-size-medium:16px;--zn-font-size-base:14px;--zn-font-size-small:13px;--zn-font-size-extra-small:12px;--zn-text-color-primary:#303133;--zn-text-color-regular:#606266;--zn-text-color-secondary:#909399;--zn-text-color-placeholder:#a8abb2;--zn-text-color-disabled:#c0c4cc;--zn-index-normal:1;--zn-index-top:1000;--zn-index-popper:2000;--zn-border-color:#dcdfe6;--zn-border-color-light:#e4e7ed;--zn-border-color-lighter:#ebeef5;--zn-border-color-extra-light:#f2f6fc;--zn-border-color-dark:#d4d7de;--zn-border-color-darker:#cdd0d6}.zn-c-p{cursor:pointer}.zn-clear-float{overflow:hidden}.zn-f-l{float:left}.zn-f-r{float:right}.zn-f-w-b{font-weight:bold !important}.zn-c-success{color:#67c23a}.zn-c-primary{color:#409eff !important}.zn-c-warning{color:#e6a23c}.zn-c-danger{color:#f56c6c}.zn-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zn-f-s-18{font-size:18px !important}.zn-f-s-17{font-size:17px !important}.zn-f-s-16{font-size:17px !important}.zn-f-s-24{font-size:24px !important}.zn-t-a-l{text-align:left}.zn-t-a-r{text-align:right}.zn-t-a-c{text-align:center}.zn-d-f-sb{display:flex;justify-content:space-between}.zn-d-f-se{display:flex;justify-content:space-evenly}.zn-d-f-c{display:flex;justify-content:center}.zn-m-b-10{margin-bottom:10px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.zn-descriptions{--zn-descriptions-table-border:1px solid var(--zn-border-color-lighter)}.zn-descriptions .zn-descriptions__table{width:100%;border:none;border-collapse:collapse;display:table}.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label{font-weight:400;font-size:var(--zn-font-size-base);line-height:24px;text-align:center;color:#fff;background:var(--zn-color-primary)}.zn-descriptions .zn-descriptions__table .zn-descriptions-item__content{font-weight:400;font-size:var(--zn-font-size-base);line-height:24px}.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label div,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label p,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label span,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__cell span,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__cell p,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__cell div{font-size:var(--zn-font-size-base)}.zn-descriptions .zn-descriptions-item__cell{color:var(--zn-text-color-primary);padding:12px 10px}.zn-descriptions .is-bordered .zn-descriptions-item__cell,.zn-descriptions .is-bordered .zn-descriptions-row{border:var(--zn-descriptions-table-border)}.zn-image-operation{position:relative;width:100%;overflow:hidden;border:1px solid var(--zn-border-color-lighter);border-radius:4px;margin-bottom:15px}.zn-image-operation .el-image{display:block;width:100%;height:100%}.zn-image-operation .image-error{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--zn-color-danger);font-size:var(--zn-font-size-regular);min-height:100px}.zn-image-operation .zoom-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:5px;z-index:10}.zn-upload{--zn-upload-body-background-color:#f9f9f9;--zn-upload-body-border-color:var(--zn-border-color)}.zn-upload__view{border:2px dashed var(--zn-upload-body-border-color);border-radius:8px;padding:40px 20px;text-align:center;transition:all .3s ease;background-color:var(--zn-upload-body-background-color);margin-bottom:15px;display:flex;flex-direction:column;gap:5px;cursor:pointer}.zn-upload__view:hover{border-color:var(--zn-color-primary)}.zn-upload.is-dragging{background-color:#f6ffed}.zn-upload__file-item{margin-bottom:15px}.zn-upload__file-item .el-card__body{display:flex;justify-content:space-between;align-items:center}.zn-excel-import__download-template{display:flex;gap:5px;justify-content:center}.zn-excel-import__filed-select{display:flex;gap:5px;justify-content:center}.zn-excel-import__filed-select>div{flex:1}
+body.theme-default.skin-map-img{--zn-color-primary:rgba(19, 109, 181, 1);--zn-border-color-lighter:rgba(8, 91, 157, 1);--zn-font-size-extra-large:24px;--zn-font-size-large:22px;--zn-font-size-medium:20px;--zn-font-size-base:18px;--zn-font-size-small:17px;--zn-font-size-extra-small:16px;--zn-text-color-primary:rgba(240, 245, 255, 0.95);--zn-text-color-regular:rgba(240, 245, 255, 0.85);--zn-text-color-secondary:rgba(240, 245, 255, 0.65);--zn-text-color-placeholder:rgba(240, 245, 255, 0.55);--zn-text-color-disabled:rgba(240, 245, 255, 0.4)}:root{--zn-color-white:#ffffff;--zn-color-black:#000000;--zn-color-primary-rgb:64, 158, 255;--zn-color-primary:#409eff;--zn-color-success-rgb:103, 194, 58;--zn-color-success:#67c23a;--zn-color-warning-rgb:230, 162, 60;--zn-color-warning:#e6a23c;--zn-color-danger-rgb:245, 108, 108;--zn-color-danger:#f56c6c;--zn-color-error-rgb:245, 108, 108;--zn-color-error:#f56c6c;--zn-color-info-rgb:144, 147, 153;--zn-color-info:#909399;--zn-font-size-extra-large:20px;--zn-font-size-large:18px;--zn-font-size-medium:16px;--zn-font-size-base:14px;--zn-font-size-small:13px;--zn-font-size-extra-small:12px;--zn-text-color-primary:#303133;--zn-text-color-regular:#606266;--zn-text-color-secondary:#909399;--zn-text-color-placeholder:#a8abb2;--zn-text-color-disabled:#c0c4cc;--zn-index-normal:1;--zn-index-top:1000;--zn-index-popper:2000;--zn-border-color:#dcdfe6;--zn-border-color-light:#e4e7ed;--zn-border-color-lighter:#ebeef5;--zn-border-color-extra-light:#f2f6fc;--zn-border-color-dark:#d4d7de;--zn-border-color-darker:#cdd0d6}.zn-c-p{cursor:pointer}.zn-clear-float{overflow:hidden}.zn-f-l{float:left}.zn-f-r{float:right}.zn-f-w-b{font-weight:bold !important}.zn-c-success{color:#67c23a}.zn-c-primary{color:#409eff !important}.zn-c-warning{color:#e6a23c}.zn-c-danger{color:#f56c6c}.zn-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zn-f-s-18{font-size:18px !important}.zn-f-s-17{font-size:17px !important}.zn-f-s-16{font-size:17px !important}.zn-f-s-24{font-size:24px !important}.zn-t-a-l{text-align:left}.zn-t-a-r{text-align:right}.zn-t-a-c{text-align:center}.zn-d-f-sb{display:flex;justify-content:space-between}.zn-d-f-se{display:flex;justify-content:space-evenly}.zn-d-f-c{display:flex;justify-content:center}.zn-m-b-10{margin-bottom:10px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.zn-descriptions{--zn-descriptions-table-border:1px solid var(--zn-border-color-lighter)}.zn-descriptions .zn-descriptions__table{width:100%;border:none;border-collapse:collapse;display:table}.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label{font-weight:400;font-size:var(--zn-font-size-base);line-height:24px;text-align:center;color:#fff;background:var(--zn-color-primary)}.zn-descriptions .zn-descriptions__table .zn-descriptions-item__content{font-weight:400;font-size:var(--zn-font-size-base);line-height:24px;white-space:normal;word-break:break-all}.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label div,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label p,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__label span,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__cell span,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__cell p,.zn-descriptions .zn-descriptions__table .zn-descriptions-item__cell div{font-size:var(--zn-font-size-base)}.zn-descriptions .zn-descriptions-item__cell{color:var(--zn-text-color-primary);padding:12px 10px}.zn-descriptions .is-bordered .zn-descriptions-item__cell,.zn-descriptions .is-bordered .zn-descriptions-row{border:var(--zn-descriptions-table-border)}.zn-image-operation{position:relative;width:100%;overflow:hidden;border:1px solid var(--zn-border-color-lighter);border-radius:4px;margin-bottom:15px}.zn-image-operation .el-image{display:block;width:100%;height:100%}.zn-image-operation .image-error{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--zn-color-danger);font-size:var(--zn-font-size-regular);min-height:100px}.zn-image-operation .zoom-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:5px;z-index:10}.zn-upload{--zn-upload-body-background-color:#f9f9f9;--zn-upload-body-border-color:var(--zn-border-color)}.zn-upload__view{border:2px dashed var(--zn-upload-body-border-color);border-radius:8px;padding:40px 20px;text-align:center;transition:all .3s ease;background-color:var(--zn-upload-body-background-color);margin-bottom:15px;display:flex;flex-direction:column;gap:5px;cursor:pointer}.zn-upload__view:hover{border-color:var(--zn-color-primary)}.zn-upload.is-dragging{background-color:#f6ffed}.zn-upload__file-item{margin-bottom:15px}.zn-upload__file-item .el-card__body{display:flex;justify-content:space-between;align-items:center}.zn-excel-import__download-template{display:flex;gap:5px;justify-content:center}.zn-excel-import__filed-select{display:flex;gap:5px;justify-content:center}.zn-excel-import__filed-select>div{flex:1}
+
+/* 标签间距 */
+.dict-tag[data-v-03a78b32] {
+  margin-right: 8px;
+  margin-bottom: 4px;
+}
+
+/* 最后一个标签无右边距 */
+.dict-tag[data-v-03a78b32]:last-child {
+  margin-right: 0;
+}
+