npm - @next-bricks/data-view - Versions diffs - 1.12.6 → 1.12.8 - Mend

@next-bricks/data-view 1.12.6 → 1.12.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (198) hide show

package/dist/chunks/{cabinet-node.8380d805.js → cabinet-node.7e1af335.js} RENAMED Viewed

@@ -1,3 +1,3 @@
-/*! For license information please see cabinet-node.8380d805.js.LICENSE.txt */
-(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2052,6306],{4677:(e,t,r)=>{"use strict";e.exports=r.p+"images/85e27dbe.png"},5228:(e,t,r)=>{"use strict";e.exports=r.p+"images/23be87ab.png"},8167:(e,t,r)=>{"use strict";e.exports=r.p+"images/6cef4f17.png"},8309:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),i=r(40935),o=r.n(i)()(n());o.push([e.id,":host{display:inline-block;width:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity 0.5s}.image{width:100%;border:2px solid transparent}.node-title{width:100%;text-align:center;font-size:var(--normal-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.type-container-group:hover .image,\n.type-container-group.status-active .image{box-shadow:inset 0 0 16px 0 #ff9900;border-color:#ff9900}.type-physical-machine:hover .image,\n.type-virtual-machine:hover .image,\n.type-physical-machine.status-active .image,\n.type-virtual-machine.status-active .image,\n.type-pod:hover .image,\n.type-type-pod.status-active .image{box-shadow:inset 0 0 16px 0 #50ffff;border-color:#50ffff}.status-faded{opacity:0.4}",""]);const l=o.toString()},11369:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(17545);function n(e){var t=function(e){if("object"!=(0,a.A)(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=(0,a.A)(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.A)(t)?t:t+""}},12559:(e,t,r)=>{"use strict";function a(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}r.d(t,{A:()=>a})},13229:(e,t,r)=>{"use strict";e.exports=r.p+"images/2f0f6b06.png"},17545:(e,t,r)=>{"use strict";function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{A:()=>a})},18563:(e,t,r)=>{"use strict";e.exports=r.p+"images/55a7b5bb.png"},18753:(e,t,r)=>{"use strict";e.exports=r.p+"images/946b4897.png"},26902:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(17545);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.A)(e):"null"));return e}},35353:(e,t,r)=>{"use strict";e.exports=r.p+"images/17ea7260.png"},36758:e=>{"use strict";e.exports=function(e){return e[1]}},40935:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,i){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(a)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(o[s]=!0)}for(var c=0;c<e.length;c++){var p=[].concat(e[c]);a&&o[p[0]]||(void 0!==i&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=i),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},53373:(e,t)=>{var r;!function(){"use strict";var a={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=o(e,i(r)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)a.call(e,r)&&e[r]&&(t=o(t,r));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(n.default=n,e.exports=n):void 0===(r=function(){return n}.apply(t,[]))||(e.exports=r)}()},62740:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(17545),n=r(26902);function i(e,t,r){"symbol"==(0,a.A)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var o=r(11369);function l(e,t,r,l,s,c){var p,g,u,b,h,f,d,v=Symbol.metadata||Symbol.for("Symbol.metadata"),y=Object.defineProperty,m=Object.create,x=[m(null),m(null)],w=t.length;function A(t,r,a){return function(n,i){r&&(i=n,n=e);for(var o=0;o<t.length;o++)i=t[o].apply(n,a?[i]:[]);return a?i:n}}function z(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function S(e,t,r,n,o,l,s,c,u,b,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var d=[].concat(t[0]),v=t[3],m=!s,w=1===o,S=3===o,k=4===o,E=2===o;function T(t,r,a){return function(n,i){return r&&(i=n,n=e),a&&a(n),j[t].call(n,i)}}if(!m){var j={},O=[],_=S?"get":k||w?"set":"value";if(u?(b||w?j={get:i((function(){return v(this)}),n,"get"),set:function(e){t[4](this,e)}}:j[_]=v,b||i(j[_],n,E?"":_)):b||(j=Object.getOwnPropertyDescriptor(e,n)),!b&&!u){if((g=x[+c][n])&&7!=(g^o))throw Error("Decorating two elements with the same name ("+j[_].name+") is not supported yet");x[+c][n]=o<3?1:o}}for(var P=e,N=d.length-1;N>=0;N-=r?2:1){var C=z(d[N],"A decorator","be",!0),M=r?d[N-1]:void 0,W={},$={kind:["field","accessor","method","getter","setter","class"][o],name:n,metadata:p,addInitializer:function(e,t){if(e.v)throw Error("attempted to call addInitializer after decoration was finished");z(t,"An initializer","be",!0),l.push(t)}.bind(null,W)};if(m)g=C.call(M,P,$),W.v=1,z(g,"class decorators","return")&&(P=g);else if($.static=c,$.private=u,g=$.access={has:u?h.bind():function(e){return n in e}},k||(g.get=u?E?function(e){return f(e),j.value}:T("get",0,f):function(e){return e[n]}),E||S||(g.set=u?T("set",0,f):function(e,t){e[n]=t}),P=C.call(M,w?{get:j.get,set:j.set}:j[_],$),W.v=1,w){if("object"==(0,a.A)(P)&&P)(g=z(P.get,"accessor.get"))&&(j.get=g),(g=z(P.set,"accessor.set"))&&(j.set=g),(g=z(P.init,"accessor.init"))&&O.unshift(g);else if(void 0!==P)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else z(P,(b?"field":"method")+" decorators","return")&&(b?O.unshift(P):j[_]=P)}return o<2&&s.push(A(O,c,1),A(l,c,0)),b||m||(u?w?s.splice(-1,0,T("get",c),T("set",c)):s.push(E?j[_]:z.call.bind(j[_])):y(e,n,j)),P}function k(e){return y(e,v,{configurable:!0,enumerable:!0,value:p})}return void 0!==c&&(p=c[v]),p=m(null==p?null:p),h=[],f=function(e){e&&h.push(A(e))},d=function(t,a){for(var i=0;i<r.length;i++){var l=r[i],c=l[1],p=7&c;if((8&c)==t&&!p==a){var g=l[2],f=!!l[3],d=16&c;S(t?e:e.prototype,l,d,f?"#"+g:(0,o.A)(g),p,p<2?[]:t?b=b||[]:u=u||[],h,!!t,f,a,t&&f?function(t){return(0,n.A)(t)===e}:s)}}},d(8,0),d(0,0),d(8,1),d(0,1),f(u),f(b),g=h,w||k(e),{e:g,get c(){var r=[];return w&&[k(e=S(e,[t],l,e.name,5,r)),A(r,1)]}}}},70829:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(12559);function n(e,t){return e.get((0,a.A)(e,t))}},70918:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(72016);function n(e,t,r){(0,a.A)(e,t),t.set(e,r)}},71663:(e,t,r)=>{"use strict";r.r(t),r.d(t,{CabinetNode:()=>C});var a,n=r(70918),i=r(86121),o=r(70829),l=r(62740),s=r(18769),c=r.n(s),p=r(90870),g=r(30981),u=r(79935),b=r(8309),h=r(53373),f=r.n(h),d=r(18563),v=r(18753),y=r(35353),m=r(8167),x=r(13229);let w,A,z,S,k,E,T,j,O;const _={"container-group":y,"virtual-machine":d,"physical-machine":v,"container-group-warning":r(4677),"virtual-machine-warning":m,"physical-machine-warning":x,pod:r(79130),"pod-warning":r(5228)},{defineElement:P,property:N}=(0,p.createDecorators)();let C;var M=new WeakMap,W=new WeakMap,$=new WeakMap,D=new WeakMap;class I extends g.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,M,A(this)),(0,n.A)(this,W,(z(this),S(this))),(0,n.A)(this,$,(k(this),E(this))),(0,n.A)(this,D,(T(this),j(this))),O(this)}get type(){return(0,o.A)(M,this)}set type(e){(0,i.A)(M,this,e)}get nodeTitle(){return(0,o.A)(W,this)}set nodeTitle(e){(0,i.A)(W,this,e)}get status(){return(0,o.A)($,this)}set status(e){(0,i.A)($,this,e)}get isAlert(){return(0,o.A)(D,this)}set isAlert(e){(0,i.A)(D,this,e)}render(){return c().createElement(R,{type:this.type,nodeTitle:this.nodeTitle,status:this.status,isAlert:this.isAlert})}}function R(e){const{type:t,nodeTitle:r,status:a,isAlert:n}=e;return c().createElement("div",{className:f()("container",t&&`type-${t}`,a&&`status-${a}`)},c().createElement("img",{className:"image",src:_[`${t}${n?"-warning":""}`],alt:t}),c().createElement("div",{className:"node-title",title:r},r))}a=I,({e:[A,z,S,k,E,T,j,O],c:[C,w]}=(0,l.A)(a,[P("data-view.cabinet-node",{styleTexts:[u.A,b.A]})],[[N(),1,"type"],[N(),1,"nodeTitle"],[N(),1,"status"],[N({type:Boolean}),1,"isAlert"]],0,void 0,g.ReactNextElement)),w()},72016:(e,t,r)=>{"use strict";function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{A:()=>a})},79130:(e,t,r)=>{"use strict";e.exports=r.p+"images/67e041ba.png"},79935:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),i=r(40935),o=r.n(i)()(n());o.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=o.toString()},86121:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(12559);function n(e,t,r){return e.set((0,a.A)(e,t),r),r}}}]);
-//# sourceMappingURL=cabinet-node.8380d805.js.map
+/*! For license information please see cabinet-node.7e1af335.js.LICENSE.txt */
+(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2052,6306],{4677:(e,t,r)=>{"use strict";e.exports=r.p+"images/85e27dbe.png"},5228:(e,t,r)=>{"use strict";e.exports=r.p+"images/23be87ab.png"},8167:(e,t,r)=>{"use strict";e.exports=r.p+"images/6cef4f17.png"},8309:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),i=r(40935),o=r.n(i)()(n());o.push([e.id,":host{display:inline-block;width:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity 0.5s}.image{width:100%;border:2px solid transparent}.node-title{width:100%;text-align:center;font-size:var(--normal-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.type-container-group:hover .image,\n.type-container-group.status-active .image{box-shadow:inset 0 0 16px 0 #ff9900;border-color:#ff9900}.type-physical-machine:hover .image,\n.type-virtual-machine:hover .image,\n.type-physical-machine.status-active .image,\n.type-virtual-machine.status-active .image,\n.type-pod:hover .image,\n.type-type-pod.status-active .image{box-shadow:inset 0 0 16px 0 #50ffff;border-color:#50ffff}.status-faded{opacity:0.4}",""]);const l=o.toString()},11369:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(17545);function n(e){var t=function(e){if("object"!=(0,a.A)(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=(0,a.A)(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.A)(t)?t:t+""}},12559:(e,t,r)=>{"use strict";function a(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}r.d(t,{A:()=>a})},13229:(e,t,r)=>{"use strict";e.exports=r.p+"images/2f0f6b06.png"},17545:(e,t,r)=>{"use strict";function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{A:()=>a})},18563:(e,t,r)=>{"use strict";e.exports=r.p+"images/55a7b5bb.png"},18753:(e,t,r)=>{"use strict";e.exports=r.p+"images/946b4897.png"},26902:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(17545);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.A)(e):"null"));return e}},35353:(e,t,r)=>{"use strict";e.exports=r.p+"images/17ea7260.png"},36758:e=>{"use strict";e.exports=function(e){return e[1]}},40935:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,i){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(a)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(o[s]=!0)}for(var c=0;c<e.length;c++){var p=[].concat(e[c]);a&&o[p[0]]||(void 0!==i&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=i),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},53373:(e,t)=>{var r;!function(){"use strict";var a={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=o(e,i(r)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)a.call(e,r)&&e[r]&&(t=o(t,r));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(n.default=n,e.exports=n):void 0===(r=function(){return n}.apply(t,[]))||(e.exports=r)}()},54528:(e,t,r)=>{"use strict";r.r(t),r.d(t,{CabinetNode:()=>C});var a,n=r(70918),i=r(86121),o=r(70829),l=r(62740),s=r(18769),c=r.n(s),p=r(90870),g=r(30981),u=r(79935),b=r(8309),h=r(53373),f=r.n(h),d=r(18563),v=r(18753),y=r(35353),m=r(8167),x=r(13229);let w,A,z,S,k,E,T,j,O;const _={"container-group":y,"virtual-machine":d,"physical-machine":v,"container-group-warning":r(4677),"virtual-machine-warning":m,"physical-machine-warning":x,pod:r(79130),"pod-warning":r(5228)},{defineElement:P,property:N}=(0,p.createDecorators)();let C;var M=new WeakMap,W=new WeakMap,$=new WeakMap,D=new WeakMap;class I extends g.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,M,A(this)),(0,n.A)(this,W,(z(this),S(this))),(0,n.A)(this,$,(k(this),E(this))),(0,n.A)(this,D,(T(this),j(this))),O(this)}get type(){return(0,o.A)(M,this)}set type(e){(0,i.A)(M,this,e)}get nodeTitle(){return(0,o.A)(W,this)}set nodeTitle(e){(0,i.A)(W,this,e)}get status(){return(0,o.A)($,this)}set status(e){(0,i.A)($,this,e)}get isAlert(){return(0,o.A)(D,this)}set isAlert(e){(0,i.A)(D,this,e)}render(){return c().createElement(R,{type:this.type,nodeTitle:this.nodeTitle,status:this.status,isAlert:this.isAlert})}}function R(e){const{type:t,nodeTitle:r,status:a,isAlert:n}=e;return c().createElement("div",{className:f()("container",t&&`type-${t}`,a&&`status-${a}`)},c().createElement("img",{className:"image",src:_[`${t}${n?"-warning":""}`],alt:t}),c().createElement("div",{className:"node-title",title:r},r))}a=I,({e:[A,z,S,k,E,T,j,O],c:[C,w]}=(0,l.A)(a,[P("data-view.cabinet-node",{styleTexts:[u.A,b.A]})],[[N(),1,"type"],[N(),1,"nodeTitle"],[N(),1,"status"],[N({type:Boolean}),1,"isAlert"]],0,void 0,g.ReactNextElement)),w()},62740:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(17545),n=r(26902);function i(e,t,r){"symbol"==(0,a.A)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var o=r(11369);function l(e,t,r,l,s,c){var p,g,u,b,h,f,d,v=Symbol.metadata||Symbol.for("Symbol.metadata"),y=Object.defineProperty,m=Object.create,x=[m(null),m(null)],w=t.length;function A(t,r,a){return function(n,i){r&&(i=n,n=e);for(var o=0;o<t.length;o++)i=t[o].apply(n,a?[i]:[]);return a?i:n}}function z(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function S(e,t,r,n,o,l,s,c,u,b,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var d=[].concat(t[0]),v=t[3],m=!s,w=1===o,S=3===o,k=4===o,E=2===o;function T(t,r,a){return function(n,i){return r&&(i=n,n=e),a&&a(n),j[t].call(n,i)}}if(!m){var j={},O=[],_=S?"get":k||w?"set":"value";if(u?(b||w?j={get:i((function(){return v(this)}),n,"get"),set:function(e){t[4](this,e)}}:j[_]=v,b||i(j[_],n,E?"":_)):b||(j=Object.getOwnPropertyDescriptor(e,n)),!b&&!u){if((g=x[+c][n])&&7!=(g^o))throw Error("Decorating two elements with the same name ("+j[_].name+") is not supported yet");x[+c][n]=o<3?1:o}}for(var P=e,N=d.length-1;N>=0;N-=r?2:1){var C=z(d[N],"A decorator","be",!0),M=r?d[N-1]:void 0,W={},$={kind:["field","accessor","method","getter","setter","class"][o],name:n,metadata:p,addInitializer:function(e,t){if(e.v)throw Error("attempted to call addInitializer after decoration was finished");z(t,"An initializer","be",!0),l.push(t)}.bind(null,W)};if(m)g=C.call(M,P,$),W.v=1,z(g,"class decorators","return")&&(P=g);else if($.static=c,$.private=u,g=$.access={has:u?h.bind():function(e){return n in e}},k||(g.get=u?E?function(e){return f(e),j.value}:T("get",0,f):function(e){return e[n]}),E||S||(g.set=u?T("set",0,f):function(e,t){e[n]=t}),P=C.call(M,w?{get:j.get,set:j.set}:j[_],$),W.v=1,w){if("object"==(0,a.A)(P)&&P)(g=z(P.get,"accessor.get"))&&(j.get=g),(g=z(P.set,"accessor.set"))&&(j.set=g),(g=z(P.init,"accessor.init"))&&O.unshift(g);else if(void 0!==P)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else z(P,(b?"field":"method")+" decorators","return")&&(b?O.unshift(P):j[_]=P)}return o<2&&s.push(A(O,c,1),A(l,c,0)),b||m||(u?w?s.splice(-1,0,T("get",c),T("set",c)):s.push(E?j[_]:z.call.bind(j[_])):y(e,n,j)),P}function k(e){return y(e,v,{configurable:!0,enumerable:!0,value:p})}return void 0!==c&&(p=c[v]),p=m(null==p?null:p),h=[],f=function(e){e&&h.push(A(e))},d=function(t,a){for(var i=0;i<r.length;i++){var l=r[i],c=l[1],p=7&c;if((8&c)==t&&!p==a){var g=l[2],f=!!l[3],d=16&c;S(t?e:e.prototype,l,d,f?"#"+g:(0,o.A)(g),p,p<2?[]:t?b=b||[]:u=u||[],h,!!t,f,a,t&&f?function(t){return(0,n.A)(t)===e}:s)}}},d(8,0),d(0,0),d(8,1),d(0,1),f(u),f(b),g=h,w||k(e),{e:g,get c(){var r=[];return w&&[k(e=S(e,[t],l,e.name,5,r)),A(r,1)]}}}},70829:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(12559);function n(e,t){return e.get((0,a.A)(e,t))}},70918:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(72016);function n(e,t,r){(0,a.A)(e,t),t.set(e,r)}},72016:(e,t,r)=>{"use strict";function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{A:()=>a})},79130:(e,t,r)=>{"use strict";e.exports=r.p+"images/67e041ba.png"},79935:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),i=r(40935),o=r.n(i)()(n());o.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=o.toString()},86121:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(12559);function n(e,t,r){return e.set((0,a.A)(e,t),r),r}}}]);
+//# sourceMappingURL=cabinet-node.7e1af335.js.map

package/dist/chunks/cabinet-node.7e1af335.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"chunks/cabinet-node.7e1af335.js","mappings":"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","sources":["webpack:///./src/cabinet/cabinet-node/cabinet-node.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/assertClassBrand.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-node/index.tsx","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2311.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet2.js"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block;width:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity 0.5s}.image{width:100%;border:2px solid transparent}.node-title{width:100%;text-align:center;font-size:var(--normal-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.type-container-group:hover .image,\n.type-container-group.status-active .image{box-shadow:inset 0 0 16px 0 #ff9900;border-color:#ff9900}.type-physical-machine:hover .image,\n.type-virtual-machine:hover .image,\n.type-physical-machine.status-active .image,\n.type-virtual-machine.status-active .image,\n.type-pod:hover .image,\n.type-type-pod.status-active .image{box-shadow:inset 0 0 16px 0 #50ffff;border-color:#50ffff}.status-faded{opacity:0.4}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}","export default function _assertClassBrand(e, t, n) {\n if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;\n throw new TypeError(\"Private element is not present on this object\");\n}","export default function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n return e;\n}","\"use strict\";\n\nmodule.exports = function (i) {\n return i[1];\n};","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport variablesStyleText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-node.shadow.css\";\nimport classNames from \"classnames\";\nimport virtualMachineImg from \"../../asset/images/virtualMachine.png\";\nimport physicalMachineImg from \"../../asset/images/physicalMachine.png\";\nimport containerGroupImg from \"../../asset/images/containerGroup.png\";\nimport virtualMachineWarningImg from \"../../asset/images/virtualMachineWarning.png\";\nimport physicalMachineWarningImg from \"../../asset/images/physicalMachineWarning.png\";\nimport containerGroupWarningImg from \"../../asset/images/containerGroupWarning.png\";\nimport podImg from \"../../asset/images/pod.png\";\nimport podWarningImg from \"../../asset/images/podWarning.png\";\n\nconst imageMap = {\n \"container-group\": containerGroupImg,\n \"virtual-machine\": virtualMachineImg,\n \"physical-machine\": physicalMachineImg,\n \"container-group-warning\": containerGroupWarningImg,\n \"virtual-machine-warning\": virtualMachineWarningImg,\n \"physical-machine-warning\": physicalMachineWarningImg,\n pod: podImg,\n \"pod-warning\": podWarningImg,\n};\n\nconst { defineElement, property } = createDecorators();\n\nexport interface CabinetNodeProps {\n type: \"container-group\" | \"physical-machine\" | \"virtual-machine\" | \"pod\";\n nodeTitle: string;\n status?: \"active\" | \"faded\";\n isAlert?: boolean;\n}\n\n/**\n * cabinet子构件----节点\n * @author nlicroshan\n */\n@defineElement(\"data-view.cabinet-node\", {\n styleTexts: [variablesStyleText, styleText],\n})\nclass CabinetNode extends ReactNextElement implements CabinetNodeProps {\n /**\n * @kind \"container-group\" | \"physical-machine\" | \"virtual-machine\"\n * @required true\n * @default\n * @description 类型\n */\n @property()\n accessor type:\n | \"container-group\"\n | \"physical-machine\"\n | \"virtual-machine\"\n | \"pod\";\n\n /**\n * @kind string\n * @required true\n * @default\n * @description 标题\n */\n @property()\n accessor nodeTitle: string;\n\n /**\n * @kind \"active\" | \"faded\"\n * @required false\n * @default\n * @description 当前状态\n */\n @property()\n accessor status: \"active\" | \"faded\";\n\n /**\n * @kind boolean\n * @required false\n * @default\n * @description 是否是告警态\n */\n @property({ type: Boolean })\n accessor isAlert: boolean;\n\n render() {\n return (\n <CabinetNodeElement\n type={this.type}\n nodeTitle={this.nodeTitle}\n status={this.status}\n isAlert={this.isAlert}\n />\n );\n }\n}\n\nfunction CabinetNodeElement(props: CabinetNodeProps): React.ReactElement {\n const { type, nodeTitle, status, isAlert } = props;\n\n return (\n <div\n className={classNames(\n \"container\",\n type && `type-${type}`,\n status && `status-${status}`\n )}\n >\n <img\n className=\"image\"\n src={imageMap[`${type}${isAlert ? \"-warning\" : \"\"}`]}\n alt={type}\n />\n <div className=\"node-title\" title={nodeTitle}>\n {nodeTitle}\n </div>\n </div>\n );\n}\n\nexport { CabinetNode };\n","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n try {\n Object.defineProperty(e, \"name\", {\n configurable: !0,\n value: n ? n + \" \" + t : t\n });\n } catch (e) {}\n return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2311(e, t, n, r, o, i) {\n var a,\n c,\n u,\n s,\n f,\n l,\n p,\n d = Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"),\n m = Object.defineProperty,\n h = Object.create,\n y = [h(null), h(null)],\n v = t.length;\n function g(t, n, r) {\n return function (o, i) {\n n && (i = o, o = e);\n for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []);\n return r ? i : o;\n };\n }\n function b(e, t, n, r) {\n if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\"));\n return e;\n }\n function applyDec(e, t, n, r, o, i, u, s, f, l, p) {\n function d(e) {\n if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n }\n var h = [].concat(t[0]),\n v = t[3],\n w = !u,\n D = 1 === o,\n S = 3 === o,\n j = 4 === o,\n E = 2 === o;\n function I(t, n, r) {\n return function (o, i) {\n return n && (i = o, o = e), r && r(o), P[t].call(o, i);\n };\n }\n if (!w) {\n var P = {},\n k = [],\n F = S ? \"get\" : j || D ? \"set\" : \"value\";\n if (f ? (l || D ? P = {\n get: setFunctionName(function () {\n return v(this);\n }, r, \"get\"),\n set: function set(e) {\n t[4](this, e);\n }\n } : P[F] = v, l || setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) {\n if ((c = y[+s][r]) && 7 != (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\");\n y[+s][r] = o < 3 ? 1 : o;\n }\n }\n for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) {\n var z = b(h[O], \"A decorator\", \"be\", !0),\n A = n ? h[O - 1] : void 0,\n H = {},\n K = {\n kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o],\n name: r,\n metadata: a,\n addInitializer: function (e, t) {\n if (e.v) throw Error(\"attempted to call addInitializer after decoration was finished\");\n b(t, \"An initializer\", \"be\", !0), i.push(t);\n }.bind(null, H)\n };\n if (w) c = z.call(A, N, K), H.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (K[\"static\"] = s, K[\"private\"] = f, c = K.access = {\n has: f ? p.bind() : function (e) {\n return r in e;\n }\n }, j || (c.get = f ? E ? function (e) {\n return d(e), P.value;\n } : I(\"get\", 0, d) : function (e) {\n return e[r];\n }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) {\n e[r] = t;\n }), N = z.call(A, D ? {\n get: P.get,\n set: P.set\n } : P[F], K), H.v = 1, D) {\n if (\"object\" == _typeof(N) && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\");\n } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N);\n }\n return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N;\n }\n function w(e) {\n return m(e, d, {\n configurable: !0,\n enumerable: !0,\n value: a\n });\n }\n return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function l(e) {\n e && f.push(g(e));\n }, p = function p(t, r) {\n for (var i = 0; i < n.length; i++) {\n var a = n[i],\n c = a[1],\n l = 7 & c;\n if ((8 & c) == t && !l == r) {\n var p = a[2],\n d = !!a[3],\n m = 16 & c;\n applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) {\n return checkInRHS(t) === e;\n } : o);\n }\n }\n }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), {\n e: c,\n get c() {\n var n = [];\n return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)];\n }\n };\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldGet2(s, a) {\n return s.get(assertClassBrand(s, a));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n checkPrivateRedeclaration(obj, privateMap);\n privateMap.set(obj, value);\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n if (privateCollection.has(obj)) {\n throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n }\n}","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldSet2(s, a, r) {\n return s.set(assertClassBrand(s, a), r), r;\n}"],"names":["___CSS_LOADER_EXPORT___","push","module","id","toString","toPropertyKey","t","i","e","Symbol","toPrimitive","call","r","TypeError","String","_assertClassBrand","n","has","arguments","length","_typeof","o","iterator","constructor","prototype","_checkInRHS","Object","exports","cssWithMappingToString","list","this","map","item","content","needLayer","concat","join","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","hasOwn","hasOwnProperty","classNames","classes","arg","appendClass","parseValue","Array","isArray","apply","includes","key","value","newClass","default","imageMap","containerGroupImg","virtualMachineImg","physicalMachineImg","virtualMachineWarningImg","physicalMachineWarningImg","pod","defineElement","property","createDecorators","_CabinetNode","_A","WeakMap","_B","_C","_D","CabinetNode","ReactNextElement","_classPrivateFieldInitSpec","_init_type","_init_extra_type","_init_nodeTitle","_init_extra_nodeTitle","_init_status","_init_extra_status","_init_isAlert","_init_extra_isAlert","type","_classPrivateFieldGet","v","_classPrivateFieldSet","nodeTitle","status","isAlert","render","React","CabinetNodeElement","props","className","src","alt","title","_CabinetNode2","c","_initClass","_applyDecs","styleTexts","variablesStyleText","styleText","Boolean","setFunctionName","description","defineProperty","configurable","applyDecs2311","a","u","s","f","l","p","d","metadata","m","h","create","y","g","b","applyDec","w","D","S","j","E","I","P","F","get","set","getOwnPropertyDescriptor","Error","name","N","O","z","A","H","K","kind","addInitializer","bind","access","init","unshift","splice","enumerable","checkInRHS","_classPrivateFieldGet2","obj","privateMap","_checkPrivateRedeclaration","privateCollection","_classPrivateFieldSet2"],"sourceRoot":""}

package/dist/chunks/cabinet-thumbnail.e25f5478.js ADDED Viewed

@@ -0,0 +1,3 @@
+/*! For license information please see cabinet-thumbnail.e25f5478.js.LICENSE.txt */
+(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[3158],{21935:(e,t,a)=>{"use strict";a.d(t,{Z:()=>p,w:()=>c});var r=a(18769),l=a(99126);const n=new Map,i=new l.A((e=>{e.forEach((e=>{var t;const{target:a}=e;null===(t=n.get(a))||void 0===t||t.forEach((t=>t(e)))}))})),o=(e,t)=>{n.has(e)||(n.set(e,new Set),i.observe(e)),n.get(e).add(t)},s=(e,t)=>{n.has(e)&&(n.get(e).delete(t),0===n.get(e).size&&(i.unobserve(e),n.delete(e)))};function c(e){const{targetRef:t,onResize:a}=e||{},l=(0,r.useRef)(),n=null!=t?t:l,[i,c]=(0,r.useState)({clientWidth:0,clientHeight:0}),p=(0,r.useCallback)((e=>{const{target:t}=e,{clientWidth:r=0,clientHeight:l=0}=t;c((t=>t.clientWidth===r&&t.clientHeight===l?t:(null==a||a(e),{clientWidth:r,clientHeight:l})))}),[a]);return(0,r.useEffect)((()=>{if("object"!=typeof n||null===n||!(n.current instanceof Element))throw new Error("ResizeObserver must observe an Element");const e=n.current;return o(e,p),()=>{s(e,p)}}),[p,n]),[n,{...i}]}function p(e){const t=(0,r.useRef)();return(0,r.useEffect)((()=>{t.current=e})),t.current}},45097:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),n=a(40935),i=a.n(n)()(l());i.push([e.id,'*,\n*:after,\n*:before{box-sizing:border-box}.wrapper{width:100%;height:100%}.wrapper,\n.thumbnailLayout{display:flex;justify-content:center;align-items:center}.appLayer{width:90%;margin-bottom:16px;align-self:center;pointer-events:none}.thumbnailLayout{flex-direction:column}.layout{display:flex;gap:17px;margin-top:27px;align-items:stretch}.clusterWrapper{width:100%;height:auto}.clusterContainer{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column}.clusterHostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.clusterK8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.clusterContent{flex:1;padding:20px 10px;width:100%}.clusterContentLayout{display:grid;width:100%}.itemContent{width:118px;pointer-events:none;height:105px}.clusterTitle{width:100%;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.title{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clusterTitle:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.clusterHostContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.clusterK8sContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}',""]);const o=i.toString()},53373:(e,t)=>{var a;!function(){"use strict";var r={}.hasOwnProperty;function l(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=i(e,n(a)))}return e}function n(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)r.call(e,a)&&e[a]&&(t=i(t,a));return t}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},79935:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),n=a(40935),i=a.n(n)()(l());i.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const o=i.toString()},98948:(e,t,a)=>{"use strict";a.r(t),a.d(t,{CabinetThumbnail:()=>T,CabinetThumbnailComponent:()=>L});var r,l=a(70918),n=a(86121),i=a(70829),o=a(62740),s=a(18769),c=a.n(s),p=a(30981),b=a(90870),g=a(53373),u=a.n(g),h=a(79935),d=a(45097),f=a(21935);let x,v,m,w,y,k,z;const E=(0,p.wrapBrick)("data-view.cabinet-app-layer"),{defineElement:C,property:N}=(0,b.createDecorators)(),A=(0,p.wrapBrick)("data-view.cabinet-node");let T;var W=new WeakMap,S=new WeakMap,H=new WeakMap;class R extends p.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,W,v(this,[])),(0,l.A)(this,S,(m(this),w(this,4))),(0,l.A)(this,H,(y(this),k(this))),z(this)}get clusters(){return(0,i.A)(W,this)}set clusters(e){(0,n.A)(W,this,e)}get columns(){return(0,i.A)(S,this)}set columns(e){(0,n.A)(S,this,e)}get appName(){return(0,i.A)(H,this)}set appName(e){(0,n.A)(H,this,e)}render(){return c().createElement(L,{clusters:this.clusters,columns:this.columns,appName:this.appName})}}function L(e){const{clusters:t,columns:a,appName:r}=e,l=(0,s.useRef)(),n=(0,s.useRef)(),[i,o]=(0,s.useState)(),p=(0,f.Z)(i);return(0,s.useLayoutEffect)((()=>{if(t.length&&a>0){const e=l.current.clientWidth/(n.current.clientWidth/(null!=p?p:1)),t=l.current.clientHeight/(n.current.clientHeight*(null!=p?p:1));o(Math.min(Math.floor(100*Math.min(e,t))/100,1))}}),[t,p,a]),c().createElement("div",{ref:l,className:"wrapper"},c().createElement("div",{className:"thumbnailLayout",ref:n,style:{...i?{transform:`scale(${i})`}:{}}},c().createElement(E,{className:"appLayer",appTitle:r}),c().createElement("div",{className:"layout"},t.map(((e,t)=>c().createElement("div",{className:"clusterWrapper",key:t},c().createElement("div",{className:u()("clusterContainer",{clusterHostContainer:"host"===e.type||"k8s-blue"===e.type,clusterK8sContainer:"k8s"===e.type})},c().createElement("div",{className:"clusterContent"},c().createElement("div",{className:"clusterContentLayout",style:{gridTemplateColumns:`repeat(${a},1fr)`}},e.data.map(((e,t)=>c().createElement("div",{key:t,className:"itemContent"},c().createElement(A,{type:e.type,nodeTitle:e.nodeTitle})))))),c().createElement("div",{className:"clusterTitle"},c().createElement("div",{className:"title"},e.title)))))))))}r=R,({e:[v,m,w,y,k,z],c:[T,x]}=(0,o.A)(r,[C("data-view.cabinet-thumbnail",{styleTexts:[h.A,d.A]})],[[N({attribute:!1}),1,"clusters"],[N({type:Number}),1,"columns"],[N(),1,"appName"]],0,void 0,p.ReactNextElement)),x()}}]);
+//# sourceMappingURL=cabinet-thumbnail.e25f5478.js.map

package/dist/chunks/{cabinet-thumbnail.c475ab5d.js.map → cabinet-thumbnail.e25f5478.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chunks/cabinet-thumbnail.c475ab5d.js","mappings":"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","sources":["webpack:///./src/hooks/useResizeObserver/resizeObserverUtil.ts","webpack:///./src/hooks/useResizeObserver/index.ts","webpack:///./src/hooks/usePrevious/index.ts","webpack:///./src/cabinet/cabinet-thumbnail/cabinet-thumbnail.shadow.css","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css","webpack:///./src/cabinet/cabinet-thumbnail/index.tsx"],"sourcesContent":["import ResizeObserver from \"resize-observer-polyfill\";\n\nexport type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nconst elementListeners = new Map<Element, Set<ResizeCallback>>();\n\nexport const elementListeners_only_for_test =\n process.env.NODE_ENV === \"test\"\n ? elementListeners\n : /* istanbul ignore next / null;\n\nconst resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n entries.forEach((entry) => {\n const { target } = entry;\n elementListeners.get(target)?.forEach((callback) => callback(entry));\n });\n};\n\nconst resizeObserver: ResizeObserver = new (ResizeObserver as any)(resizeObserverCallback);\n\nexport const observe = (element: Element, callback: ResizeCallback): void => {\n if (!elementListeners.has(element)) {\n elementListeners.set(element, new Set());\n resizeObserver.observe(element);\n }\n\n elementListeners.get(element).add(callback);\n};\n\nexport const unobserve = (element: Element, callback: ResizeCallback): void => {\n if (elementListeners.has(element)) {\n elementListeners.get(element).delete(callback);\n\n if (elementListeners.get(element).size === 0) {\n resizeObserver.unobserve(element);\n elementListeners.delete(element);\n }\n }\n};\n","import {\n useState,\n useCallback,\n useRef,\n type RefObject,\n useEffect,\n} from \"react\";\nimport { observe, unobserve } from \"./resizeObserverUtil.js\";\n\ninterface ElementSize {\n clientWidth: number;\n clientHeight: number;\n}\n\nexport interface ResizeObserveProps<T extends Element = Element> {\n targetRef?: RefObject<T>;\n onResize?: (size: ResizeObserverEntry) => void;\n}\n\nexport function useResizeObserver<T extends Element = Element>(\n props?: ResizeObserveProps<T>\n): [RefObject<T>, ElementSize] {\n const {\n targetRef,\n onResize,\n } = props \|\| {};\n\n const localRef = useRef<T>();\n const ref = targetRef ?? localRef;\n const [size, setSize] = useState<ElementSize>({ clientWidth: 0, clientHeight: 0 });\n\n const handleResize = useCallback(\n (entry: ResizeObserverEntry) => {\n const { target } = entry;\n const { clientWidth = 0, clientHeight = 0 } = target;\n\n setSize((prev) => {\n // skip if same size\n if (prev.clientWidth === clientWidth && prev.clientHeight === clientHeight) {\n return prev;\n }\n\n onResize?.(entry);\n\n return { clientWidth, clientHeight };\n });\n },\n [onResize]\n );\n\n useEffect(() => {\n if (\n typeof ref !== \"object\" \|\|\n ref === null \|\|\n !(ref.current instanceof Element)\n ) {\n throw new Error(\"ResizeObserver must observe an Element\");\n }\n\n const element = ref.current;\n observe(element, handleResize);\n\n return () => {\n unobserve(element, handleResize);\n };\n }, [handleResize, ref]);\n\n return [ref, { ...size }];\n}\n","import {useRef, useEffect} from 'react';\nexport function usePrevious<T>(data?: T):T\|undefined{\n const ref = useRef<T>();\n useEffect(()=>{\n ref.current = data\n })\n return ref.current;\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `,\n:after,\n:before{box-sizing:border-box}.wrapper{width:100%;height:100%}.wrapper,\n.thumbnailLayout{display:flex;justify-content:center;align-items:center}.appLayer{width:90%;margin-bottom:16px;align-self:center;pointer-events:none}.thumbnailLayout{flex-direction:column}.layout{display:flex;gap:17px;margin-top:27px;align-items:stretch}.clusterWrapper{width:100%;height:auto}.clusterContainer{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column}.clusterHostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.clusterK8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.clusterContent{flex:1;padding:20px 10px;width:100%}.clusterContentLayout{display:grid;width:100%}.itemContent{width:118px;pointer-events:none;height:105px}.clusterTitle{width:100%;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.title{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clusterTitle:after{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.clusterHostContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.clusterK8sContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","/!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n/\n/* global define /\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' \|\| typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { createDecorators } from \"@next-core/element\";\nimport classNames from \"classnames\";\nimport { CabinetNode, CabinetNodeProps } from \"../cabinet-node/index.js\";\nimport { ContainerType } from \"../cabinet-container/index.js\";\nimport variablesText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-thumbnail.shadow.css\";\nimport { usePrevious } from \"../../hooks/index.js\";\nimport {\n CabinetAppLayer,\n CabinetAppLayerProps,\n} from \"../cabinet-app-layer/index.js\";\nconst WrappedCabinetAppLayer = wrapBrick<CabinetAppLayer, CabinetAppLayerProps>(\n \"data-view.cabinet-app-layer\"\n);\nconst { defineElement, property } = createDecorators();\n\nconst WrappedNode = wrapBrick<CabinetNode, CabinetNodeProps>(\n \"data-view.cabinet-node\"\n);\nexport interface Clusters {\n data: CabinetNodeProps[];\n type?: ContainerType;\n title?: string \| undefined;\n}\n\nexport interface CabinetThumbnailProps {\n clusters: Clusters[];\n appName: string;\n columns?: number;\n}\n\n/\n 应用墙缩略图\n * @author astrid\n /\n@defineElement(\"data-view.cabinet-thumbnail\", {\n styleTexts: [variablesText, styleText],\n})\nclass CabinetThumbnail\n extends ReactNextElement\n implements CabinetThumbnailProps\n{\n /\n @kind CabinetContainerProps[]\n * @required true\n * @default\n * @description 集群数据\n /\n @property({ attribute: false })\n accessor clusters: Clusters[] = [];\n\n /\n @kind number\n * @required\n * @default 4\n * @description 单个容器列数\n /\n @property({ type: Number })\n accessor columns: number = 4;\n\n /\n @kind string\n * @required true\n * @default\n * @description 应用名称\n /\n @property()\n accessor appName: string;\n\n render(): React.ReactNode {\n return (\n <CabinetThumbnailComponent\n clusters={this.clusters}\n columns={this.columns}\n appName={this.appName}\n />\n );\n }\n}\n\nexport function CabinetThumbnailComponent(\n props: CabinetThumbnailProps\n): React.ReactElement {\n const { clusters, columns, appName } = props;\n const containerRef = useRef<HTMLDivElement>();\n const layoutRef = useRef<HTMLDivElement>();\n const [scale, setScale] = useState<number>();\n const preScale = usePrevious(scale);\n\n useLayoutEffect(() => {\n if (!!clusters.length && columns > 0) {\n // 计算缩放比例\n const wScale =\n containerRef.current.clientWidth /\n (layoutRef.current.clientWidth / (preScale ?? 1));\n const hScale =\n containerRef.current.clientHeight /\n (layoutRef.current.clientHeight (preScale ?? 1));\n setScale(Math.min(Math.floor(Math.min(wScale, hScale) * 100) / 100, 1));\n }\n }, [clusters, preScale, columns]);\n\n return (\n <div ref={containerRef} className=\"wrapper\">\n <div\n className=\"thumbnailLayout\"\n ref={layoutRef}\n style={{\n ...(scale ? { transform: `scale(${scale})` } : {}),\n }}\n >\n <WrappedCabinetAppLayer className=\"appLayer\" appTitle={appName} />\n <div className=\"layout\">\n {clusters.map((item, index) => (\n <div className=\"clusterWrapper\" key={index}>\n <div\n className={classNames(\"clusterContainer\", {\n clusterHostContainer:\n item.type === \"host\" \|\| item.type === \"k8s-blue\",\n clusterK8sContainer: item.type === \"k8s\",\n })}\n >\n <div className=\"clusterContent\">\n <div\n className=\"clusterContentLayout\"\n style={{ gridTemplateColumns: `repeat(${columns},1fr)` }}\n >\n {item.data.map((node, index) => (\n <div key={index} className=\"itemContent\">\n <WrappedNode\n type={node.type}\n nodeTitle={node.nodeTitle}\n />\n </div>\n ))}\n </div>\n </div>\n <div className=\"clusterTitle\">\n <div className=\"title\">{item.title}</div>\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n );\n}\nexport { CabinetThumbnail };\n"],"names":["elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","get","callback","observe","element","has","set","Set","add","unobserve","delete","size","useResizeObserver","props","targetRef","onResize","localRef","useRef","ref","setSize","useState","clientWidth","clientHeight","handleResize","useCallback","prev","useEffect","current","Element","Error","usePrevious","data","___CSS_LOADER_EXPORT___","push","module","id","toString","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","Object","prototype","includes","key","call","value","newClass","exports","default","WrappedCabinetAppLayer","wrapBrick","defineElement","property","createDecorators","WrappedNode","_CabinetThumbnail","_A","WeakMap","_B","_C","CabinetThumbnail","ReactNextElement","constructor","_classPrivateFieldInitSpec","_init_clusters","_init_extra_clusters","_init_columns","_init_extra_columns","_init_appName","_init_extra_appName","clusters","_classPrivateFieldGet","v","_classPrivateFieldSet","columns","appName","render","React","CabinetThumbnailComponent","this","containerRef","layoutRef","scale","setScale","preScale","useLayoutEffect","wScale","hScale","Math","min","floor","className","style","transform","appTitle","map","item","index","clusterHostContainer","type","clusterK8sContainer","gridTemplateColumns","node","nodeTitle","title","_CabinetThumbnail2","e","c","_initClass","_applyDecs","styleTexts","variablesText","styleText","attribute","Number"],"sourceRoot":""}
1	+ {"version":3,"file":"chunks/cabinet-thumbnail.e25f5478.js","mappings":"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","sources":["webpack:///./src/hooks/useResizeObserver/resizeObserverUtil.ts","webpack:///./src/hooks/useResizeObserver/index.ts","webpack:///./src/hooks/usePrevious/index.ts","webpack:///./src/cabinet/cabinet-thumbnail/cabinet-thumbnail.shadow.css","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css","webpack:///./src/cabinet/cabinet-thumbnail/index.tsx"],"sourcesContent":["import ResizeObserver from \"resize-observer-polyfill\";\n\nexport type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nconst elementListeners = new Map<Element, Set<ResizeCallback>>();\n\nexport const elementListeners_only_for_test =\n process.env.NODE_ENV === \"test\"\n ? elementListeners\n : /* istanbul ignore next / null;\n\nconst resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n entries.forEach((entry) => {\n const { target } = entry;\n elementListeners.get(target)?.forEach((callback) => callback(entry));\n });\n};\n\nconst resizeObserver: ResizeObserver = new (ResizeObserver as any)(resizeObserverCallback);\n\nexport const observe = (element: Element, callback: ResizeCallback): void => {\n if (!elementListeners.has(element)) {\n elementListeners.set(element, new Set());\n resizeObserver.observe(element);\n }\n\n elementListeners.get(element).add(callback);\n};\n\nexport const unobserve = (element: Element, callback: ResizeCallback): void => {\n if (elementListeners.has(element)) {\n elementListeners.get(element).delete(callback);\n\n if (elementListeners.get(element).size === 0) {\n resizeObserver.unobserve(element);\n elementListeners.delete(element);\n }\n }\n};\n","import {\n useState,\n useCallback,\n useRef,\n type RefObject,\n useEffect,\n} from \"react\";\nimport { observe, unobserve } from \"./resizeObserverUtil.js\";\n\ninterface ElementSize {\n clientWidth: number;\n clientHeight: number;\n}\n\nexport interface ResizeObserveProps<T extends Element = Element> {\n targetRef?: RefObject<T>;\n onResize?: (size: ResizeObserverEntry) => void;\n}\n\nexport function useResizeObserver<T extends Element = Element>(\n props?: ResizeObserveProps<T>\n): [RefObject<T>, ElementSize] {\n const {\n targetRef,\n onResize,\n } = props \|\| {};\n\n const localRef = useRef<T>();\n const ref = targetRef ?? localRef;\n const [size, setSize] = useState<ElementSize>({ clientWidth: 0, clientHeight: 0 });\n\n const handleResize = useCallback(\n (entry: ResizeObserverEntry) => {\n const { target } = entry;\n const { clientWidth = 0, clientHeight = 0 } = target;\n\n setSize((prev) => {\n // skip if same size\n if (prev.clientWidth === clientWidth && prev.clientHeight === clientHeight) {\n return prev;\n }\n\n onResize?.(entry);\n\n return { clientWidth, clientHeight };\n });\n },\n [onResize]\n );\n\n useEffect(() => {\n if (\n typeof ref !== \"object\" \|\|\n ref === null \|\|\n !(ref.current instanceof Element)\n ) {\n throw new Error(\"ResizeObserver must observe an Element\");\n }\n\n const element = ref.current;\n observe(element, handleResize);\n\n return () => {\n unobserve(element, handleResize);\n };\n }, [handleResize, ref]);\n\n return [ref, { ...size }];\n}\n","import {useRef, useEffect} from 'react';\nexport function usePrevious<T>(data?: T):T\|undefined{\n const ref = useRef<T>();\n useEffect(()=>{\n ref.current = data\n })\n return ref.current;\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `,\n:after,\n:before{box-sizing:border-box}.wrapper{width:100%;height:100%}.wrapper,\n.thumbnailLayout{display:flex;justify-content:center;align-items:center}.appLayer{width:90%;margin-bottom:16px;align-self:center;pointer-events:none}.thumbnailLayout{flex-direction:column}.layout{display:flex;gap:17px;margin-top:27px;align-items:stretch}.clusterWrapper{width:100%;height:auto}.clusterContainer{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column}.clusterHostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.clusterK8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.clusterContent{flex:1;padding:20px 10px;width:100%}.clusterContentLayout{display:grid;width:100%}.itemContent{width:118px;pointer-events:none;height:105px}.clusterTitle{width:100%;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.title{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clusterTitle:after{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.clusterHostContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.clusterK8sContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","/!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n/\n/* global define /\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' \|\| typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { createDecorators } from \"@next-core/element\";\nimport classNames from \"classnames\";\nimport { CabinetNode, CabinetNodeProps } from \"../cabinet-node/index.js\";\nimport { ContainerType } from \"../cabinet-container/index.js\";\nimport variablesText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-thumbnail.shadow.css\";\nimport { usePrevious } from \"../../hooks/index.js\";\nimport {\n CabinetAppLayer,\n CabinetAppLayerProps,\n} from \"../cabinet-app-layer/index.js\";\nconst WrappedCabinetAppLayer = wrapBrick<CabinetAppLayer, CabinetAppLayerProps>(\n \"data-view.cabinet-app-layer\"\n);\nconst { defineElement, property } = createDecorators();\n\nconst WrappedNode = wrapBrick<CabinetNode, CabinetNodeProps>(\n \"data-view.cabinet-node\"\n);\nexport interface Clusters {\n data: CabinetNodeProps[];\n type?: ContainerType;\n title?: string \| undefined;\n}\n\nexport interface CabinetThumbnailProps {\n clusters: Clusters[];\n appName: string;\n columns?: number;\n}\n\n/\n 应用墙缩略图\n * @author astrid\n /\n@defineElement(\"data-view.cabinet-thumbnail\", {\n styleTexts: [variablesText, styleText],\n})\nclass CabinetThumbnail\n extends ReactNextElement\n implements CabinetThumbnailProps\n{\n /\n @kind CabinetContainerProps[]\n * @required true\n * @default\n * @description 集群数据\n /\n @property({ attribute: false })\n accessor clusters: Clusters[] = [];\n\n /\n @kind number\n * @required\n * @default 4\n * @description 单个容器列数\n /\n @property({ type: Number })\n accessor columns: number = 4;\n\n /\n @kind string\n * @required true\n * @default\n * @description 应用名称\n /\n @property()\n accessor appName: string;\n\n render(): React.ReactNode {\n return (\n <CabinetThumbnailComponent\n clusters={this.clusters}\n columns={this.columns}\n appName={this.appName}\n />\n );\n }\n}\n\nexport function CabinetThumbnailComponent(\n props: CabinetThumbnailProps\n): React.ReactElement {\n const { clusters, columns, appName } = props;\n const containerRef = useRef<HTMLDivElement>();\n const layoutRef = useRef<HTMLDivElement>();\n const [scale, setScale] = useState<number>();\n const preScale = usePrevious(scale);\n\n useLayoutEffect(() => {\n if (!!clusters.length && columns > 0) {\n // 计算缩放比例\n const wScale =\n containerRef.current.clientWidth /\n (layoutRef.current.clientWidth / (preScale ?? 1));\n const hScale =\n containerRef.current.clientHeight /\n (layoutRef.current.clientHeight (preScale ?? 1));\n setScale(Math.min(Math.floor(Math.min(wScale, hScale) * 100) / 100, 1));\n }\n }, [clusters, preScale, columns]);\n\n return (\n <div ref={containerRef} className=\"wrapper\">\n <div\n className=\"thumbnailLayout\"\n ref={layoutRef}\n style={{\n ...(scale ? { transform: `scale(${scale})` } : {}),\n }}\n >\n <WrappedCabinetAppLayer className=\"appLayer\" appTitle={appName} />\n <div className=\"layout\">\n {clusters.map((item, index) => (\n <div className=\"clusterWrapper\" key={index}>\n <div\n className={classNames(\"clusterContainer\", {\n clusterHostContainer:\n item.type === \"host\" \|\| item.type === \"k8s-blue\",\n clusterK8sContainer: item.type === \"k8s\",\n })}\n >\n <div className=\"clusterContent\">\n <div\n className=\"clusterContentLayout\"\n style={{ gridTemplateColumns: `repeat(${columns},1fr)` }}\n >\n {item.data.map((node, index) => (\n <div key={index} className=\"itemContent\">\n <WrappedNode\n type={node.type}\n nodeTitle={node.nodeTitle}\n />\n </div>\n ))}\n </div>\n </div>\n <div className=\"clusterTitle\">\n <div className=\"title\">{item.title}</div>\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n );\n}\nexport { CabinetThumbnail };\n"],"names":["elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","get","callback","observe","element","has","set","Set","add","unobserve","delete","size","useResizeObserver","props","targetRef","onResize","localRef","useRef","ref","setSize","useState","clientWidth","clientHeight","handleResize","useCallback","prev","useEffect","current","Element","Error","usePrevious","data","___CSS_LOADER_EXPORT___","push","module","id","toString","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","Object","prototype","includes","key","call","value","newClass","exports","default","WrappedCabinetAppLayer","wrapBrick","defineElement","property","createDecorators","WrappedNode","_CabinetThumbnail","_A","WeakMap","_B","_C","CabinetThumbnail","ReactNextElement","constructor","_classPrivateFieldInitSpec","_init_clusters","_init_extra_clusters","_init_columns","_init_extra_columns","_init_appName","_init_extra_appName","clusters","_classPrivateFieldGet","v","_classPrivateFieldSet","columns","appName","render","React","CabinetThumbnailComponent","this","containerRef","layoutRef","scale","setScale","preScale","useLayoutEffect","wScale","hScale","Math","min","floor","className","style","transform","appTitle","map","item","index","clusterHostContainer","type","clusterK8sContainer","gridTemplateColumns","node","nodeTitle","title","_CabinetThumbnail2","e","c","_initClass","_applyDecs","styleTexts","variablesText","styleText","attribute","Number"],"sourceRoot":""}

package/dist/chunks/{china-map-chart.c64f6170.js → china-map-chart.56dc9a9f.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[8038],{3861:(e,t,a)=>{a.d(t,{A:()=>h});var i=a(36758),n=a.n(i),o=a(40935),s=a.n(o),r=a(20062),l=a.n(r),c=new URL(a(99158),a.b),d=s()(n()),p=l()(c);d.push([e.id,`:host{display:inline-block}:host([fill-container]){display:block;height:100%;position:relative;overflow:hidden}:host([hidden]){display:none}.text{position:absolute;z-index:6;height:22px;line-height:22px;font-size:12px;background:url(${p}) no-repeat center left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(20px,-150%)!important;color:rgba(255,255,255,1);text-indent:10px}.iconImg{position:absolute;z-index:5;src:"./assets/default.png";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detailContent{position:absolute;opacity:0.8;z-index:20}:host(:not([fill-container])) .map{position:absolute;top:0;left:0;right:0;bottom:0}:host([fill-container]) .map{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.leftText{margin-left:-20px;transform:translate(-100%,-150%)!important}.topText{margin-top:-10px}`,""]);const h=d.toString()},10177:(e,t,a)=>{e.exports=a.p+"images/d20b2c27.svg"},47906:(e,t,a)=>{a.d(t,{D:()=>o});var i=a(18769),n=a(99126);function o(e){let{width:t,height:a,root:o,maxScale:s,disabled:r}=e;const[l,c]=(0,i.useState)(null);return(0,i.useEffect)((()=>{if(r)return void c(null);const e=new n.A((e=>{for(const i of e)if(i.target===o){const{width:e,height:n}=i.contentRect;c(Math.min(null!=s?s:1,e/t,n/a))}}));return e.observe(o),()=>e.disconnect()}),[a,t,r,s,o]),l}},60680:(e,t,a)=>{a.r(t),a.d(t,{ChinaMapChart:()=>W,ChinaMapChartComponent:()=>K});var i,n=a(74635),o=a(70918),s=a(26902),r=a(5536),l=a(86121),c=a(70829),d=a(62740),p=a(18769),h=a.n(p),u=a(90870),g=a(30981),f=(a(37),a(7647)),m=a(25337),y=a(20563),x=a(10177),b=a(68429),w=a(98418),k=a(84890),v=a(3861),C=a(47906);let L,A,S,E,H,M,z,F,I,T,q,D,$;const{defineElement:_,property:N,event:R}=(0,u.createDecorators)(),O=825,P=600;let W;var B=new WeakMap,Z=new WeakMap,Q=new WeakMap,U=new WeakMap,V=new WeakMap,j=new WeakSet,G=new WeakMap;class J extends g.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,j),(0,o.A)(this,B,A(this)),(0,o.A)(this,Z,(S(this),E(this))),(0,o.A)(this,Q,(H(this),M(this))),(0,o.A)(this,U,(z(this),F(this))),(0,o.A)(this,V,(I(this),T(this))),(0,o.A)(this,G,($(this),(e,t)=>{(0,r.A)(j,this,q).emit({open:e,data:t})}))}get province(){return(0,c.A)(B,this)}set province(e){(0,l.A)(B,this,e)}get dataSource(){return(0,c.A)(Z,this)}set dataSource(e){(0,l.A)(Z,this,e)}get detailContentStyle(){return(0,c.A)(Q,this)}set detailContentStyle(e){(0,l.A)(Q,this,e)}get fillContainer(){return(0,c.A)(U,this)}set fillContainer(e){(0,l.A)(U,this,e)}render(){return h().createElement(K,{root:this,province:this.province,dataSource:this.dataSource,onDetailOpenChange:(0,c.A)(G,this),detailContentStyle:this.detailContentStyle,fillContainer:this.fillContainer})}}function K(e){const{root:t,province:i,onDetailOpenChange:n,dataSource:o=[],detailContentStyle:s={},fillContainer:r}=e,l=(0,p.useRef)(),c=(0,p.useRef)(),[d,u]=(0,p.useState)(),g=(0,p.useRef)(),[v,L]=(0,p.useState)(),A=(0,C.D)({width:O,height:P,root:t,maxScale:10,disabled:!r});return(0,p.useEffect)((()=>{const e=new f.Z5({id:l.current,logoVisible:!1,map:new m.A({pitch:35,zoom:1})});e.setMapStatus({doubleClickZoom:!1,zoomEnable:!1});const t=new Image;t.src=x;const n=new Image;return n.src=b,e.addImage("default",t),e.addImage("selected",n),i?e.addImage("texture",k):e.addImage("chinaBg",w),e.on("loaded",(async()=>{let t,n,s,r;if(i){const[e,n]=await Promise.all([a.e(8968).then(a.t.bind(a,28968,19)),a.e(6873).then(a.t.bind(a,76873,19))]),o=e.default;if(r=n.default,s=r.find((e=>"province"===e.level&&e.name.includes(i))),!s)throw new Error(`没有找到省份："${i}"`);t={type:"FeatureCollection",features:o.features.filter((e=>e.properties.province_adcode===s.adcode))}}else{const e=(await a.e(9123).then(a.t.bind(a,39123,19))).default;t={type:"FeatureCollection",features:e.features.slice(0,e.features.length-2)},n={...e,features:e.features.slice(e.features.length-2,e.features.length)}}const l=new f.qH({autoFit:!1}).source(t);let c,d;if(i){let e=1/0,a=1/0,i=-1/0,n=-1/0;t.features.flatMap((e=>e.geometry.coordinates.flat("MultiPolygon"===e.geometry.type?2:1))).forEach((t=>{let[o,s]=t;e=Math.min(e,s),a=Math.min(a,o),i=Math.max(i,s),n=Math.max(n,o)}));const o=n-a,s=i-e;d=Math.max(2e3*o,3e3*s),c=a+3*o/4}else d=1e5;l.shape("extrude").color("rgba(84, 239, 241, 0.20)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-13*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("rgba(14, 11, 75, 0.58)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-11*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("rgba(190, 225, 226, 1)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-9*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("rgba(18, 26, 45, 1)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-7*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("#111D3C").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-5*d});const p=new f.qH({autoFit:!1}).source(t);p.shape("extrude").color("#121A2D").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-3*d});const h=new f.qH({autoFit:!0}).source(t);let m;h.shape("fill").color("rgba(8, 77, 255, 0.60)"),i||(m=new f.PQ({autoFit:!1,zIndex:1}).source(w,{parser:{type:"image",extent:[73.33,17.9,134.85,53.73]}}),m.shape("img").style({opacity:1}));const b=(new f.S6).source(t).shape("line").color("rgba(43, 100, 255, 1)").size(1).style({raisingHeight:-16*d}),v=(new f.S6).source(t).shape("line").color("rgba(84, 239, 241, 1)").size(1).style({raisingHeight:-12*d}),C=(new f.S6).source(t).shape("line").color("rgba(43, 100, 255, 1)").size(1).style({raisingHeight:-6*d}),A=new f.S6({zIndex:2}).source(t).shape("line").color("#3DC6FF").size(1).style({raisingHeight:0}).scale("density",{type:"quantile"});if(e.addLayer(l),e.addLayer(p),m&&e.addLayer(m),e.addLayer(h),e.addLayer(b),e.addLayer(v),e.addLayer(C),e.addLayer(A),!i){const t=new f.qH({autoFit:!1}).source(n);t.shape("fill").color("black");const a=new f.S6({zIndex:2}).source(n).shape("line").color("rgba(30, 144, 255, 1)").size(.5).style({raisingHeight:0}).scale("density",{type:"quantile"});e.addLayer(t),e.addLayer(a)}o.forEach((a=>{const n=document.createElement("div");let o,l="text";if(n.textContent=a.text,i){const e=r.find((e=>e.parent===s.adcode&&e.name.includes(a.city)));if(!e)return;o=[e.lng,e.lat],e.lng>c&&(l=`${l} leftText`,a.isLeftOffset=!0)}else{const e=t.features.find((e=>e.properties.name.includes(a.city)));if(!e)return;o=e.properties.center,["410000","820000","140000","110000","420000","430000","450000","500000","520000","530000","510000","610000","640000","150000","630000","540000","340000"].includes(e.id)&&(l=`${l} leftText`,a.isLeftOffset=!0),["620000","640000","450000","440000","120000","340000","510000","150000","320000"].includes(e.id)&&(l=`${l} topText`,a.isTopOffset=!0),["530000","520000","430000","360000","330000","610000","370000","130000"].includes(e.id)&&(o[1]-=1)}n.className=l,n.onclick=e=>{a.width=n.getBoundingClientRect().width,((e,t)=>{e.stopPropagation(),(0,y.isEqual)(t,g.current)?u(null):(u(t),L({left:`${(0,y.toNumber)(e.target.style.left.replace("px",""))+24}px`,top:`${(0,y.toNumber)(e.target.style.top.replace("px",""))+28}px`}))})(e,a)};const d=document.createElement("img");d.src=x,d.className="iconImg";const p=new f.pH({element:n}).setLnglat({lng:o[0],lat:o[1]}),h=new f.pH({element:d}).setLnglat({lng:o[0],lat:o[1]});e.addMarker(p),e.addMarker(h)})),setTimeout((()=>{const t=e.getBounds();if(e.panTo([(t[0][0]+t[1][0])/2+(i?0:1.6),(t[0][1]+t[1][1])/2-(t[1][1]-t[0][1])/9]),i&&e.setZoom(.97*e.getZoom()),i){const a=new f.PQ({autoFit:!1,zIndex:1,maskLayers:[h]}).source(k,{parser:{type:"image",extent:[...t[0],...t[1]]}});a.shape("img").style({opacity:1}),e.addLayer(a)}}))})),()=>{e.destroy()}}),[]),(0,p.useEffect)((()=>{var e;const t=e=>{c.current&&e.composedPath().includes(c.current)||u(null)};return null===(e=document)||void 0===e||e.addEventListener("click",t),()=>{var e;null===(e=document)||void 0===e||e.removeEventListener("click",t)}}),[]),(0,p.useEffect)((()=>{g.current=(0,y.cloneDeep)(d),n(!(0,y.isEmpty)(d),d)}),[d]),h().createElement("div",{style:r?{height:"100%",transform:`scale(${null!=A?A:1})`}:null},h().createElement("div",{id:"map",ref:l,className:"map",style:r?{width:O,height:P}:null}),d&&h().createElement("div",{className:"detailContent",onClick:e=>{e.stopPropagation()},style:{..."textBottom"===d.detailDisplayLocation?{left:v.left,top:v.top,transform:`translate(${d.isLeftOffset?-d.width:0}px, ${d.isTopOffset?-50:-40}px)`}:{transform:"translate(-50%, 0%)",top:"50%",left:"50%"},...s}},h().createElement("slot",{name:"detail",ref:c})))}i=J,({e:[A,S,E,H,M,z,F,I,T,q,D,$],c:[W,L]}=(0,d.A)(i,[_("data-view.china-map-chart",{styleTexts:[v.A]})],[[N(),1,"province"],[N({attribute:!1}),1,"dataSource"],[N({attribute:!1}),1,"detailContentStyle"],[N({type:Boolean}),1,"fillContainer"],[R({type:"detail.open.change"}),1,"openChangeEvent",e=>(0,c.A)(V,e),(e,t)=>(0,l.A)(V,e,t)]],0,(e=>G.has((0,s.A)(e))),g.ReactNextElement)),L()},68429:(e,t,a)=>{e.exports=a.p+"images/b2fdf90d.svg"},84890:(e,t,a)=>{e.exports=a.p+"images/7e4100fd.png"},98418:(e,t,a)=>{e.exports=a.p+"images/63699221.png"},99158:(e,t,a)=>{e.exports=a.p+"images/4f7762f3.svg"}}]);
-//# sourceMappingURL=china-map-chart.c64f6170.js.map
+"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[8038],{3861:(e,t,a)=>{a.d(t,{A:()=>h});var i=a(36758),n=a.n(i),o=a(40935),s=a.n(o),r=a(20062),l=a.n(r),c=new URL(a(99158),a.b),d=s()(n()),p=l()(c);d.push([e.id,`:host{display:inline-block}:host([fill-container]){display:block;height:100%;position:relative;overflow:hidden}:host([hidden]){display:none}.text{position:absolute;z-index:6;height:22px;line-height:22px;font-size:12px;background:url(${p}) no-repeat center left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(20px,-150%)!important;color:rgba(255,255,255,1);text-indent:10px}.iconImg{position:absolute;z-index:5;src:"./assets/default.png";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detailContent{position:absolute;opacity:0.8;z-index:20}:host(:not([fill-container])) .map{position:absolute;top:0;left:0;right:0;bottom:0}:host([fill-container]) .map{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.leftText{margin-left:-20px;transform:translate(-100%,-150%)!important}.topText{margin-top:-10px}`,""]);const h=d.toString()},10177:(e,t,a)=>{e.exports=a.p+"images/d20b2c27.svg"},45207:(e,t,a)=>{a.d(t,{D:()=>o});var i=a(18769),n=a(99126);function o(e){let{width:t,height:a,root:o,maxScale:s,disabled:r}=e;const[l,c]=(0,i.useState)(null);return(0,i.useEffect)((()=>{if(r)return void c(null);const e=new n.A((e=>{for(const i of e)if(i.target===o){const{width:e,height:n}=i.contentRect;c(Math.min(null!=s?s:1,e/t,n/a))}}));return e.observe(o),()=>e.disconnect()}),[a,t,r,s,o]),l}},52137:(e,t,a)=>{a.r(t),a.d(t,{ChinaMapChart:()=>W,ChinaMapChartComponent:()=>K});var i,n=a(74635),o=a(70918),s=a(26902),r=a(5536),l=a(86121),c=a(70829),d=a(62740),p=a(18769),h=a.n(p),u=a(90870),g=a(30981),f=(a(37),a(7647)),m=a(25337),y=a(20563),x=a(10177),b=a(68429),w=a(98418),k=a(84890),v=a(3861),C=a(45207);let L,A,S,E,H,M,z,F,I,T,q,D,$;const{defineElement:_,property:N,event:R}=(0,u.createDecorators)(),O=825,P=600;let W;var B=new WeakMap,Z=new WeakMap,Q=new WeakMap,U=new WeakMap,V=new WeakMap,j=new WeakSet,G=new WeakMap;class J extends g.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,j),(0,o.A)(this,B,A(this)),(0,o.A)(this,Z,(S(this),E(this))),(0,o.A)(this,Q,(H(this),M(this))),(0,o.A)(this,U,(z(this),F(this))),(0,o.A)(this,V,(I(this),T(this))),(0,o.A)(this,G,($(this),(e,t)=>{(0,r.A)(j,this,q).emit({open:e,data:t})}))}get province(){return(0,c.A)(B,this)}set province(e){(0,l.A)(B,this,e)}get dataSource(){return(0,c.A)(Z,this)}set dataSource(e){(0,l.A)(Z,this,e)}get detailContentStyle(){return(0,c.A)(Q,this)}set detailContentStyle(e){(0,l.A)(Q,this,e)}get fillContainer(){return(0,c.A)(U,this)}set fillContainer(e){(0,l.A)(U,this,e)}render(){return h().createElement(K,{root:this,province:this.province,dataSource:this.dataSource,onDetailOpenChange:(0,c.A)(G,this),detailContentStyle:this.detailContentStyle,fillContainer:this.fillContainer})}}function K(e){const{root:t,province:i,onDetailOpenChange:n,dataSource:o=[],detailContentStyle:s={},fillContainer:r}=e,l=(0,p.useRef)(),c=(0,p.useRef)(),[d,u]=(0,p.useState)(),g=(0,p.useRef)(),[v,L]=(0,p.useState)(),A=(0,C.D)({width:O,height:P,root:t,maxScale:10,disabled:!r});return(0,p.useEffect)((()=>{const e=new f.Z5({id:l.current,logoVisible:!1,map:new m.A({pitch:35,zoom:1})});e.setMapStatus({doubleClickZoom:!1,zoomEnable:!1});const t=new Image;t.src=x;const n=new Image;return n.src=b,e.addImage("default",t),e.addImage("selected",n),i?e.addImage("texture",k):e.addImage("chinaBg",w),e.on("loaded",(async()=>{let t,n,s,r;if(i){const[e,n]=await Promise.all([a.e(8968).then(a.t.bind(a,28968,19)),a.e(6873).then(a.t.bind(a,76873,19))]),o=e.default;if(r=n.default,s=r.find((e=>"province"===e.level&&e.name.includes(i))),!s)throw new Error(`没有找到省份："${i}"`);t={type:"FeatureCollection",features:o.features.filter((e=>e.properties.province_adcode===s.adcode))}}else{const e=(await a.e(9123).then(a.t.bind(a,39123,19))).default;t={type:"FeatureCollection",features:e.features.slice(0,e.features.length-2)},n={...e,features:e.features.slice(e.features.length-2,e.features.length)}}const l=new f.qH({autoFit:!1}).source(t);let c,d;if(i){let e=1/0,a=1/0,i=-1/0,n=-1/0;t.features.flatMap((e=>e.geometry.coordinates.flat("MultiPolygon"===e.geometry.type?2:1))).forEach((t=>{let[o,s]=t;e=Math.min(e,s),a=Math.min(a,o),i=Math.max(i,s),n=Math.max(n,o)}));const o=n-a,s=i-e;d=Math.max(2e3*o,3e3*s),c=a+3*o/4}else d=1e5;l.shape("extrude").color("rgba(84, 239, 241, 0.20)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-13*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("rgba(14, 11, 75, 0.58)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-11*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("rgba(190, 225, 226, 1)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-9*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("rgba(18, 26, 45, 1)").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-7*d}),new f.qH({autoFit:!1}).source(t).shape("extrude").color("#111D3C").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-5*d});const p=new f.qH({autoFit:!1}).source(t);p.shape("extrude").color("#121A2D").style({heightfixed:!0,pickLight:!0,opacity:1,raisingHeight:-3*d});const h=new f.qH({autoFit:!0}).source(t);let m;h.shape("fill").color("rgba(8, 77, 255, 0.60)"),i||(m=new f.PQ({autoFit:!1,zIndex:1}).source(w,{parser:{type:"image",extent:[73.33,17.9,134.85,53.73]}}),m.shape("img").style({opacity:1}));const b=(new f.S6).source(t).shape("line").color("rgba(43, 100, 255, 1)").size(1).style({raisingHeight:-16*d}),v=(new f.S6).source(t).shape("line").color("rgba(84, 239, 241, 1)").size(1).style({raisingHeight:-12*d}),C=(new f.S6).source(t).shape("line").color("rgba(43, 100, 255, 1)").size(1).style({raisingHeight:-6*d}),A=new f.S6({zIndex:2}).source(t).shape("line").color("#3DC6FF").size(1).style({raisingHeight:0}).scale("density",{type:"quantile"});if(e.addLayer(l),e.addLayer(p),m&&e.addLayer(m),e.addLayer(h),e.addLayer(b),e.addLayer(v),e.addLayer(C),e.addLayer(A),!i){const t=new f.qH({autoFit:!1}).source(n);t.shape("fill").color("black");const a=new f.S6({zIndex:2}).source(n).shape("line").color("rgba(30, 144, 255, 1)").size(.5).style({raisingHeight:0}).scale("density",{type:"quantile"});e.addLayer(t),e.addLayer(a)}o.forEach((a=>{const n=document.createElement("div");let o,l="text";if(n.textContent=a.text,i){const e=r.find((e=>e.parent===s.adcode&&e.name.includes(a.city)));if(!e)return;o=[e.lng,e.lat],e.lng>c&&(l=`${l} leftText`,a.isLeftOffset=!0)}else{const e=t.features.find((e=>e.properties.name.includes(a.city)));if(!e)return;o=e.properties.center,["410000","820000","140000","110000","420000","430000","450000","500000","520000","530000","510000","610000","640000","150000","630000","540000","340000"].includes(e.id)&&(l=`${l} leftText`,a.isLeftOffset=!0),["620000","640000","450000","440000","120000","340000","510000","150000","320000"].includes(e.id)&&(l=`${l} topText`,a.isTopOffset=!0),["530000","520000","430000","360000","330000","610000","370000","130000"].includes(e.id)&&(o[1]-=1)}n.className=l,n.onclick=e=>{a.width=n.getBoundingClientRect().width,((e,t)=>{e.stopPropagation(),(0,y.isEqual)(t,g.current)?u(null):(u(t),L({left:`${(0,y.toNumber)(e.target.style.left.replace("px",""))+24}px`,top:`${(0,y.toNumber)(e.target.style.top.replace("px",""))+28}px`}))})(e,a)};const d=document.createElement("img");d.src=x,d.className="iconImg";const p=new f.pH({element:n}).setLnglat({lng:o[0],lat:o[1]}),h=new f.pH({element:d}).setLnglat({lng:o[0],lat:o[1]});e.addMarker(p),e.addMarker(h)})),setTimeout((()=>{const t=e.getBounds();if(e.panTo([(t[0][0]+t[1][0])/2+(i?0:1.6),(t[0][1]+t[1][1])/2-(t[1][1]-t[0][1])/9]),i&&e.setZoom(.97*e.getZoom()),i){const a=new f.PQ({autoFit:!1,zIndex:1,maskLayers:[h]}).source(k,{parser:{type:"image",extent:[...t[0],...t[1]]}});a.shape("img").style({opacity:1}),e.addLayer(a)}}))})),()=>{e.destroy()}}),[]),(0,p.useEffect)((()=>{var e;const t=e=>{c.current&&e.composedPath().includes(c.current)||u(null)};return null===(e=document)||void 0===e||e.addEventListener("click",t),()=>{var e;null===(e=document)||void 0===e||e.removeEventListener("click",t)}}),[]),(0,p.useEffect)((()=>{g.current=(0,y.cloneDeep)(d),n(!(0,y.isEmpty)(d),d)}),[d]),h().createElement("div",{style:r?{height:"100%",transform:`scale(${null!=A?A:1})`}:null},h().createElement("div",{id:"map",ref:l,className:"map",style:r?{width:O,height:P}:null}),d&&h().createElement("div",{className:"detailContent",onClick:e=>{e.stopPropagation()},style:{..."textBottom"===d.detailDisplayLocation?{left:v.left,top:v.top,transform:`translate(${d.isLeftOffset?-d.width:0}px, ${d.isTopOffset?-50:-40}px)`}:{transform:"translate(-50%, 0%)",top:"50%",left:"50%"},...s}},h().createElement("slot",{name:"detail",ref:c})))}i=J,({e:[A,S,E,H,M,z,F,I,T,q,D,$],c:[W,L]}=(0,d.A)(i,[_("data-view.china-map-chart",{styleTexts:[v.A]})],[[N(),1,"province"],[N({attribute:!1}),1,"dataSource"],[N({attribute:!1}),1,"detailContentStyle"],[N({type:Boolean}),1,"fillContainer"],[R({type:"detail.open.change"}),1,"openChangeEvent",e=>(0,c.A)(V,e),(e,t)=>(0,l.A)(V,e,t)]],0,(e=>G.has((0,s.A)(e))),g.ReactNextElement)),L()},68429:(e,t,a)=>{e.exports=a.p+"images/b2fdf90d.svg"},84890:(e,t,a)=>{e.exports=a.p+"images/7e4100fd.png"},98418:(e,t,a)=>{e.exports=a.p+"images/63699221.png"},99158:(e,t,a)=>{e.exports=a.p+"images/4f7762f3.svg"}}]);
+//# sourceMappingURL=china-map-chart.56dc9a9f.js.map

package/dist/chunks/{china-map-chart.c64f6170.js.map → china-map-chart.56dc9a9f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chunks/china-map-chart.c64f6170.js","mappings":"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","sources":["webpack:///./src/china-map-chart/styles.shadow.css","webpack:///./src/shared/useContainerScale.ts","webpack:///./src/china-map-chart/index.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./assets/label.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block}:host([fill-container]){display:block;height:100%;position:relative;overflow:hidden}:host([hidden]){display:none}.text{position:absolute;z-index:6;height:22px;line-height:22px;font-size:12px;background:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) no-repeat center left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(20px,-150%)!important;color:rgba(255,255,255,1);text-indent:10px}.iconImg{position:absolute;z-index:5;src:\"./assets/default.png\";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detailContent{position:absolute;opacity:0.8;z-index:20}:host(:not([fill-container])) .map{position:absolute;top:0;left:0;right:0;bottom:0}:host([fill-container]) .map{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.leftText{margin-left:-20px;transform:translate(-100%,-150%)!important}.topText{margin-top:-10px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/*\n 根据容器尺寸进行缩放\n /\nexport function useContainerScale({\n width: baseWidth,\n height: baseHeight,\n root,\n maxScale,\n disabled,\n}: {\n width: number;\n height: number;\n root: HTMLElement;\n /* 最大缩放比例，默认为 1 /\n maxScale?: number;\n disabled?: boolean;\n}): number \| null {\n const [scale, setScale] = useState<number \| null>(null);\n\n useEffect(() => {\n if (disabled) {\n setScale(null);\n return;\n }\n // 当容器宽高低于预设值时，图形会自动缩小\n const observer = new ResizeObserver((entries) => {\n for (const entry of entries) {\n if (entry.target === root) {\n const { width, height } = entry.contentRect;\n setScale(\n Math.min(maxScale ?? 1, width / baseWidth, height / baseHeight)\n );\n }\n }\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, [baseHeight, baseWidth, disabled, maxScale, root]);\n\n return scale;\n}\n","import React, { useEffect, useRef, useState, CSSProperties } from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport {\n Scene,\n PolygonLayer,\n LineLayer,\n Marker,\n ImageLayer,\n type ILayer,\n type Point,\n} from \"@antv/l7\";\nimport { Map } from \"@antv/l7-maps\";\nimport { cloneDeep, isEmpty, isEqual, toNumber } from \"lodash\";\nimport defaultSvg from \"./assets/default.svg?url\";\nimport selectedSvg from \"./assets/selected.svg?url\";\nimport chinaPng from \"./assets/china.png\";\nimport texturePng from \"./assets/texture.png\";\nimport styleText from \"./styles.shadow.css\";\nimport { useContainerScale } from \"../shared/useContainerScale\";\n\nconst { defineElement, property, event } = createDecorators();\n\nconst BASE_WIDTH = 825;\nconst BASE_HEIGHT = 600;\n\ninterface FeatureCollection {\n type: \"FeatureCollection\";\n features: Feature[];\n}\n\ninterface Feature {\n type: \"Feature\";\n id?: string;\n properties: {\n name: string;\n center?: Point;\n province_adcode: number;\n province: string;\n };\n geometry: Polygon \| MultiPolygon;\n}\n\ninterface Polygon {\n type: \"Polygon\";\n coordinates: Point[][];\n}\n\ninterface MultiPolygon {\n type: \"MultiPolygon\";\n coordinates: Point[][][];\n}\n\ninterface Area {\n name: string;\n level: \"country\" \| \"province\" \| \"city\" \| \"district\";\n adcode: number;\n lng: number;\n lat: number;\n parent: number;\n}\n\n/\n 中国地图图表构件，可以显示省级指标数据\n \n @deprecated 已废弃，请使用 `data-view.china-map`\n /\nexport\n@defineElement(\"data-view.china-map-chart\", {\n styleTexts: [styleText],\n})\nclass ChinaMapChart extends ReactNextElement {\n /\n 省份名称，例如“广东”。如果设置，则只显示该省份的地图，否则显示全国地图\n /\n @property()\n accessor province: string \| undefined;\n\n /\n 数据源\n /\n @property({ attribute: false })\n accessor dataSource: DataSource[] \| undefined;\n\n /\n 描述内容样式\n /\n @property({ attribute: false })\n accessor detailContentStyle: CSSProperties \| undefined;\n\n /\n 是否铺满容器\n \n 注意：该属性不同时兼容 detail 插槽\n /\n @property({ type: Boolean })\n accessor fillContainer: boolean \| undefined;\n\n /\n 当提示可见性开始变化时触发\n * @detail 当前是否可见\n /\n @event({ type: \"detail.open.change\" })\n accessor #openChangeEvent!: EventEmitter<{\n open: boolean;\n data: Record<string, any>;\n }>;\n #handleOpenChange = (open: boolean, data: Record<string, any>): void => {\n this.#openChangeEvent.emit({ open, data });\n };\n\n render() {\n return (\n <ChinaMapChartComponent\n root={this}\n province={this.province}\n dataSource={this.dataSource}\n onDetailOpenChange={this.#handleOpenChange}\n detailContentStyle={this.detailContentStyle}\n fillContainer={this.fillContainer}\n />\n );\n }\n}\n\ninterface DataSource {\n /* 省级行政区域名，例如：四川、北京 /\n city: string;\n detailDisplayLocation: \"pageCenter\" \| \"textBottom\";\n text: string;\n [x: string]: any;\n}\n\nexport interface ChinaMapChartProps {\n root: HTMLElement;\n province?: string;\n onDetailOpenChange: (open: boolean, data: Record<string, any>) => void;\n dataSource: DataSource[];\n detailContentStyle?: CSSProperties;\n fillContainer?: boolean;\n // Define props here.\n}\n\nexport function ChinaMapChartComponent(props: ChinaMapChartProps) {\n const {\n root,\n province,\n onDetailOpenChange,\n dataSource = [],\n detailContentStyle = {},\n fillContainer,\n } = props;\n const mapRef = useRef<HTMLDivElement>();\n const slotRef = useRef<HTMLSlotElement>();\n const [showData, setShowData] = useState<DataSource>();\n const showDataRef = useRef<DataSource>();\n const [textPosition, setTextPosition] = useState<{\n left: string;\n top: string;\n }>();\n\n const scale = useContainerScale({\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n root,\n maxScale: 10,\n disabled: !fillContainer,\n });\n\n const textClick = (e: MouseEvent, data: any) => {\n e.stopPropagation();\n if (isEqual(data, showDataRef.current)) {\n setShowData(null);\n return;\n }\n setShowData(data);\n setTextPosition({\n left: `${toNumber((e.target as any).style.left.replace(\"px\", \"\")) + 24}px`,\n top: `${toNumber((e.target as any).style.top.replace(\"px\", \"\")) + 28}px`,\n });\n };\n useEffect(() => {\n const scene = new Scene({\n id: mapRef.current,\n logoVisible: false,\n map: new Map({\n // center: [90.268, 40.3628],\n pitch: 35,\n zoom: 1,\n }),\n });\n scene.setMapStatus({ doubleClickZoom: false, zoomEnable: false });\n const defaultImg = new Image();\n defaultImg.src = defaultSvg;\n\n const selectedImg = new Image();\n selectedImg.src = selectedSvg;\n\n scene.addImage(\"default\", defaultImg);\n scene.addImage(\"selected\", selectedImg);\n if (!province) {\n scene.addImage(\"chinaBg\", chinaPng);\n } else {\n scene.addImage(\"texture\", texturePng);\n }\n\n scene.on(\"loaded\", async () => {\n let data: FeatureCollection;\n let southSeaData: FeatureCollection;\n let matchedProvince: Area \| undefined;\n let AreaList: Area[] \| undefined;\n if (province) {\n const [CitiesImport, AreaListImport] = await Promise.all([\n import(\"./cities.json\"),\n import(\"./area-list.json\"),\n ]);\n const Cities = CitiesImport.default as unknown as FeatureCollection;\n AreaList = AreaListImport.default as unknown as Area[];\n matchedProvince = AreaList.find(\n (a) => a.level === \"province\" && a.name.includes(province)\n );\n\n if (!matchedProvince) {\n throw new Error(`没有找到省份：\"${province}\"`);\n }\n\n data = {\n type: \"FeatureCollection\",\n features: (Cities as FeatureCollection).features.filter(\n (f) => f.properties.province_adcode === matchedProvince.adcode\n ),\n };\n } else {\n const ChinaImport = await import(\"./map.json\");\n const CHINA = ChinaImport.default as unknown as FeatureCollection;\n data = {\n type: \"FeatureCollection\",\n features: (CHINA as unknown as FeatureCollection).features.slice(\n 0,\n CHINA.features.length - 2\n ),\n };\n southSeaData = {\n ...CHINA,\n features: CHINA.features.slice(\n CHINA.features.length - 2,\n CHINA.features.length\n ),\n };\n }\n\n const seventhPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n let labelDivideLng: number \| undefined;\n // 根据坐标范围设置 3D 图层升起的高度\n let raisingHeightBase: number;\n if (province) {\n let top = Infinity;\n let left = Infinity;\n let bottom = -Infinity;\n let right = -Infinity;\n const points = data.features.flatMap(\n (f) =>\n f.geometry.coordinates.flat(\n f.geometry.type === \"MultiPolygon\" ? 2 : 1\n ) as Point[]\n );\n points.forEach(([lng, lat]) => {\n top = Math.min(top, lat);\n left = Math.min(left, lng);\n bottom = Math.max(bottom, lat);\n right = Math.max(right, lng);\n });\n const lngRange = right - left;\n const latRange = bottom - top;\n raisingHeightBase = Math.max(2000 lngRange, 3000 * latRange);\n // 在经度范围的 3/4 处设置分界线，左边的文字向右排，右边的文字向左排\n labelDivideLng = left + (lngRange * 3) / 4;\n } else {\n raisingHeightBase = 100000;\n }\n\n seventhPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(84, 239, 241, 0.20)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -13 * raisingHeightBase,\n });\n\n const sixthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n sixthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(14, 11, 75, 0.58)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -11 * raisingHeightBase,\n });\n\n const fifthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fifthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(190, 225, 226, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -9 * raisingHeightBase,\n });\n const fourthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fourthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(18, 26, 45, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -7 * raisingHeightBase,\n });\n\n const thirdPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n thirdPolygonLayer\n .shape(\"extrude\")\n .color(\"#111D3C\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -5 * raisingHeightBase,\n });\n const secondPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n secondPolygonLayer\n .shape(\"extrude\")\n .color(\"#121A2D\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -3 * raisingHeightBase,\n });\n\n const firstPolygonLayer = new PolygonLayer({\n autoFit: true,\n }).source(data);\n\n firstPolygonLayer.shape(\"fill\").color(\"rgba(8, 77, 255, 0.60)\");\n // .select({\n // color: \"rgba(177, 254, 254, 1)\",\n // });//编排上层缩放会影响到高亮功能，还不知道怎么解决，暂时不实现。\n\n let chinaImgLayer: ILayer \| undefined;\n if (!province) {\n chinaImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n }).source(chinaPng, {\n parser: {\n type: \"image\",\n extent: [73.33, 17.9, 134.85, 53.73],\n },\n });\n\n chinaImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n }\n\n const fourthLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -16 * raisingHeightBase,\n });\n\n const thirdLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(84, 239, 241, 1)\")\n .size(1)\n .style({\n raisingHeight: -12 * raisingHeightBase,\n });\n\n const secondLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -6 * raisingHeightBase,\n });\n\n const firstLineLayer = new LineLayer({ zIndex: 2 })\n .source(data)\n .shape(\"line\")\n .color(\"#3DC6FF\")\n .size(1)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n\n // const hightLayer = new LineLayer({\n // zIndex: 10, // 设置显示层级\n // name: \"hightlight\",\n // })\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"line\")\n // .size(2)\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // opacity: 1,\n // });\n // const hightPolygonLayer = new PolygonLayer({zIndex: 10})\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"fill\")\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // heightfixed: true,\n // pickLight: true,\n // opacity: 1,\n // raisingHeight: 0,\n // }); //自定义选择高亮\n\n scene.addLayer(seventhPolygonLayer);\n // scene.addLayer(sixthPolygonLayer);\n // scene.addLayer(fifthPolygonLayer);\n // // scene.addLayer(fourthPolygonLayer);\n // scene.addLayer(thirdPolygonLayer);\n scene.addLayer(secondPolygonLayer);\n if (chinaImgLayer) {\n scene.addLayer(chinaImgLayer);\n }\n // scene.addLayer(hightLayer);\n // scene.addLayer(hightPolygonLayer);\n scene.addLayer(firstPolygonLayer);\n\n scene.addLayer(fourthLineLayer);\n scene.addLayer(thirdLineLayer);\n scene.addLayer(secondLineLayer);\n scene.addLayer(firstLineLayer);\n\n // firstPolygonLayer.on(\"click\", (e) => {\n // const { feature } = e;\n // hightPolygonLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // hightLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // });\n\n if (!province) {\n const southSeaPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(southSeaData);\n\n southSeaPolygonLayer.shape(\"fill\").color(\"black\");\n\n const southSeaLineLayer = new LineLayer({ zIndex: 2 })\n .source(southSeaData)\n .shape(\"line\")\n .color(\"rgba(30, 144, 255, 1)\")\n .size(0.5)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n scene.addLayer(southSeaPolygonLayer);\n scene.addLayer(southSeaLineLayer);\n }\n\n dataSource.forEach((i) => {\n const el = document.createElement(\"div\");\n let classNameText = \"text\";\n el.textContent = i.text;\n let coord: Point;\n\n // 计算标签的排列方向，全国地图保持原有逻辑，省份地图根据经度所在比例自动适应排列方向\n if (!province) {\n const city = data.features.find((f) =>\n f.properties.name.includes(i.city)\n );\n if (!city) {\n return;\n }\n coord = city.properties.center;\n //先手动调整位置，缓解重叠的问题\n if (\n [\n \"410000\",\n \"820000\",\n \"140000\",\n \"110000\",\n \"420000\",\n \"430000\",\n \"450000\",\n \"500000\",\n \"520000\",\n \"530000\",\n \"510000\",\n \"610000\",\n \"640000\",\n \"150000\",\n \"630000\",\n \"540000\",\n \"340000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n if (\n [\n \"620000\",\n \"640000\",\n \"450000\",\n \"440000\",\n \"120000\",\n \"340000\",\n \"510000\",\n \"150000\",\n \"320000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} topText`;\n i.isTopOffset = true;\n }\n\n if (\n [\n \"530000\",\n \"520000\",\n \"430000\",\n \"360000\",\n \"330000\",\n \"610000\",\n \"370000\",\n \"130000\",\n ].includes(city.id)\n ) {\n coord[1] -= 1;\n }\n } else {\n const area = AreaList.find(\n (a) =>\n a.parent === matchedProvince.adcode && a.name.includes(i.city)\n );\n if (!area) {\n return;\n }\n coord = [area.lng, area.lat];\n if (area.lng > labelDivideLng) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n }\n\n el.className = classNameText;\n\n el.onclick = (e) => {\n i.width = el.getBoundingClientRect().width;\n textClick(e, i);\n };\n\n const imgEl = document.createElement(\"img\");\n imgEl.src = defaultSvg;\n imgEl.className = \"iconImg\";\n\n const marker = new Marker({\n element: el,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n const imgMarker = new Marker({\n element: imgEl,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n scene.addMarker(marker);\n scene.addMarker(imgMarker);\n });\n\n setTimeout(() => {\n const bounds = scene.getBounds();\n // 进行适当平移和缩放，因为设置了倾角 pitch，地图默认没有铺满并居中\n scene.panTo([\n (bounds[0][0] + bounds[1][0]) / 2 + (province ? 0 : 1.6),\n (bounds[0][1] + bounds[1][1]) / 2 - (bounds[1][1] - bounds[0][1]) / 9,\n ]);\n if (province) {\n scene.setZoom(scene.getZoom() * 0.97);\n }\n\n // 省份贴图\n if (province) {\n const provinceImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n maskLayers: [firstPolygonLayer],\n }).source(texturePng, {\n parser: {\n type: \"image\",\n extent: [...bounds[0], ...bounds[1]],\n },\n });\n\n provinceImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n scene.addLayer(provinceImgLayer);\n }\n });\n });\n\n return () => {\n scene.destroy();\n };\n }, []);\n\n useEffect(() => {\n const handleClick = (e: MouseEvent) => {\n if (slotRef.current && e.composedPath().includes(slotRef.current)) return;\n setShowData(null);\n };\n document?.addEventListener(\"click\", handleClick);\n return () => {\n document?.removeEventListener(\"click\", handleClick);\n };\n }, []);\n\n useEffect(() => {\n showDataRef.current = cloneDeep(showData);\n onDetailOpenChange(!isEmpty(showData), showData);\n }, [showData]);\n return (\n <div\n style={\n fillContainer\n ? {\n height: \"100%\",\n transform: `scale(${scale ?? 1})`,\n }\n : null\n }\n >\n <div\n id=\"map\"\n ref={mapRef}\n className=\"map\"\n style={\n fillContainer\n ? {\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n }\n : null\n }\n ></div>\n {showData && (\n <div\n className=\"detailContent\"\n onClick={(e) => {\n e.stopPropagation();\n }}\n style={{\n ...(showData.detailDisplayLocation === \"textBottom\"\n ? {\n left: textPosition.left,\n top: textPosition.top,\n transform: `translate(${showData.isLeftOffset ? -showData.width : 0}px, ${showData.isTopOffset ? -50 : -40}px)`,\n }\n : {\n transform: \"translate(-50%, 0%)\",\n top: \"50%\",\n left: \"50%\",\n }),\n ...detailContentStyle,\n }}\n >\n <slot name=\"detail\" ref={slotRef}></slot>\n </div>\n )}\n </div>\n );\n}\n"],"names":["___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","push","module","id","toString","useContainerScale","_ref","width","baseWidth","height","baseHeight","root","maxScale","disabled","scale","setScale","useState","useEffect","observer","ResizeObserver","entries","entry","target","contentRect","Math","min","observe","disconnect","defineElement","property","event","createDecorators","BASE_WIDTH","BASE_HEIGHT","_ChinaMapChart","_A","WeakMap","_B","_C","_D","_E","_ChinaMapChart_brand","WeakSet","_handleOpenChange","ChinaMapChart","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_province","_init_extra_province","_init_dataSource","_init_extra_dataSource","_init_detailContentStyle","_init_extra_detailContentStyle","_init_fillContainer","_init_extra_fillContainer","_init_openChangeEvent","_init_extra_openChangeEvent","open","data","_classPrivateGetter","this","_get_openChangeEvent","emit","province","_classPrivateFieldGet","v","_classPrivateFieldSet","dataSource","detailContentStyle","fillContainer","render","React","ChinaMapChartComponent","onDetailOpenChange","props","mapRef","useRef","slotRef","showData","setShowData","showDataRef","textPosition","setTextPosition","scene","Scene","current","logoVisible","map","Map","pitch","zoom","setMapStatus","doubleClickZoom","zoomEnable","defaultImg","Image","src","defaultSvg","selectedImg","selectedSvg","addImage","texturePng","chinaPng","on","async","southSeaData","matchedProvince","AreaList","CitiesImport","AreaListImport","Promise","all","Cities","default","find","a","level","name","includes","Error","type","features","filter","f","properties","province_adcode","adcode","CHINA","slice","length","seventhPolygonLayer","PolygonLayer","autoFit","source","labelDivideLng","raisingHeightBase","top","Infinity","left","bottom","right","flatMap","geometry","coordinates","flat","forEach","lng","lat","max","lngRange","latRange","shape","color","style","heightfixed","pickLight","opacity","raisingHeight","secondPolygonLayer","firstPolygonLayer","chinaImgLayer","ImageLayer","zIndex","parser","extent","fourthLineLayer","LineLayer","size","thirdLineLayer","secondLineLayer","firstLineLayer","addLayer","southSeaPolygonLayer","southSeaLineLayer","i","el","document","createElement","coord","classNameText","textContent","text","area","parent","city","isLeftOffset","center","isTopOffset","className","onclick","e","getBoundingClientRect","textClick","stopPropagation","isEqual","toNumber","replace","imgEl","marker","Marker","element","setLnglat","imgMarker","addMarker","setTimeout","bounds","getBounds","panTo","setZoom","getZoom","provinceImgLayer","maskLayers","destroy","_document","handleClick","composedPath","addEventListener","_document2","removeEventListener","cloneDeep","isEmpty","transform","ref","onClick","detailDisplayLocation","_ChinaMapChart2","_set_openChangeEvent","c","_initClass","_applyDecs","styleTexts","styleText","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
1	+ {"version":3,"file":"chunks/china-map-chart.56dc9a9f.js","mappings":"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","sources":["webpack:///./src/china-map-chart/styles.shadow.css","webpack:///./src/shared/useContainerScale.ts","webpack:///./src/china-map-chart/index.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./assets/label.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block}:host([fill-container]){display:block;height:100%;position:relative;overflow:hidden}:host([hidden]){display:none}.text{position:absolute;z-index:6;height:22px;line-height:22px;font-size:12px;background:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) no-repeat center left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(20px,-150%)!important;color:rgba(255,255,255,1);text-indent:10px}.iconImg{position:absolute;z-index:5;src:\"./assets/default.png\";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detailContent{position:absolute;opacity:0.8;z-index:20}:host(:not([fill-container])) .map{position:absolute;top:0;left:0;right:0;bottom:0}:host([fill-container]) .map{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.leftText{margin-left:-20px;transform:translate(-100%,-150%)!important}.topText{margin-top:-10px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/*\n 根据容器尺寸进行缩放\n /\nexport function useContainerScale({\n width: baseWidth,\n height: baseHeight,\n root,\n maxScale,\n disabled,\n}: {\n width: number;\n height: number;\n root: HTMLElement;\n /* 最大缩放比例，默认为 1 /\n maxScale?: number;\n disabled?: boolean;\n}): number \| null {\n const [scale, setScale] = useState<number \| null>(null);\n\n useEffect(() => {\n if (disabled) {\n setScale(null);\n return;\n }\n // 当容器宽高低于预设值时，图形会自动缩小\n const observer = new ResizeObserver((entries) => {\n for (const entry of entries) {\n if (entry.target === root) {\n const { width, height } = entry.contentRect;\n setScale(\n Math.min(maxScale ?? 1, width / baseWidth, height / baseHeight)\n );\n }\n }\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, [baseHeight, baseWidth, disabled, maxScale, root]);\n\n return scale;\n}\n","import React, { useEffect, useRef, useState, CSSProperties } from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport {\n Scene,\n PolygonLayer,\n LineLayer,\n Marker,\n ImageLayer,\n type ILayer,\n type Point,\n} from \"@antv/l7\";\nimport { Map } from \"@antv/l7-maps\";\nimport { cloneDeep, isEmpty, isEqual, toNumber } from \"lodash\";\nimport defaultSvg from \"./assets/default.svg?url\";\nimport selectedSvg from \"./assets/selected.svg?url\";\nimport chinaPng from \"./assets/china.png\";\nimport texturePng from \"./assets/texture.png\";\nimport styleText from \"./styles.shadow.css\";\nimport { useContainerScale } from \"../shared/useContainerScale\";\n\nconst { defineElement, property, event } = createDecorators();\n\nconst BASE_WIDTH = 825;\nconst BASE_HEIGHT = 600;\n\ninterface FeatureCollection {\n type: \"FeatureCollection\";\n features: Feature[];\n}\n\ninterface Feature {\n type: \"Feature\";\n id?: string;\n properties: {\n name: string;\n center?: Point;\n province_adcode: number;\n province: string;\n };\n geometry: Polygon \| MultiPolygon;\n}\n\ninterface Polygon {\n type: \"Polygon\";\n coordinates: Point[][];\n}\n\ninterface MultiPolygon {\n type: \"MultiPolygon\";\n coordinates: Point[][][];\n}\n\ninterface Area {\n name: string;\n level: \"country\" \| \"province\" \| \"city\" \| \"district\";\n adcode: number;\n lng: number;\n lat: number;\n parent: number;\n}\n\n/\n 中国地图图表构件，可以显示省级指标数据\n \n @deprecated 已废弃，请使用 `data-view.china-map`\n /\nexport\n@defineElement(\"data-view.china-map-chart\", {\n styleTexts: [styleText],\n})\nclass ChinaMapChart extends ReactNextElement {\n /\n 省份名称，例如“广东”。如果设置，则只显示该省份的地图，否则显示全国地图\n /\n @property()\n accessor province: string \| undefined;\n\n /\n 数据源\n /\n @property({ attribute: false })\n accessor dataSource: DataSource[] \| undefined;\n\n /\n 描述内容样式\n /\n @property({ attribute: false })\n accessor detailContentStyle: CSSProperties \| undefined;\n\n /\n 是否铺满容器\n \n 注意：该属性不同时兼容 detail 插槽\n /\n @property({ type: Boolean })\n accessor fillContainer: boolean \| undefined;\n\n /\n 当提示可见性开始变化时触发\n * @detail 当前是否可见\n /\n @event({ type: \"detail.open.change\" })\n accessor #openChangeEvent!: EventEmitter<{\n open: boolean;\n data: Record<string, any>;\n }>;\n #handleOpenChange = (open: boolean, data: Record<string, any>): void => {\n this.#openChangeEvent.emit({ open, data });\n };\n\n render() {\n return (\n <ChinaMapChartComponent\n root={this}\n province={this.province}\n dataSource={this.dataSource}\n onDetailOpenChange={this.#handleOpenChange}\n detailContentStyle={this.detailContentStyle}\n fillContainer={this.fillContainer}\n />\n );\n }\n}\n\ninterface DataSource {\n /* 省级行政区域名，例如：四川、北京 /\n city: string;\n detailDisplayLocation: \"pageCenter\" \| \"textBottom\";\n text: string;\n [x: string]: any;\n}\n\nexport interface ChinaMapChartProps {\n root: HTMLElement;\n province?: string;\n onDetailOpenChange: (open: boolean, data: Record<string, any>) => void;\n dataSource: DataSource[];\n detailContentStyle?: CSSProperties;\n fillContainer?: boolean;\n // Define props here.\n}\n\nexport function ChinaMapChartComponent(props: ChinaMapChartProps) {\n const {\n root,\n province,\n onDetailOpenChange,\n dataSource = [],\n detailContentStyle = {},\n fillContainer,\n } = props;\n const mapRef = useRef<HTMLDivElement>();\n const slotRef = useRef<HTMLSlotElement>();\n const [showData, setShowData] = useState<DataSource>();\n const showDataRef = useRef<DataSource>();\n const [textPosition, setTextPosition] = useState<{\n left: string;\n top: string;\n }>();\n\n const scale = useContainerScale({\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n root,\n maxScale: 10,\n disabled: !fillContainer,\n });\n\n const textClick = (e: MouseEvent, data: any) => {\n e.stopPropagation();\n if (isEqual(data, showDataRef.current)) {\n setShowData(null);\n return;\n }\n setShowData(data);\n setTextPosition({\n left: `${toNumber((e.target as any).style.left.replace(\"px\", \"\")) + 24}px`,\n top: `${toNumber((e.target as any).style.top.replace(\"px\", \"\")) + 28}px`,\n });\n };\n useEffect(() => {\n const scene = new Scene({\n id: mapRef.current,\n logoVisible: false,\n map: new Map({\n // center: [90.268, 40.3628],\n pitch: 35,\n zoom: 1,\n }),\n });\n scene.setMapStatus({ doubleClickZoom: false, zoomEnable: false });\n const defaultImg = new Image();\n defaultImg.src = defaultSvg;\n\n const selectedImg = new Image();\n selectedImg.src = selectedSvg;\n\n scene.addImage(\"default\", defaultImg);\n scene.addImage(\"selected\", selectedImg);\n if (!province) {\n scene.addImage(\"chinaBg\", chinaPng);\n } else {\n scene.addImage(\"texture\", texturePng);\n }\n\n scene.on(\"loaded\", async () => {\n let data: FeatureCollection;\n let southSeaData: FeatureCollection;\n let matchedProvince: Area \| undefined;\n let AreaList: Area[] \| undefined;\n if (province) {\n const [CitiesImport, AreaListImport] = await Promise.all([\n import(\"./cities.json\"),\n import(\"./area-list.json\"),\n ]);\n const Cities = CitiesImport.default as unknown as FeatureCollection;\n AreaList = AreaListImport.default as unknown as Area[];\n matchedProvince = AreaList.find(\n (a) => a.level === \"province\" && a.name.includes(province)\n );\n\n if (!matchedProvince) {\n throw new Error(`没有找到省份：\"${province}\"`);\n }\n\n data = {\n type: \"FeatureCollection\",\n features: (Cities as FeatureCollection).features.filter(\n (f) => f.properties.province_adcode === matchedProvince.adcode\n ),\n };\n } else {\n const ChinaImport = await import(\"./map.json\");\n const CHINA = ChinaImport.default as unknown as FeatureCollection;\n data = {\n type: \"FeatureCollection\",\n features: (CHINA as unknown as FeatureCollection).features.slice(\n 0,\n CHINA.features.length - 2\n ),\n };\n southSeaData = {\n ...CHINA,\n features: CHINA.features.slice(\n CHINA.features.length - 2,\n CHINA.features.length\n ),\n };\n }\n\n const seventhPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n let labelDivideLng: number \| undefined;\n // 根据坐标范围设置 3D 图层升起的高度\n let raisingHeightBase: number;\n if (province) {\n let top = Infinity;\n let left = Infinity;\n let bottom = -Infinity;\n let right = -Infinity;\n const points = data.features.flatMap(\n (f) =>\n f.geometry.coordinates.flat(\n f.geometry.type === \"MultiPolygon\" ? 2 : 1\n ) as Point[]\n );\n points.forEach(([lng, lat]) => {\n top = Math.min(top, lat);\n left = Math.min(left, lng);\n bottom = Math.max(bottom, lat);\n right = Math.max(right, lng);\n });\n const lngRange = right - left;\n const latRange = bottom - top;\n raisingHeightBase = Math.max(2000 lngRange, 3000 * latRange);\n // 在经度范围的 3/4 处设置分界线，左边的文字向右排，右边的文字向左排\n labelDivideLng = left + (lngRange * 3) / 4;\n } else {\n raisingHeightBase = 100000;\n }\n\n seventhPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(84, 239, 241, 0.20)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -13 * raisingHeightBase,\n });\n\n const sixthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n sixthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(14, 11, 75, 0.58)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -11 * raisingHeightBase,\n });\n\n const fifthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fifthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(190, 225, 226, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -9 * raisingHeightBase,\n });\n const fourthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fourthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(18, 26, 45, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -7 * raisingHeightBase,\n });\n\n const thirdPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n thirdPolygonLayer\n .shape(\"extrude\")\n .color(\"#111D3C\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -5 * raisingHeightBase,\n });\n const secondPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n secondPolygonLayer\n .shape(\"extrude\")\n .color(\"#121A2D\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -3 * raisingHeightBase,\n });\n\n const firstPolygonLayer = new PolygonLayer({\n autoFit: true,\n }).source(data);\n\n firstPolygonLayer.shape(\"fill\").color(\"rgba(8, 77, 255, 0.60)\");\n // .select({\n // color: \"rgba(177, 254, 254, 1)\",\n // });//编排上层缩放会影响到高亮功能，还不知道怎么解决，暂时不实现。\n\n let chinaImgLayer: ILayer \| undefined;\n if (!province) {\n chinaImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n }).source(chinaPng, {\n parser: {\n type: \"image\",\n extent: [73.33, 17.9, 134.85, 53.73],\n },\n });\n\n chinaImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n }\n\n const fourthLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -16 * raisingHeightBase,\n });\n\n const thirdLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(84, 239, 241, 1)\")\n .size(1)\n .style({\n raisingHeight: -12 * raisingHeightBase,\n });\n\n const secondLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -6 * raisingHeightBase,\n });\n\n const firstLineLayer = new LineLayer({ zIndex: 2 })\n .source(data)\n .shape(\"line\")\n .color(\"#3DC6FF\")\n .size(1)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n\n // const hightLayer = new LineLayer({\n // zIndex: 10, // 设置显示层级\n // name: \"hightlight\",\n // })\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"line\")\n // .size(2)\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // opacity: 1,\n // });\n // const hightPolygonLayer = new PolygonLayer({zIndex: 10})\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"fill\")\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // heightfixed: true,\n // pickLight: true,\n // opacity: 1,\n // raisingHeight: 0,\n // }); //自定义选择高亮\n\n scene.addLayer(seventhPolygonLayer);\n // scene.addLayer(sixthPolygonLayer);\n // scene.addLayer(fifthPolygonLayer);\n // // scene.addLayer(fourthPolygonLayer);\n // scene.addLayer(thirdPolygonLayer);\n scene.addLayer(secondPolygonLayer);\n if (chinaImgLayer) {\n scene.addLayer(chinaImgLayer);\n }\n // scene.addLayer(hightLayer);\n // scene.addLayer(hightPolygonLayer);\n scene.addLayer(firstPolygonLayer);\n\n scene.addLayer(fourthLineLayer);\n scene.addLayer(thirdLineLayer);\n scene.addLayer(secondLineLayer);\n scene.addLayer(firstLineLayer);\n\n // firstPolygonLayer.on(\"click\", (e) => {\n // const { feature } = e;\n // hightPolygonLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // hightLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // });\n\n if (!province) {\n const southSeaPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(southSeaData);\n\n southSeaPolygonLayer.shape(\"fill\").color(\"black\");\n\n const southSeaLineLayer = new LineLayer({ zIndex: 2 })\n .source(southSeaData)\n .shape(\"line\")\n .color(\"rgba(30, 144, 255, 1)\")\n .size(0.5)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n scene.addLayer(southSeaPolygonLayer);\n scene.addLayer(southSeaLineLayer);\n }\n\n dataSource.forEach((i) => {\n const el = document.createElement(\"div\");\n let classNameText = \"text\";\n el.textContent = i.text;\n let coord: Point;\n\n // 计算标签的排列方向，全国地图保持原有逻辑，省份地图根据经度所在比例自动适应排列方向\n if (!province) {\n const city = data.features.find((f) =>\n f.properties.name.includes(i.city)\n );\n if (!city) {\n return;\n }\n coord = city.properties.center;\n //先手动调整位置，缓解重叠的问题\n if (\n [\n \"410000\",\n \"820000\",\n \"140000\",\n \"110000\",\n \"420000\",\n \"430000\",\n \"450000\",\n \"500000\",\n \"520000\",\n \"530000\",\n \"510000\",\n \"610000\",\n \"640000\",\n \"150000\",\n \"630000\",\n \"540000\",\n \"340000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n if (\n [\n \"620000\",\n \"640000\",\n \"450000\",\n \"440000\",\n \"120000\",\n \"340000\",\n \"510000\",\n \"150000\",\n \"320000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} topText`;\n i.isTopOffset = true;\n }\n\n if (\n [\n \"530000\",\n \"520000\",\n \"430000\",\n \"360000\",\n \"330000\",\n \"610000\",\n \"370000\",\n \"130000\",\n ].includes(city.id)\n ) {\n coord[1] -= 1;\n }\n } else {\n const area = AreaList.find(\n (a) =>\n a.parent === matchedProvince.adcode && a.name.includes(i.city)\n );\n if (!area) {\n return;\n }\n coord = [area.lng, area.lat];\n if (area.lng > labelDivideLng) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n }\n\n el.className = classNameText;\n\n el.onclick = (e) => {\n i.width = el.getBoundingClientRect().width;\n textClick(e, i);\n };\n\n const imgEl = document.createElement(\"img\");\n imgEl.src = defaultSvg;\n imgEl.className = \"iconImg\";\n\n const marker = new Marker({\n element: el,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n const imgMarker = new Marker({\n element: imgEl,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n scene.addMarker(marker);\n scene.addMarker(imgMarker);\n });\n\n setTimeout(() => {\n const bounds = scene.getBounds();\n // 进行适当平移和缩放，因为设置了倾角 pitch，地图默认没有铺满并居中\n scene.panTo([\n (bounds[0][0] + bounds[1][0]) / 2 + (province ? 0 : 1.6),\n (bounds[0][1] + bounds[1][1]) / 2 - (bounds[1][1] - bounds[0][1]) / 9,\n ]);\n if (province) {\n scene.setZoom(scene.getZoom() * 0.97);\n }\n\n // 省份贴图\n if (province) {\n const provinceImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n maskLayers: [firstPolygonLayer],\n }).source(texturePng, {\n parser: {\n type: \"image\",\n extent: [...bounds[0], ...bounds[1]],\n },\n });\n\n provinceImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n scene.addLayer(provinceImgLayer);\n }\n });\n });\n\n return () => {\n scene.destroy();\n };\n }, []);\n\n useEffect(() => {\n const handleClick = (e: MouseEvent) => {\n if (slotRef.current && e.composedPath().includes(slotRef.current)) return;\n setShowData(null);\n };\n document?.addEventListener(\"click\", handleClick);\n return () => {\n document?.removeEventListener(\"click\", handleClick);\n };\n }, []);\n\n useEffect(() => {\n showDataRef.current = cloneDeep(showData);\n onDetailOpenChange(!isEmpty(showData), showData);\n }, [showData]);\n return (\n <div\n style={\n fillContainer\n ? {\n height: \"100%\",\n transform: `scale(${scale ?? 1})`,\n }\n : null\n }\n >\n <div\n id=\"map\"\n ref={mapRef}\n className=\"map\"\n style={\n fillContainer\n ? {\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n }\n : null\n }\n ></div>\n {showData && (\n <div\n className=\"detailContent\"\n onClick={(e) => {\n e.stopPropagation();\n }}\n style={{\n ...(showData.detailDisplayLocation === \"textBottom\"\n ? {\n left: textPosition.left,\n top: textPosition.top,\n transform: `translate(${showData.isLeftOffset ? -showData.width : 0}px, ${showData.isTopOffset ? -50 : -40}px)`,\n }\n : {\n transform: \"translate(-50%, 0%)\",\n top: \"50%\",\n left: \"50%\",\n }),\n ...detailContentStyle,\n }}\n >\n <slot name=\"detail\" ref={slotRef}></slot>\n </div>\n )}\n </div>\n );\n}\n"],"names":["___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","push","module","id","toString","useContainerScale","_ref","width","baseWidth","height","baseHeight","root","maxScale","disabled","scale","setScale","useState","useEffect","observer","ResizeObserver","entries","entry","target","contentRect","Math","min","observe","disconnect","defineElement","property","event","createDecorators","BASE_WIDTH","BASE_HEIGHT","_ChinaMapChart","_A","WeakMap","_B","_C","_D","_E","_ChinaMapChart_brand","WeakSet","_handleOpenChange","ChinaMapChart","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_province","_init_extra_province","_init_dataSource","_init_extra_dataSource","_init_detailContentStyle","_init_extra_detailContentStyle","_init_fillContainer","_init_extra_fillContainer","_init_openChangeEvent","_init_extra_openChangeEvent","open","data","_classPrivateGetter","this","_get_openChangeEvent","emit","province","_classPrivateFieldGet","v","_classPrivateFieldSet","dataSource","detailContentStyle","fillContainer","render","React","ChinaMapChartComponent","onDetailOpenChange","props","mapRef","useRef","slotRef","showData","setShowData","showDataRef","textPosition","setTextPosition","scene","Scene","current","logoVisible","map","Map","pitch","zoom","setMapStatus","doubleClickZoom","zoomEnable","defaultImg","Image","src","defaultSvg","selectedImg","selectedSvg","addImage","texturePng","chinaPng","on","async","southSeaData","matchedProvince","AreaList","CitiesImport","AreaListImport","Promise","all","Cities","default","find","a","level","name","includes","Error","type","features","filter","f","properties","province_adcode","adcode","CHINA","slice","length","seventhPolygonLayer","PolygonLayer","autoFit","source","labelDivideLng","raisingHeightBase","top","Infinity","left","bottom","right","flatMap","geometry","coordinates","flat","forEach","lng","lat","max","lngRange","latRange","shape","color","style","heightfixed","pickLight","opacity","raisingHeight","secondPolygonLayer","firstPolygonLayer","chinaImgLayer","ImageLayer","zIndex","parser","extent","fourthLineLayer","LineLayer","size","thirdLineLayer","secondLineLayer","firstLineLayer","addLayer","southSeaPolygonLayer","southSeaLineLayer","i","el","document","createElement","coord","classNameText","textContent","text","area","parent","city","isLeftOffset","center","isTopOffset","className","onclick","e","getBoundingClientRect","textClick","stopPropagation","isEqual","toNumber","replace","imgEl","marker","Marker","element","setLnglat","imgMarker","addMarker","setTimeout","bounds","getBounds","panTo","setZoom","getZoom","provinceImgLayer","maskLayers","destroy","_document","handleClick","composedPath","addEventListener","_document2","removeEventListener","cloneDeep","isEmpty","transform","ref","onClick","detailDisplayLocation","_ChinaMapChart2","_set_openChangeEvent","c","_initClass","_applyDecs","styleTexts","styleText","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}

package/dist/chunks/china-map.a7c98bf0.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view\|\|[]).push([[5509],{10177:(e,t,a)=>{e.exports=a.p+"images/d20b2c27.svg"},13910:(e,t,a)=>{a.d(t,{A:()=>f});var r=a(36758),s=a.n(r),i=a(40935),l=a.n(i),n=a(20062),o=a.n(n),c=new URL(a(99158),a.b),h=l()(s()),d=o()(c);h.push([e.id,`:host,\n.message{display:flex;align-items:center;justify-content:center}:host{position:relative;color:#fff;height:100%}:host([hidden]){display:none}{box-sizing:border-box}.container{position:relative;transform:scale(var(--scale));--scale:1;--text-scale:1;--text-height:calc(22px var(--text-scale));--text-font-size:calc(12px * var(--text-scale));--text-indent:calc(10px * var(--text-scale));--text-background-size:calc(119px * var(--text-scale)) calc(22px * var(--text-scale))}canvas,\n.message,\n.labels{position:absolute;left:50%;transform:translate(-50%,0);top:0}.loading{font-size:48px}.error{color:var(--color-error)}.label{position:absolute;display:flex;align-items:center;transform:translate(-14px,-28px)}.text{height:var(--text-height);line-height:var(--text-height);font-size:var(--text-font-size);background:url(${d}) no-repeat center left;background-size:var(--text-background-size);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-indent:var(--text-indent);transform:translate(0,-18px);white-space:nowrap;color:#fffcef}.left > .text{transform:translate(calc(-100% - 32px),-18px)}`,""]);const f=h.toString()},20062:e=>{e.exports=function(e,t){return t\|\|(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]\|(%20)/.test(e)\|\|t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},45207:(e,t,a)=>{a.d(t,{D:()=>i});var r=a(18769),s=a(99126);function i(e){let{width:t,height:a,root:i,maxScale:l,disabled:n}=e;const[o,c]=(0,r.useState)(null);return(0,r.useEffect)((()=>{if(n)return void c(null);const e=new s.A((e=>{for(const r of e)if(r.target===i){const{width:e,height:s}=r.contentRect;c(Math.min(null!=l?l:1,e/t,s/a))}}));return e.observe(i),()=>e.disconnect()}),[a,t,n,l,i]),o}},59618:(e,t,a)=>{a.r(t),a.d(t,{ChinaMap:()=>D,ChinaMapComponent:()=>I});var r=a(70918),s=a(86121),i=a(70829),l=a(62740),n=a(18769),o=a.n(n),c=a(20563),h=a(90870),d=a(30981),f=(a(37),a(20840)),p=a(86168),u=a(45207),x=a(84890),g=a(10177),v=a(13910);let m,b,w,y,S,k,A,E,C;var P,N;const{defineElement:_,property:W}=(0,h.createDecorators)(),F=(0,d.wrapBrick)("eo-icon"),M=960,z=750,B=null!==(P=window.devicePixelRatio)&&void 0!==P?P:1,R=[{fill:"rgba(84, 239, 241, 0.2)",shadowColor:"rgba(84, 239, 241, 0.2)",shadowBlur:2,shadowOffsetY:1,offset:28},{fill:"#bee1e2",shadowColor:"rgba(93,250,255,0.2)",shadowBlur:4,shadowOffsetY:10,offset:23},{fill:"#000",offset:19.5},{lineWidth:1,strokeStyle:"#2B64FF",offset:15},{lineWidth:1.5,strokeStyle:"#2B64FF",offset:10}];let D;var O=new WeakMap,Y=new WeakMap,$=new WeakMap,T=new WeakMap;class j extends d.ReactNextElement{constructor(){super(...arguments),(0,r.A)(this,O,b(this)),(0,r.A)(this,Y,(w(this),y(this))),(0,r.A)(this,$,(S(this),k(this))),(0,r.A)(this,T,(A(this),E(this))),C(this)}get province(){return(0,i.A)(O,this)}set province(e){(0,s.A)(O,this,e)}get dataSource(){return(0,i.A)(Y,this)}set dataSource(e){(0,s.A)(Y,this,e)}get maxScale(){return(0,i.A)($,this)}set maxScale(e){(0,s.A)($,this,e)}get textScale(){return(0,i.A)(T,this)}set textScale(e){(0,s.A)(T,this,e)}render(){return o().createElement(I,{root:this,province:this.province,dataSource:this.dataSource,maxScale:this.maxScale,textScale:this.textScale})}}function I(e){let{root:t,province:r,dataSource:s,maxScale:i,textScale:l}=e;const h=(0,u.D)({width:M,height:z,root:t,maxScale:i}),d=(0,n.useRef)(null),[v,m]=(0,n.useState)([]),[b,w]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{const e=d.current.getContext("2d");let t=!1;return(async()=>{let i,l,n,o,h;try{[h]=await Promise.all([new Promise(((e,t)=>{const a=new Image;a.onload=()=>{e(a)},a.onerror=e=>{t(e)},a.src=x})),(async()=>{if(r){const[e,t]=await Promise.all([a.e(8763).then(a.t.bind(a,1144,19)),a.e(6873).then(a.t.bind(a,76873,19))]),s=e.default;if(o=t.default,n=o.find((e=>"province"===e.level&&e.name.includes(r))),!n)throw new Error(`没有找到省份："${r}"`);i={type:"FeatureCollection",features:s.features.filter((e=>e.properties.province_adcode===n.adcode))}}else{const e=(await a.e(2785).then(a.t.bind(a,52785,19))).default,t=(0,c.groupBy)(e.features,(e=>e.properties.name?"main-land":"south-sea"));i={type:"FeatureCollection",features:t["main-land"]},l={type:"FeatureCollection",features:t["south-sea"]}}})()])}catch(a){return void(t\|\|(w(String(a)),e.clearRect(0,0,MB,zB),m([])))}if(t)return;w(!0),e.clearRect(0,0,MB,zB),e.strokeStyle="#fff",e.lineWidth=2.5B,e.lineJoin="round";const d=(0,f.Ay)().fitExtent([[10B,10B],[(M-10)B,(z-25)B]],i),u=(0,p.A)(d,e);R.forEach((t=>{const a=e;var r,s;e.save(),e.translate(0,t.offsetB),t.shadowColor&&(a.shadowColor=t.shadowColor,a.shadowBlur=(null!==(r=t.shadowBlur)&&void 0!==r?r:0)B,a.shadowOffsetY=(null!==(s=t.shadowOffsetY)&&void 0!==s?s:0)B),a.beginPath(),(0,p.A)(d,a)(i),a.closePath(),t.fill&&(a.fillStyle=t.fill,a.fill()),t.lineWidth&&(a.strokeStyle=t.strokeStyle,a.lineWidth=t.lineWidthB,a.stroke()),e.restore()})),e.save();{const t=e.createPattern(h,"repeat");e.fillStyle=t}e.beginPath(),u(i),e.closePath(),e.fill(),e.restore(),e.save(),e.strokeStyle="#3DC6FF",e.beginPath(),u(i),e.closePath(),e.stroke(),e.restore(),r\|\|(e.save(),e.strokeStyle="rgb(30, 144, 255)",e.beginPath(),u(l),e.closePath(),e.stroke(),e.restore()),m(null==s?void 0:s.flatMap((e=>{let t,a;if(e.coordinate)[t,a]=e.coordinate;else if(n){const r=o.find((t=>"city"===t.level&&t.parent===n.adcode&&t.name.includes(e.city)));if(!r)return[];({lng:t,lat:a}=r)}else{var r;const s=i.features.find((t=>"province"===t.properties.level&&t.properties.name.includes(e.province)));if(!s)return[];[t,a]=null!==(r=s.properties.cp)&&void 0!==r?r:s.properties.center}const s=d([t,a]),l=s[0]/B;return{left:l,top:s[1]/B,text:e.text,align:l>M-150?"left":"right"}})))})(),()=>{t=!0}}),[r,s]),o().createElement("div",{className:"container",style:{width:M,height:z,visibility:null===h?"hidden":"visible","--scale":h,"--text-scale":l}},!0!==b&&o().createElement("div",{className:"message",style:{width:M,height:z}},!1===b&&o().createElement(F,{lib:"antd",icon:"loading",spinning:!0,className:"loading"}),"string"==typeof b&&o().createElement("div",{className:"error"},b)),o().createElement("canvas",{ref:d,width:MB,height:zB,style:{width:M,height:z}}),o().createElement("div",{className:"labels",style:{width:M,height:z}},null==v?void 0:v.map(((e,t)=>o().createElement("div",{key:t,className:`label ${e.align}`,style:{left:e.left,top:e.top}},o().createElement("img",{width:28,height:32,className:"marker",src:g}),o().createElement("div",{className:"text"},e.text))))))}N=j,({e:[b,w,y,S,k,A,E,C],c:[D,m]}=(0,l.A)(N,[_("data-view.china-map",{styleTexts:[v.A]})],[[W(),1,"province"],[W({attribute:!1}),1,"dataSource"],[W({type:Number}),1,"maxScale"],[W({type:Number}),1,"textScale"]],0,void 0,d.ReactNextElement)),m()},84890:(e,t,a)=>{e.exports=a.p+"images/7e4100fd.png"},99158:(e,t,a)=>{e.exports=a.p+"images/4f7762f3.svg"}}]);
2	+ //# sourceMappingURL=china-map.a7c98bf0.js.map