npm - @next-bricks/data-view - Versions diffs - 1.12.9 → 1.12.11 - Mend

@next-bricks/data-view 1.12.9 → 1.12.11

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 (38) hide show

package/dist/chunks/{modern-style-treemap.13fcc815.js.map → modern-style-treemap.24ddab63.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chunks/modern-style-treemap.13fcc815.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/css-loader/dist/runtime/getUrl.js","webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n return a(assertClassBrand(s, r));\n}","\"use strict\";\n\nmodule.exports = function (url, options) {\n if (!options) {\n options = {};\n }\n if (!url) {\n return url;\n }\n url = String(url.__esModule ? url.default : url);\n\n // If url is already wrapped in quotes, remove them\n if (/^['\"].['\"]$/.test(url)) {\n url = url.slice(1, -1);\n }\n if (options.hash) {\n url += options.hash;\n }\n\n // Should url be wrapped?\n // See https://drafts.csswg.org/css-values-3/#urls\n if (/[\"'() \\t\\n]\|(%20)/.test(url) \|\| options.needQuotes) {\n return \"\\\"\".concat(url.replace(/\"/g, '\\\\\"').replace(/\\n/g, \"\\\\n\"), \"\\\"\");\n }\n return url;\n};","import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n treemap,\n hierarchy,\n treemapBinary,\n treemapDice,\n treemapResquarify,\n treemapSlice,\n treemapSliceDice,\n treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n treemapBinary = \"treemapBinary\",\n treemapDice = \"treemapDice\",\n treemapResquarify = \"treemapResquarify\",\n treemapSlice = \"treemapSlice\",\n treemapSliceDice = \"treemapSliceDice\",\n treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n name: string;\n value?: number;\n children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n data: TreemapData;\n tail?: TailTypes;\n leafUseBrick?: { useBrick: UseBrickConf };\n leafContainerStyle?: CSSProperties;\n tooltipUseBrick?: { useBrick: UseBrickConf };\n tooltipStyle?: CSSProperties;\n handleClick?: (value: TreemapData) => void;\n}\n\n/\n 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n /\n@defineElement(\"data-view.modern-style-treemap\", {\n styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n extends ReactNextElement\n implements ModernStyleTreemapProps\n{\n /\n @kind TreemapData\n * @required true\n * @default -\n * @description 数据\n /\n @property({\n attribute: false,\n })\n accessor data: TreemapData;\n\n /\n @kind TailTypes\n * @required false\n * @default treemapSquarify\n * @description 平铺方法\n /\n @property({\n attribute: false,\n })\n accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n /\n @kind { useBrick: UseBrickConf }\n * @required false\n * @default -\n * @description 叶子节点useBrick\n /\n @property({\n attribute: false,\n })\n accessor leafUseBrick: { useBrick: UseBrickConf };\n\n /\n @kind CSSProperties\n * @required false\n * @default -\n * @description 叶子节点容器样式\n /\n @property({\n attribute: false,\n })\n accessor leafContainerStyle: CSSProperties;\n\n /\n @kind { useBrick: UseBrickConf }\n * @required false\n * @default -\n * @description tooltip useBrick\n /\n @property({\n attribute: false,\n })\n accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n /\n @kind CSSProperties\n * @required false\n * @default -\n * @description tooltip容器样式\n /\n @property({\n attribute: false,\n })\n accessor tooltipStyle: CSSProperties;\n\n /\n @detail\n * @description 点击事件\n /\n @event({ type: \"treemap.click\" })\n accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n #handleClick = (value: TreemapData) => {\n this.#onClickEvent.emit(value);\n };\n\n render() {\n return (\n <ModernStyleTreemapElement\n data={this.data}\n tail={this.tail}\n leafUseBrick={this.leafUseBrick}\n leafContainerStyle={this.leafContainerStyle}\n tooltipUseBrick={this.tooltipUseBrick}\n tooltipStyle={this.tooltipStyle}\n handleClick={this.#handleClick}\n />\n );\n }\n}\n\nconst tailMap = {\n [TailTypes[\"treemapBinary\"]]: treemapBinary,\n [TailTypes[\"treemapDice\"]]: treemapDice,\n [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n [TailTypes[\"treemapSlice\"]]: treemapSlice,\n [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n props: ModernStyleTreemapProps\n): React.ReactElement {\n const {\n data,\n tail,\n leafUseBrick,\n leafContainerStyle,\n tooltipUseBrick,\n tooltipStyle,\n handleClick,\n } = props;\n\n const [\n wrapperRef,\n { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n ] = useResizeObserver<HTMLDivElement>();\n const [tooltipRef, { clientHeight: tooltipHeight }] =\n useResizeObserver<HTMLDivElement>();\n const [mouseData, setMouseData] = useState<{\n clientX: number;\n clientY: number;\n name?: string;\n }>({ clientX: 0, clientY: 0 });\n const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n const tooltipTransform = useMemo(() => {\n if (!wrapperRef.current) return undefined;\n const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n // 缩放比例\n const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n const heightScale =\n wrapperClientRect.height / wrapperRef.current.clientHeight;\n // 缩放后的偏移\n let scaledLeft, placement;\n const left = mouseData.clientX - wrapperClientRect.left;\n let scaledTop = mouseData.clientY - wrapperClientRect.top;\n const right = wrapperClientRect.right - mouseData.clientX;\n const bottom = wrapperClientRect.bottom - mouseData.clientY;\n // 处理边界问题\n const { width, height } = tooltipRef.current.getBoundingClientRect();\n scaledLeft = left + 16;\n if (right < width) {\n scaledLeft = left - width - 16;\n placement = \"right\";\n }\n if (left < width) {\n placement = \"left\";\n }\n if (bottom < height / 2 \|\| scaledTop < height / 2) {\n const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n scaledTop =\n bottom < height / 2\n ? scaledTop - height / 2 - 16\n : scaledTop + height / 2 + 16;\n if (placement === \"left\" && left - width / 2 < 0) {\n placement = `${topOrBottom}-left`;\n scaledLeft = left;\n } else if (placement === \"right\" && right - width / 2 < 0) {\n placement = `${topOrBottom}-right`;\n scaledLeft = left - width;\n } else {\n placement = topOrBottom;\n scaledLeft = left - width / 2;\n }\n }\n setTooltipPosition(placement);\n // 实际偏移\n return {\n left: `${scaledLeft / widthScale}px`,\n top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n };\n }, [\n wrapperRef,\n mouseData.clientX,\n mouseData.clientY,\n tooltipRef,\n tooltipHeight,\n ]);\n\n const hierarchyNode = useMemo(() => {\n return hierarchy(data)\n .sum((d) => d.value)\n .sort((a, b) => b.value - a.value);\n }, [data]);\n\n const tm = useMemo(() => {\n return treemap<TreemapData>()\n .tile(tailMap[tail])\n .size([wrapperWidth, wrapperHeight])\n .padding(1)\n .round(true);\n }, [tail, wrapperWidth, wrapperHeight]);\n\n const [leaves, leavesMap] = useMemo(() => {\n // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n const root = tm(hierarchyNode);\n // 这里使用解构让leaves里面每个node变成新对象\n const _leaves = root.leaves().map((v: any) => ({ ...v }));\n return [_leaves, keyBy(_leaves, \"data.name\")];\n }, [tm, hierarchyNode]);\n\n const leavesNode = useMemo(() => {\n return leaves.map((d) => {\n const top = d.y0,\n left = d.x0,\n width = d.x1 - d.x0,\n height = d.y1 - d.y0;\n\n return (\n <div\n key={d.data.name}\n className=\"treemap-leaf\"\n data-leaf-id={d.data.name}\n style={{\n ...leafContainerStyle,\n top: 0,\n left: 0,\n transform: `translate(${left}px, ${top}px)`,\n width,\n height,\n }}\n onClick={() => handleClick?.(d.data)}\n >\n {leafUseBrick?.useBrick && (\n <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n )}\n </div>\n );\n });\n }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n const curTooltipData = useMemo(() => {\n return { ...leavesMap[mouseData.name] };\n }, [leavesMap, mouseData.name]);\n\n const handleMouseMove = useMemo(() => {\n return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n setMouseData((pre) => {\n return {\n clientX: e.clientX,\n clientY: e.clientY,\n name: curLeaf ? curName : pre.name,\n };\n });\n });\n }, []);\n\n return (\n <div className=\"wrapper\">\n <div\n className=\"treemap\"\n ref={wrapperRef}\n onMouseMove={handleMouseMove}\n onMouseEnter={() => {\n tooltipRef.current.style.visibility = \"visible\";\n }}\n onMouseLeave={() => {\n tooltipRef.current.style.visibility = \"hidden\";\n }}\n >\n {leavesNode}\n </div>\n <div\n className={classNames(\"tooltip\", {\n bottom: tooltipPosition === \"bottom\",\n bottomRight: tooltipPosition === \"bottom-right\",\n bottomLeft: tooltipPosition === \"bottom-left\",\n topLeft: tooltipPosition === \"top-left\",\n topRight: tooltipPosition === \"top-right\",\n top: tooltipPosition === \"top\",\n right: tooltipPosition === \"right\",\n })}\n style={{\n ...tooltipStyle,\n ...tooltipTransform,\n }}\n ref={tooltipRef}\n >\n {tooltipUseBrick?.useBrick && (\n <ReactUseMultipleBricks\n useBrick={tooltipUseBrick.useBrick}\n data={curTooltipData}\n />\n )}\n </div>\n </div>\n );\n}\n\nexport { ModernStyleTreemap };\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 checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n checkPrivateRedeclaration(obj, privateSet);\n privateSet.add(obj);\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"],"names":["_classPrivateGetter","s","r","a","module","exports","url","options","String","__esModule","default","test","slice","hash","needQuotes","concat","replace","defineElement","property","event","createDecorators","TailTypes","_ModernStyleTreemap","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ModernStyleTreemap_brand","WeakSet","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_data","_init_extra_data","_init_tail","_init_extra_tail","_init_leafUseBrick","_init_extra_leafUseBrick","_init_leafContainerStyle","_init_extra_leafContainerStyle","_init_tooltipUseBrick","_init_extra_tooltipUseBrick","_init_tooltipStyle","_init_extra_tooltipStyle","_init_onClickEvent","_init_extra_onClickEvent","value","this","_get_onClickEvent","emit","data","_classPrivateFieldGet","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_ModernStyleTreemap2","e","_set_onClickEvent","c","_initClass","_applyDecs","styleTexts","variablesStyleText","styleText","attribute","type","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","scaledLeft","placement","left","scaledTop","top","right","bottom","topOrBottom","hierarchyNode","hierarchy","sum","d","sort","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","hasOwn","hasOwnProperty","classes","i","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","call","newClass","obj","privateSet","add","___CSS_LOADER_EXPORT___","push","id"],"sourceRoot":""}
1	+ {"version":3,"file":"chunks/modern-style-treemap.24ddab63.js","mappings":";4KACe,SAASA,EAAoBC,EAAGC,EAAGC,GAChD,OAAOA,GAAE,OAAiBF,EAAGC,GAC/B,0BCDAE,EAAOC,QAAU,SAAUC,EAAKC,GAI9B,OAHKA,IACHA,EAAU,CAAC,GAERD,GAGLA,EAAME,OAAOF,EAAIG,WAAaH,EAAII,QAAUJ,GAGxC,eAAeK,KAAKL,KACtBA,EAAMA,EAAIM,MAAM,GAAI,IAElBL,EAAQM,OACVP,GAAOC,EAAQM,MAKb,oBAAoBF,KAAKL,IAAQC,EAAQO,WACpC,IAAKC,OAAOT,EAAIU,QAAQ,KAAM,OAAOA,QAAQ,MAAO,OAAQ,KAE9DV,GAjBEA,CAkBX,uZCHA,MAAM,cAAEW,EAAa,SAAEC,EAAQ,MAAEC,IAAUC,EAAAA,EAAAA,oBAAmB,IAEzDC,EAAS,SAATA,GAAS,OAATA,EAAS,8BAATA,EAAS,0BAATA,EAAS,sCAATA,EAAS,4BAATA,EAAS,oCAATA,EAAS,kCAATA,CAAS,EAATA,GAAS,QAAAC,EAAA,IAAAC,EAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAC,QAAAC,GAAA,IAAAT,QA8Bd,MAAAU,WAIUC,EAAAA,iBAEVC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAP,KACEQ,EAAAA,EAAAA,GAAA,KAAAhB,EAAAiB,EAAA,QAWAD,EAAAA,EAAAA,GAAA,KAAAd,IAAAgB,EAAA,MAAAC,EAAA,KAS2BrB,EAA2B,oBAEtDkB,EAAAA,EAAAA,GAAA,KAAAb,IAAAiB,EAAA,MAAAC,EAAA,SAWAL,EAAAA,EAAAA,GAAA,KAAAZ,IAAAkB,EAAA,MAAAC,EAAA,SAWAP,EAAAA,EAAAA,GAAA,KAAAX,IAAAmB,EAAA,MAAAC,EAAA,SAWAT,EAAAA,EAAAA,GAAA,KAAAV,IAAAoB,EAAA,MAAAC,EAAA,SAWAX,EAAAA,EAAAA,GAAA,KAAAT,IAAAqB,EAAA,MAAAC,EAAA,SAOAb,EAAAA,EAAAA,GAAA,KAAAN,IAAYoB,EAAA,MAAIC,KACdtD,EAAAA,EAAAA,GAAA+B,GAAAwB,KAAKC,GAAcC,KAAKH,EAAM,GAC9B,SAlEOI,GAAI,OAAAC,EAAAA,EAAAA,GAAApC,EAAA,cAAJmC,CAAIE,IAAAC,EAAAA,EAAAA,GAAAtC,EAAA,KAAAqC,EAAA,SAWJE,GAAI,OAAAH,EAAAA,EAAAA,GAAAlC,GAAA,cAAJqC,CAAIF,IAAAC,EAAAA,EAAAA,GAAApC,GAAA,KAAAmC,EAAA,iBAWJG,GAAY,OAAAJ,EAAAA,EAAAA,GAAAjC,GAAA,sBAAZqC,CAAYH,IAAAC,EAAAA,EAAAA,GAAAnC,GAAA,KAAAkC,EAAA,uBAWZI,GAAkB,OAAAL,EAAAA,EAAAA,GAAAhC,GAAA,4BAAlBqC,CAAkBJ,IAAAC,EAAAA,EAAAA,GAAAlC,GAAA,KAAAiC,EAAA,oBAWlBK,GAAe,OAAAN,EAAAA,EAAAA,GAAA/B,GAAA,yBAAfqC,CAAeL,IAAAC,EAAAA,EAAAA,GAAAjC,GAAA,KAAAgC,EAAA,iBAWfM,GAAY,OAAAP,EAAAA,EAAAA,GAAA9B,GAAA,sBAAZqC,CAAYN,IAAAC,EAAAA,EAAAA,GAAAhC,GAAA,KAAA+B,EAAA,CAarBO,MAAAA,GACE,OACEC,IAAAA,cAACC,GAAyB,CACxBX,KAAMH,KAAKG,KACXI,KAAMP,KAAKO,KACXC,aAAcR,KAAKQ,aACnBC,mBAAoBT,KAAKS,mBACzBC,gBAAiBV,KAAKU,gBACtBC,aAAcX,KAAKW,aACnBI,aAAaX,EAAAA,EAAAA,GAAK1B,GAALsB,OAGnB,EACDgB,EAAArC,KAAAsC,GAAAhC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAI,EAAAiB,EAAApB,GAAAqB,GAAApD,EAAAqD,KAAAC,EAAAA,EAAAA,GAAAL,EAAA,CAjGAtD,EAAc,iCAAkC,CAC/C4D,WAAY,CAACC,EAAAA,EAAoBC,EAAAA,MACjC,EAWC7D,EAAS,CACR8D,WAAW,IACX,WASD9D,EAAS,CACR8D,WAAW,IACX,WASD9D,EAAS,CACR8D,WAAW,IACX,mBASD9D,EAAS,CACR8D,WAAW,IACX,yBASD9D,EAAS,CACR8D,WAAW,IACX,sBASD9D,EAAS,CACR8D,WAAW,IACX,mBAOD7D,EAAM,CAAE8D,KAAM,kBAAkB,iBAAAC,IAAAvB,EAAAA,EAAAA,GAAA7B,GAAAoD,GAAA,CAAAA,EAAAtB,KAAAC,EAAAA,EAAAA,GAAA/B,GAAAoD,EAAAtB,KAAA,GAAAuB,GAAAlD,GAAAmD,KAAAC,EAAAA,EAAAA,GAAAF,KAzEzBhD,EAAAA,mBAAgBwC,IA+F1B,MAAMW,GAAU,CACd,CAACjE,EAAyB,eAAIkE,EAAAA,EAC9B,CAAClE,EAAuB,aAAImE,EAAAA,EAC5B,CAACnE,EAA6B,mBAAIoE,EAAAA,EAClC,CAACpE,EAAwB,cAAIqE,EAAAA,EAC7B,CAACrE,EAA4B,kBAAIsE,EAAAA,EACjC,CAACtE,EAA2B,iBAAIuE,EAAAA,IAGlC,SAASvB,GACPwB,GAEA,MAAM,KACJnC,EAAI,KACJI,EAAI,aACJC,EAAY,mBACZC,EAAkB,gBAClBC,EAAe,aACfC,EAAY,YACZI,GACEuB,GAGFC,GACEC,YAAaC,EAAcC,aAAcC,KACzCC,EAAAA,EAAAA,MACGC,GAAcH,aAAcI,KACjCF,EAAAA,EAAAA,MACKG,EAAWC,IAAgBC,EAAAA,EAAAA,UAI/B,CAAEC,QAAS,EAAGC,QAAS,KACnBC,EAAiBC,IAAsBJ,EAAAA,EAAAA,YAExCK,GAAmBC,EAAAA,EAAAA,UAAQ,KAC/B,IAAKhB,EAAWiB,QAAS,OACzB,MAAMC,EAAoBlB,EAAWiB,QAAQE,wBAEvCC,EAAaF,EAAkBG,MAAQrB,EAAWiB,QAAQhB,YAC1DqB,EACJJ,EAAkBK,OAASvB,EAAWiB,QAAQd,aAEhD,IAAIqB,EAAYC,EAChB,MAAMC,EAAOlB,EAAUG,QAAUO,EAAkBQ,KACnD,IAAIC,EAAYnB,EAAUI,QAAUM,EAAkBU,IACtD,MAAMC,EAAQX,EAAkBW,MAAQrB,EAAUG,QAC5CmB,EAASZ,EAAkBY,OAAStB,EAAUI,SAE9C,MAAES,EAAK,OAAEE,GAAWjB,EAAWW,QAAQE,wBAS7C,GARAK,EAAaE,EAAO,GAChBG,EAAQR,IACVG,EAAaE,EAAOL,EAAQ,GAC5BI,EAAY,SAEVC,EAAOL,IACTI,EAAY,QAEVK,EAASP,EAAS,GAAKI,EAAYJ,EAAS,EAAG,CACjD,MAAMQ,EAAcD,EAASP,EAAS,EAAI,SAAW,MACrDI,EACEG,EAASP,EAAS,EACdI,EAAYJ,EAAS,EAAI,GACzBI,EAAYJ,EAAS,EAAI,GACb,SAAdE,GAAwBC,EAAOL,EAAQ,EAAI,GAC7CI,EAAY,GAAGM,SACfP,EAAaE,GACU,UAAdD,GAAyBI,EAAQR,EAAQ,EAAI,GACtDI,EAAY,GAAGM,UACfP,EAAaE,EAAOL,IAEpBI,EAAYM,EACZP,EAAaE,EAAOL,EAAQ,EAEhC,CAGA,OAFAP,EAAmBW,GAEZ,CACLC,KAASF,EAAaJ,EAAhB,KACNQ,IAAQD,EAAYL,EAAcf,EAAgB,EAA7C,KACN,GACA,CACDP,EACAQ,EAAUG,QACVH,EAAUI,QACVN,EACAC,IAGIyB,GAAgBhB,EAAAA,EAAAA,UAAQ,KACrBiB,EAAAA,EAAAA,IAAUrE,GACdsE,KAAKC,GAAMA,EAAE3E,QACb4E,MAAK,CAAC/H,EAAGgI,IAAMA,EAAE7E,MAAQnD,EAAEmD,SAC7B,CAACI,IAEE0E,GAAKtB,EAAAA,EAAAA,UAAQ,KACVuB,EAAAA,EAAAA,KACJC,KAAKhD,GAAQxB,IACbyE,KAAK,CAACvC,EAAcE,IACpBsC,QAAQ,GACRC,OAAM,IACR,CAAC3E,EAAMkC,EAAcE,KAEjBwC,EAAQC,IAAa7B,EAAAA,EAAAA,UAAQ,KAElC,MAEM8B,EAFOR,EAAGN,GAEKY,SAASG,KAAKjF,IAAM,IAAWA,MACpD,MAAO,CAACgF,GAASE,EAAAA,EAAAA,OAAMF,EAAS,aAAa,GAC5C,CAACR,EAAIN,IAEFiB,GAAajC,EAAAA,EAAAA,UAAQ,IAClB4B,EAAOG,KAAKZ,IACjB,MAAMP,EAAMO,EAAEe,GACZxB,EAAOS,EAAEgB,GACT9B,EAAQc,EAAEiB,GAAKjB,EAAEgB,GACjB5B,EAASY,EAAEkB,GAAKlB,EAAEe,GAEpB,OACE5E,IAAAA,cAAA,OACEgF,IAAKnB,EAAEvE,KAAK2F,KACZC,UAAU,eACV,eAAcrB,EAAEvE,KAAK2F,KACrBE,MAAO,IACFvF,EACH0D,IAAK,EACLF,KAAM,EACNgC,UAAW,aAAahC,QAAWE,OACnCP,QACAE,UAEFoC,QAASA,IAAMnF,aAAW,EAAXA,EAAc2D,EAAEvE,QAE9BK,aAAY,EAAZA,EAAc2F,WACbtF,IAAAA,cAACuF,EAAAA,uBAAsB,CAACD,SAAU3F,EAAa2F,SAAUhG,KAAMuE,IAE7D,KAGT,CAAC3D,EAAaN,EAAoBD,EAAa2F,SAAUhB,IAEtDkB,GAAiB9C,EAAAA,EAAAA,UAAQ,KACtB,IAAK6B,EAAUrC,EAAU+C,SAC/B,CAACV,EAAWrC,EAAU+C,OAEnBQ,GAAkB/C,EAAAA,EAAAA,UAAQ,KACvBgD,EAAAA,EAAAA,IAA0BtF,IAC/B,MAAMuF,EAAWvF,EAAEwF,OAA0BC,QAAQ,iBAC/CC,EAAUH,aAAO,EAAPA,EAASI,aAAa,gBACtC5D,GAAc6D,IACL,CACL3D,QAASjC,EAAEiC,QACXC,QAASlC,EAAEkC,QACX2C,KAAMU,EAAUG,EAAUE,EAAIf,QAEhC,KAEH,IAEH,OACEjF,IAAAA,cAAA,OAAKkF,UAAU,WACblF,IAAAA,cAAA,OACEkF,UAAU,UACVe,IAAKvE,EACLwE,YAAaT,EACbU,aAAcA,KACZnE,EAAWW,QAAQwC,MAAMiB,WAAa,SAAS,EAEjDC,aAAcA,KACZrE,EAAWW,QAAQwC,MAAMiB,WAAa,QAAQ,GAG/CzB,GAEH3E,IAAAA,cAAA,OACEkF,UAAWoB,IAAW,UAAW,CAC/B9C,OAA4B,WAApBjB,EACRgE,YAAiC,iBAApBhE,EACbiE,WAAgC,gBAApBjE,EACZkE,QAA6B,aAApBlE,EACTmE,SAA8B,cAApBnE,EACVe,IAAyB,QAApBf,EACLgB,MAA2B,UAApBhB,IAET4C,MAAO,IACFrF,KACA2C,GAELwD,IAAKjE,IAEJnC,aAAe,EAAfA,EAAiByF,WAChBtF,IAAAA,cAACuF,EAAAA,uBAAsB,CACrBD,SAAUzF,EAAgByF,SAC1BhG,KAAMkG,KAMlB,iBChWA,OAOC,WACA,aAEA,IAAImB,EAAS,CAAC,EAAEC,eAEhB,SAASN,IAGR,IAFA,IAAIO,EAAU,GAELC,EAAI,EAAGA,EAAI7I,UAAU8I,OAAQD,IAAK,CAC1C,IAAIE,EAAM/I,UAAU6I,GAChBE,IACHH,EAAUI,EAAYJ,EAASK,EAAWF,IAE5C,CAEA,OAAOH,CACR,CAEA,SAASK,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOV,EAAWe,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIT,EAAU,GAEd,IAAK,IAAI7B,KAAOgC,EACXL,EAAOe,KAAKV,EAAKhC,IAAQgC,EAAIhC,KAChC6B,EAAUI,EAAYJ,EAAS7B,IAIjC,OAAO6B,CACR,CAEA,SAASI,EAAa/H,EAAOyI,GAC5B,OAAKA,EAIDzI,EACIA,EAAQ,IAAMyI,EAGfzI,EAAQyI,EAPPzI,CAQT,CAEqClD,EAAOC,SAC3CqK,EAAWhK,QAAUgK,EACrBtK,EAAOC,QAAUqK,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CArEA,iECNe,SAASpI,EAA4B0J,EAAKC,IACvD,OAA0BD,EAAKC,GAC/BA,EAAWC,IAAIF,EACjB,oFCDIG,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAAChM,EAAOiM,GAAI,sgIAAugI,KAEhjI,QAAeF,EAAwBT","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/css-loader/dist/runtime/getUrl.js","webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n return a(assertClassBrand(s, r));\n}","\"use strict\";\n\nmodule.exports = function (url, options) {\n if (!options) {\n options = {};\n }\n if (!url) {\n return url;\n }\n url = String(url.__esModule ? url.default : url);\n\n // If url is already wrapped in quotes, remove them\n if (/^['\"].['\"]$/.test(url)) {\n url = url.slice(1, -1);\n }\n if (options.hash) {\n url += options.hash;\n }\n\n // Should url be wrapped?\n // See https://drafts.csswg.org/css-values-3/#urls\n if (/[\"'() \\t\\n]\|(%20)/.test(url) \|\| options.needQuotes) {\n return \"\\\"\".concat(url.replace(/\"/g, '\\\\\"').replace(/\\n/g, \"\\\\n\"), \"\\\"\");\n }\n return url;\n};","import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n treemap,\n hierarchy,\n treemapBinary,\n treemapDice,\n treemapResquarify,\n treemapSlice,\n treemapSliceDice,\n treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n treemapBinary = \"treemapBinary\",\n treemapDice = \"treemapDice\",\n treemapResquarify = \"treemapResquarify\",\n treemapSlice = \"treemapSlice\",\n treemapSliceDice = \"treemapSliceDice\",\n treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n name: string;\n value?: number;\n children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n data: TreemapData;\n tail?: TailTypes;\n leafUseBrick?: { useBrick: UseBrickConf };\n leafContainerStyle?: CSSProperties;\n tooltipUseBrick?: { useBrick: UseBrickConf };\n tooltipStyle?: CSSProperties;\n handleClick?: (value: TreemapData) => void;\n}\n\n/\n 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n /\n@defineElement(\"data-view.modern-style-treemap\", {\n styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n extends ReactNextElement\n implements ModernStyleTreemapProps\n{\n /\n @kind TreemapData\n * @required true\n * @default -\n * @description 数据\n /\n @property({\n attribute: false,\n })\n accessor data: TreemapData;\n\n /\n @kind TailTypes\n * @required false\n * @default treemapSquarify\n * @description 平铺方法\n /\n @property({\n attribute: false,\n })\n accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n /\n @kind { useBrick: UseBrickConf }\n * @required false\n * @default -\n * @description 叶子节点useBrick\n /\n @property({\n attribute: false,\n })\n accessor leafUseBrick: { useBrick: UseBrickConf };\n\n /\n @kind CSSProperties\n * @required false\n * @default -\n * @description 叶子节点容器样式\n /\n @property({\n attribute: false,\n })\n accessor leafContainerStyle: CSSProperties;\n\n /\n @kind { useBrick: UseBrickConf }\n * @required false\n * @default -\n * @description tooltip useBrick\n /\n @property({\n attribute: false,\n })\n accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n /\n @kind CSSProperties\n * @required false\n * @default -\n * @description tooltip容器样式\n /\n @property({\n attribute: false,\n })\n accessor tooltipStyle: CSSProperties;\n\n /\n @detail\n * @description 点击事件\n /\n @event({ type: \"treemap.click\" })\n accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n #handleClick = (value: TreemapData) => {\n this.#onClickEvent.emit(value);\n };\n\n render() {\n return (\n <ModernStyleTreemapElement\n data={this.data}\n tail={this.tail}\n leafUseBrick={this.leafUseBrick}\n leafContainerStyle={this.leafContainerStyle}\n tooltipUseBrick={this.tooltipUseBrick}\n tooltipStyle={this.tooltipStyle}\n handleClick={this.#handleClick}\n />\n );\n }\n}\n\nconst tailMap = {\n [TailTypes[\"treemapBinary\"]]: treemapBinary,\n [TailTypes[\"treemapDice\"]]: treemapDice,\n [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n [TailTypes[\"treemapSlice\"]]: treemapSlice,\n [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n props: ModernStyleTreemapProps\n): React.ReactElement {\n const {\n data,\n tail,\n leafUseBrick,\n leafContainerStyle,\n tooltipUseBrick,\n tooltipStyle,\n handleClick,\n } = props;\n\n const [\n wrapperRef,\n { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n ] = useResizeObserver<HTMLDivElement>();\n const [tooltipRef, { clientHeight: tooltipHeight }] =\n useResizeObserver<HTMLDivElement>();\n const [mouseData, setMouseData] = useState<{\n clientX: number;\n clientY: number;\n name?: string;\n }>({ clientX: 0, clientY: 0 });\n const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n const tooltipTransform = useMemo(() => {\n if (!wrapperRef.current) return undefined;\n const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n // 缩放比例\n const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n const heightScale =\n wrapperClientRect.height / wrapperRef.current.clientHeight;\n // 缩放后的偏移\n let scaledLeft, placement;\n const left = mouseData.clientX - wrapperClientRect.left;\n let scaledTop = mouseData.clientY - wrapperClientRect.top;\n const right = wrapperClientRect.right - mouseData.clientX;\n const bottom = wrapperClientRect.bottom - mouseData.clientY;\n // 处理边界问题\n const { width, height } = tooltipRef.current.getBoundingClientRect();\n scaledLeft = left + 16;\n if (right < width) {\n scaledLeft = left - width - 16;\n placement = \"right\";\n }\n if (left < width) {\n placement = \"left\";\n }\n if (bottom < height / 2 \|\| scaledTop < height / 2) {\n const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n scaledTop =\n bottom < height / 2\n ? scaledTop - height / 2 - 16\n : scaledTop + height / 2 + 16;\n if (placement === \"left\" && left - width / 2 < 0) {\n placement = `${topOrBottom}-left`;\n scaledLeft = left;\n } else if (placement === \"right\" && right - width / 2 < 0) {\n placement = `${topOrBottom}-right`;\n scaledLeft = left - width;\n } else {\n placement = topOrBottom;\n scaledLeft = left - width / 2;\n }\n }\n setTooltipPosition(placement);\n // 实际偏移\n return {\n left: `${scaledLeft / widthScale}px`,\n top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n };\n }, [\n wrapperRef,\n mouseData.clientX,\n mouseData.clientY,\n tooltipRef,\n tooltipHeight,\n ]);\n\n const hierarchyNode = useMemo(() => {\n return hierarchy(data)\n .sum((d) => d.value)\n .sort((a, b) => b.value - a.value);\n }, [data]);\n\n const tm = useMemo(() => {\n return treemap<TreemapData>()\n .tile(tailMap[tail])\n .size([wrapperWidth, wrapperHeight])\n .padding(1)\n .round(true);\n }, [tail, wrapperWidth, wrapperHeight]);\n\n const [leaves, leavesMap] = useMemo(() => {\n // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n const root = tm(hierarchyNode);\n // 这里使用解构让leaves里面每个node变成新对象\n const _leaves = root.leaves().map((v: any) => ({ ...v }));\n return [_leaves, keyBy(_leaves, \"data.name\")];\n }, [tm, hierarchyNode]);\n\n const leavesNode = useMemo(() => {\n return leaves.map((d) => {\n const top = d.y0,\n left = d.x0,\n width = d.x1 - d.x0,\n height = d.y1 - d.y0;\n\n return (\n <div\n key={d.data.name}\n className=\"treemap-leaf\"\n data-leaf-id={d.data.name}\n style={{\n ...leafContainerStyle,\n top: 0,\n left: 0,\n transform: `translate(${left}px, ${top}px)`,\n width,\n height,\n }}\n onClick={() => handleClick?.(d.data)}\n >\n {leafUseBrick?.useBrick && (\n <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n )}\n </div>\n );\n });\n }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n const curTooltipData = useMemo(() => {\n return { ...leavesMap[mouseData.name] };\n }, [leavesMap, mouseData.name]);\n\n const handleMouseMove = useMemo(() => {\n return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n setMouseData((pre) => {\n return {\n clientX: e.clientX,\n clientY: e.clientY,\n name: curLeaf ? curName : pre.name,\n };\n });\n });\n }, []);\n\n return (\n <div className=\"wrapper\">\n <div\n className=\"treemap\"\n ref={wrapperRef}\n onMouseMove={handleMouseMove}\n onMouseEnter={() => {\n tooltipRef.current.style.visibility = \"visible\";\n }}\n onMouseLeave={() => {\n tooltipRef.current.style.visibility = \"hidden\";\n }}\n >\n {leavesNode}\n </div>\n <div\n className={classNames(\"tooltip\", {\n bottom: tooltipPosition === \"bottom\",\n bottomRight: tooltipPosition === \"bottom-right\",\n bottomLeft: tooltipPosition === \"bottom-left\",\n topLeft: tooltipPosition === \"top-left\",\n topRight: tooltipPosition === \"top-right\",\n top: tooltipPosition === \"top\",\n right: tooltipPosition === \"right\",\n })}\n style={{\n ...tooltipStyle,\n ...tooltipTransform,\n }}\n ref={tooltipRef}\n >\n {tooltipUseBrick?.useBrick && (\n <ReactUseMultipleBricks\n useBrick={tooltipUseBrick.useBrick}\n data={curTooltipData}\n />\n )}\n </div>\n </div>\n );\n}\n\nexport { ModernStyleTreemap };\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 checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n checkPrivateRedeclaration(obj, privateSet);\n privateSet.add(obj);\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"],"names":["_classPrivateGetter","s","r","a","module","exports","url","options","String","__esModule","default","test","slice","hash","needQuotes","concat","replace","defineElement","property","event","createDecorators","TailTypes","_ModernStyleTreemap","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ModernStyleTreemap_brand","WeakSet","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_data","_init_extra_data","_init_tail","_init_extra_tail","_init_leafUseBrick","_init_extra_leafUseBrick","_init_leafContainerStyle","_init_extra_leafContainerStyle","_init_tooltipUseBrick","_init_extra_tooltipUseBrick","_init_tooltipStyle","_init_extra_tooltipStyle","_init_onClickEvent","_init_extra_onClickEvent","value","this","_get_onClickEvent","emit","data","_classPrivateFieldGet","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_ModernStyleTreemap2","e","_set_onClickEvent","c","_initClass","_applyDecs","styleTexts","variablesStyleText","styleText","attribute","type","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","scaledLeft","placement","left","scaledTop","top","right","bottom","topOrBottom","hierarchyNode","hierarchy","sum","d","sort","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","hasOwn","hasOwnProperty","classes","i","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","call","newClass","obj","privateSet","add","___CSS_LOADER_EXPORT___","push","id"],"sourceRoot":""}

package/dist/examples.json CHANGED Viewed

@@ -5,9 +5,6 @@
   "data-view.modern-style-component-title": {
     "doc": "现代风格的组件标题\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n\n### TitleSuffix && Toolbar slot\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n  slots:\n    toolbar:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: toolbar\n    titleSuffix:\n      type: bricks\n      bricks:\n        - brick: span\n          properties:\n            textContent: titleSuffix\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# >\n#   <span slot=\"toolbar\">toolbar</span>\n#   <span slot=\"titleSuffix\">titleSuffix</span>\n# </data-view.modern-style-component-title>\n# \n```\n\n### hideRightComponent\n\n```yaml preview\n- brick: data-view.modern-style-component-title\n  properties:\n    componentTitle: 组件标题\n    hideRightComponent: false\n    hideLeftComponent: true\n    style:\n      height: 50px\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-component-title\n#   component-title=\"组件标题\"\n#   hide-right-component=\"false\"\n#   hide-left-component=\"true\"\n#   style=\"height: 50px; display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-component-title>\n# \n```\n"
   },
-  "data-view.modern-style-page-title": {
-    "doc": "现代风格的页面标题构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-page-title\n  properties:\n    pageTitle: XX应用大屏\n    description: \"- APPLICATION HEALTH MONITORING SCREEN -\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-page-title\n#   page-title=\"XX应用大屏\"\n#   description=\"- APPLICATION HEALTH MONITORING SCREEN -\"\n#   style=\"display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-page-title>\n# \n```\n"
-  },
   "data-view.tabs-drawer": {
     "doc": "data-view.tabs-drawer\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-drawer\n  properties:\n    activeKey: search\n    id: drawer\n    visible: true\n    width: 800\n    style:\n      height: 600px\n      display: block\n    tabList:\n      - tooltip: 搜索\n        key: search\n        icon:\n          lib: fa\n          icon: search\n          prefix: fas\n      - tooltip: 内容\n        key: app\n        icon:\n          lib: easyops\n          category: app\n          icon: micro-app-configuration\n\n      - tooltip: 图表\n        key: chart\n        icon:\n          lib: fa\n          icon: ad\n          prefix: fas\n  slots:\n    search:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            style:\n              padding: 0 16px\n              height: 100px\n              background: red\n            textContent: 测试\n    app:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 内容区域\n            style:\n              background: yellow\n              height: 100px\n    chart:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 图表区域\n            style:\n              background: green\n              height: 100px\n  events:\n    close:\n      - action: console.log\n    tab.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-drawer\n#   active-key=\"search\"\n#   visible\n#   style=\"height: 600px; display: block\"\n#   id=\"drawer\"\n# >\n#   <div slot=\"search\" style=\"padding: 0 16px; height: 100px; background: red\">\n#     测试\n#   </div>\n#   <div slot=\"app\" style=\"background: yellow; height: 100px\">内容区域</div>\n#   <div slot=\"chart\" style=\"background: green; height: 100px\">图表区域</div>\n# </data-view.tabs-drawer>\n# \n# <script>\n#   const drawer = document.getElementById(\"drawer\");\n#   drawer.width = 800;\n#   drawer.tabList = [\n#     {\n#       tooltip: \"搜索\",\n#       key: \"search\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"search\",\n#         prefix: \"fas\",\n#       },\n#     },\n#     {\n#       tooltip: \"内容\",\n#       key: \"app\",\n#       icon: {\n#         lib: \"easyops\",\n#         category: \"app\",\n#         icon: \"micro-app-configuration\",\n#       },\n#     },\n#     {\n#       tooltip: \"图表\",\n#       key: \"chart\",\n#       icon: {\n#         lib: \"fa\",\n#         icon: \"ad\",\n#         prefix: \"fas\",\n#       },\n#     },\n#   ];\n#   drawer.addEventListener(\"close\", (e) => {\n#     console.log(e.detail);\n#   });\n#   drawer.addEventListener(\"tab.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
@@ -17,6 +14,9 @@
   "data-view.battery-chart": {
     "doc": "电池显示构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.battery-chart\n  properties:\n    value: 30\n    style:\n      background-color: \"#1c1e21\"\n      display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.battery-chart\n#   value=\"30\"\n#   style=\"background-color: #1c1e21; display: block\"\n# ></data-view.battery-chart>\n# \n```\n\n### ThresholdValue\n\n```yaml preview\n- brick: data-view.battery-chart\n  properties:\n    value: 100\n    thresholdValue: 120\n    batteryHeight: 80\n    batteryWidth: 50\n    thresholdColors:\n      - color: \"linear-gradient(180deg, #246EFF 0%, #26CE90 100%)\"\n        startValue: 0\n        endValue: 120\n        headerColor: \"#246EFF\"\n      - color: \"linear-gradient(180deg, #FF772A 0%, #FFC22A 100%)\"\n        startValue: 120\n        endValue: 200\n        headerColor: \"#FF772A\"\n    style:\n      background-color: \"#1c1e21\"\n      display: block\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标题\n            style:\n              color: \"#fff\"\n              opacity: 0.6\n              marginTop: 10px\n              fontSize: 14px\n        - brick: div\n          properties:\n            textContent: 数据信息\n            style:\n              color: \"#fff\"\n              fontSize: 20px\n              line-height: 29px\n              fontWeight: 500\n    left:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标题\n            style:\n              color: \"#fff\"\n              opacity: 0.6\n              marginTop: 10px\n              fontSize: 14px\n        - brick: div\n          properties:\n            textContent: 数据信息\n            style:\n              color: \"#fff\"\n              fontSize: 20px\n              line-height: 29px\n              fontWeight: 500\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.battery-chart\n#   value=\"100\"\n#   threshold-value=\"120\"\n#   battery-height=\"80\"\n#   battery-width=\"50\"\n#   style=\"background-color: #1c1e21; display: block\"\n#   id=\"brick-1\"\n# >\n#   <div style=\"color: #fff; opacity: 0.6; margin-top: 10px; font-size: 14px\">\n#     标题\n#   </div>\n#   <div\n#     style=\"color: #fff; font-size: 20px; line-height: 29px; font-weight: 500\"\n#   >\n#     数据信息\n#   </div>\n#   <div\n#     slot=\"left\"\n#     style=\"color: #fff; opacity: 0.6; margin-top: 10px; font-size: 14px\"\n#   >\n#     标题\n#   </div>\n#   <div\n#     slot=\"left\"\n#     style=\"color: #fff; font-size: 20px; line-height: 29px; font-weight: 500\"\n#   >\n#     数据信息\n#   </div>\n# </data-view.battery-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.thresholdColors = [\n#     {\n#       color: \"linear-gradient(180deg, #246EFF 0%, #26CE90 100%)\",\n#       startValue: 0,\n#       endValue: 120,\n#       headerColor: \"#246EFF\",\n#     },\n#     {\n#       color: \"linear-gradient(180deg, #FF772A 0%, #FFC22A 100%)\",\n#       startValue: 120,\n#       endValue: 200,\n#       headerColor: \"#FF772A\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
+  "data-view.modern-style-page-title": {
+    "doc": "现代风格的页面标题构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.modern-style-page-title\n  properties:\n    pageTitle: XX应用大屏\n    description: \"- APPLICATION HEALTH MONITORING SCREEN -\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.modern-style-page-title\n#   page-title=\"XX应用大屏\"\n#   description=\"- APPLICATION HEALTH MONITORING SCREEN -\"\n#   style=\"display: block; background-color: #1c1e21\"\n# ></data-view.modern-style-page-title>\n# \n```\n"
+  },
   "data-view.dropdown-menu": {
     "doc": "大屏基础下拉菜单\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.dropdown-menu\n  properties:\n    options:\n      - label: 测试1\n        value: test1\n      - label: 测试2\n        value: test2\n    placeholder: 请选择\n    allowClear: true\n  events:\n    value.change:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.dropdown-menu\n#   placeholder=\"请选择\"\n#   allow-clear\n#   id=\"brick-1\"\n# ></data-view.dropdown-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.options = [\n#     {\n#       label: \"测试1\",\n#       value: \"test1\",\n#     },\n#     {\n#       label: \"测试2\",\n#       value: \"test2\",\n#     },\n#   ];\n#   brick_1.addEventListener(\"value.change\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
@@ -26,15 +26,15 @@
   "data-view.loading-panel": {
     "doc": "data-view.loading-panel\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.loading-panel\n  properties:\n    customTitle: Hello World!!\n    loading: false\n    style:\n      height: 300px\n      display: block\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n#   custom-title=\"Hello World!!\"\n#   style=\"height: 300px; display: block\"\n# ></data-view.loading-panel>\n# \n```\n\n### Progress\n\n```yaml preview\n- brick: data-view.loading-panel\n  properties:\n    customTitle: Hello World!!\n    progress: 60\n    useRealTimeProgress: true\n    intervalTime: 300\n    style:\n      height: 300px\n      display: block\n  events:\n    end:\n      - action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.loading-panel\n#   custom-title=\"Hello World!!\"\n#   progress=\"60\"\n#   use-real-time-progress\n#   interval-time=\"300\"\n#   style=\"height: 300px; display: block\"\n#   id=\"brick-1\"\n# ></data-view.loading-panel>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"end\", (e) => {\n#     console.log(e.detail);\n#   });\n# </script>\n# \n```\n"
   },
-  "data-view.particle-animation": {
-    "doc": "粒子上升动画\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.particle-animation\n  properties:\n    containerStyle:\n      width: 150px\n      height: 150px\n    colors:\n      startColor: \"#44E6F300\"\n      middleColor: \"#48D9EE\"\n      endColor: \"#E4FFFF\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.particle-animation\n#   style=\"display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.particle-animation>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.containerStyle = {\n#     width: \"150px\",\n#     height: \"150px\",\n#   };\n#   brick_1.colors = {\n#     startColor: \"#44E6F300\",\n#     middleColor: \"#48D9EE\",\n#     endColor: \"#E4FFFF\",\n#   };\n# </script>\n# \n```\n"
-  },
   "data-view.app-wall-card-item": {
     "doc": "应用墙小卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n  properties:\n    cardTitle: pos\n    description: 店铺货管通\n    style:\n      width: 100px\n      height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n#   card-title=\"pos\"\n#   description=\"店铺货管通\"\n#   style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-card-item\n  properties:\n    status: warning\n    cardTitle: pos\n    description: 店铺货管通\n    style:\n      width: 100px\n      height: 120px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-card-item\n#   status=\"warning\"\n#   card-title=\"pos\"\n#   description=\"店铺货管通\"\n#   style=\"width: 100px; height: 120px\"\n# ></data-view.app-wall-card-item>\n# \n```\n"
   },
   "data-view.app-wall-system-card": {
     "doc": "系统卡片\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: A系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms\n      - key: 实例ID\n        value: xxx\n      - key: 系统英文名称\n        value: app-fms\n      - key: 系统中文名称\n        value: A财务系统\n      - key: 归属部门\n        value: 财务系统部\n      - key: 系统类型\n        value: 应用系统\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    style:\n      background: rgba(40, 46, 58, 100%)\n      box-shadow: \"0 0 12px 2px rgba(80, 255, 255, 0.45), inset 0 0 22px 0 #20242A\"\n      border: \"2px solid #50FFFF\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"A系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background: rgba(40, 46, 58, 100%);\n#     box-shadow:\n#       0 0 12px 2px rgba(80, 255, 255, 0.45),\n#       inset 0 0 22px 0 #20242a;\n#     border: 2px solid #50ffff;\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms\",\n#     },\n#     {\n#       key: \"实例ID\",\n#       value: \"xxx\",\n#     },\n#     {\n#       key: \"系统英文名称\",\n#       value: \"app-fms\",\n#     },\n#     {\n#       key: \"系统中文名称\",\n#       value: \"A财务系统\",\n#     },\n#     {\n#       key: \"归属部门\",\n#       value: \"财务系统部\",\n#     },\n#     {\n#       key: \"系统类型\",\n#       value: \"应用系统\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Status\n\n```yaml preview\n- brick: data-view.app-wall-system-card\n  properties:\n    cardTitle: B系统\n    itemList:\n      - key: 实例ID\n        value: xxxx\n      - key: 系统英文缩写\n        value: system-fms-B\n      - key: 系统描述\n        value: 1、使用场景概述：财务应收和应付结算\n    buttonName: 应用墙大屏\n    status: warning\n    style:\n      background: \"linear-gradient(180deg, #CC0066 0%, rgba(204, 0, 102, 0.2) 100%),#0F1117FF\"\n      box-shadow: \"0 0 12px 2px rgba(204, 0, 102, 0.4), inset 0 4px 10px 0 rgba(255, 255, 255, 0.65)\"\n      overflow: hidden\n      height: 400px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-system-card\n#   card-title=\"B系统\"\n#   button-name=\"应用墙大屏\"\n#   style=\"\n#     background:\n#       linear-gradient(180deg, #cc0066 0%, rgba(204, 0, 102, 0.2) 100%),\n#       #0f1117ff;\n#     box-shadow:\n#       0 0 12px 2px rgba(204, 0, 102, 0.4),\n#       inset 0 4px 10px 0 rgba(255, 255, 255, 0.65);\n#     overflow: hidden;\n#     height: 400px;\n#   \"\n#   id=\"brick-1\"\n# ></data-view.app-wall-system-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.itemList = [\n#     {\n#       key: \"实例ID\",\n#       value: \"xxxx\",\n#     },\n#     {\n#       key: \"系统英文缩写\",\n#       value: \"system-fms-B\",\n#     },\n#     {\n#       key: \"系统描述\",\n#       value: \"1、使用场景概述：财务应收和应付结算\",\n#     },\n#   ];\n#   brick_1.status = \"warning\";\n# </script>\n# \n```\n"
   },
+  "data-view.particle-animation": {
+    "doc": "粒子上升动画\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.particle-animation\n  properties:\n    containerStyle:\n      width: 150px\n      height: 150px\n    colors:\n      startColor: \"#44E6F300\"\n      middleColor: \"#48D9EE\"\n      endColor: \"#E4FFFF\"\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.particle-animation\n#   style=\"display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.particle-animation>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.containerStyle = {\n#     width: \"150px\",\n#     height: \"150px\",\n#   };\n#   brick_1.colors = {\n#     startColor: \"#44E6F300\",\n#     middleColor: \"#48D9EE\",\n#     endColor: \"#E4FFFF\",\n#   };\n# </script>\n# \n```\n"
+  },
   "data-view.app-wall-relation-line": {
     "doc": "应用墙流光线条\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.app-wall-relation-line\n  properties:\n    lightColor: purple\n    style:\n      height: 200px\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.app-wall-relation-line\n#   light-color=\"purple\"\n#   style=\"height: 200px\"\n# ></data-view.app-wall-relation-line>\n# \n```\n"
   },
@@ -68,24 +68,24 @@
   "data-view.graph-layout-grid": {
     "doc": "有规律的网格布局的拓扑\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.graph-layout-grid\n  properties:\n    columns: 7\n    rows: 3\n    style:\n      width: 960px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    dataSource:\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 7348\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 存储卷数\n        value: 638\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 守护进程数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 容器组数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 无状态服务数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.graph-layout-grid\n#   columns=\"7\"\n#   rows=\"3\"\n#   style=\"width: 960px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.graph-layout-grid>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 7348,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"存储卷数\",\n#       value: 638,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"守护进程数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"容器组数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"无状态服务数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### IsReverse\n\n```yaml preview\n- brick: data-view.graph-layout-grid\n  properties:\n    columns: 7\n    rows: 3\n    isReverse: true\n    style:\n      width: 960px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    dataSource:\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 7348\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 存储卷数\n        value: 638\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 应用\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 守护进程数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 容器组数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 无状态服务数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n      - text: 负载均衡数\n        value: 200\n        url: https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.graph-layout-grid\n#   columns=\"7\"\n#   rows=\"3\"\n#   is-reverse\n#   style=\"width: 960px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.graph-layout-grid>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 7348,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"存储卷数\",\n#       value: 638,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"应用\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"守护进程数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"容器组数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"无状态服务数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#     {\n#       text: \"负载均衡数\",\n#       value: 200,\n#       url: \"https://user-assets.sxlcdn.com/images/367275/FtgabYjUD_Xhmne2wsyLPcKqlgCi.png\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
-  "data-view.grid-background": {
-    "doc": "网格背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.grid-background\n  properties:\n    style:\n      width: 920px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    color: \"#235F90\"\n    particleColor:\n      startColor: \"#477AFFFF\"\n      endColor: \"#5F83FF00\"\n    maskStyle:\n      background: \"rgba(41, 109, 255, 0.8)\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.grid-background\n#   style=\"width: 920px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.grid-background>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.color = \"#235F90\";\n#   brick_1.particleColor = {\n#     startColor: \"#477AFFFF\",\n#     endColor: \"#5F83FF00\",\n#   };\n#   brick_1.maskStyle = {\n#     background: \"rgba(41, 109, 255, 0.8)\",\n#   };\n# </script>\n# \n```\n"
-  },
   "data-view.gear-background": {
     "doc": "齿轮背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.gear-background\n  properties:\n    style:\n      width: 300px\n      height: 300px\n      display: block\n      background: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.gear-background\n#   style=\"width: 300px; height: 300px; display: block; background: #1c1e21\"\n# ></data-view.gear-background>\n# \n```\n"
   },
+  "data-view.grid-background": {
+    "doc": "网格背景\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.grid-background\n  properties:\n    style:\n      width: 920px\n      height: 600px\n      display: block\n      background-color: \"#1c1e21\"\n    color: \"#235F90\"\n    particleColor:\n      startColor: \"#477AFFFF\"\n      endColor: \"#5F83FF00\"\n    maskStyle:\n      background: \"rgba(41, 109, 255, 0.8)\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.grid-background\n#   style=\"width: 920px; height: 600px; display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.grid-background>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.color = \"#235F90\";\n#   brick_1.particleColor = {\n#     startColor: \"#477AFFFF\",\n#     endColor: \"#5F83FF00\",\n#   };\n#   brick_1.maskStyle = {\n#     background: \"rgba(41, 109, 255, 0.8)\",\n#   };\n# </script>\n# \n```\n"
+  },
   "data-view.radar-chart": {
     "doc": "雷达图构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.radar-chart\n  properties:\n    dataSource:\n      - name: JavaScript\n        maxValue: 100\n        value: 60\n        percentValue: 45.8%\n      - name: Java\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: CSS\n        maxValue: 100\n        value: 70\n        percentValue: 45.8%\n      - name: Python\n        maxValue: 100\n        value: 30\n        percentValue: 45.8%\n      - name: Three.js\n        maxValue: 100\n        value: 50\n        percentValue: 45.8%\n    value: 85.9\n    dataCircle:\n      fillStyle: red\n      r: 3\n    style:\n      display: block\n      background-color: \"#1c1e21\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.radar-chart\n#   style=\"display: block; background-color: #1c1e21\"\n#   id=\"brick-1\"\n# ></data-view.radar-chart>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       name: \"JavaScript\",\n#       maxValue: 100,\n#       value: 60,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Java\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"CSS\",\n#       maxValue: 100,\n#       value: 70,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Python\",\n#       maxValue: 100,\n#       value: 30,\n#       percentValue: \"45.8%\",\n#     },\n#     {\n#       name: \"Three.js\",\n#       maxValue: 100,\n#       value: 50,\n#       percentValue: \"45.8%\",\n#     },\n#   ];\n#   brick_1.value = 85.9;\n#   brick_1.dataCircle = {\n#     fillStyle: \"red\",\n#     r: 3,\n#   };\n# </script>\n# \n```\n"
   },
   "data-view.title-text": {
     "doc": "构件 title-text\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.title-text\n  properties:\n    text: 大标题\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\"></data-view.title-text>\n# \n```\n\n### Stroke\n\n```yaml preview\n- brick: data-view.title-text\n  properties:\n    text: 大标题\n    type: stroke\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"stroke\";\n# </script>\n# \n```\n\n### Gradient\n\n```yaml preview\n- brick: data-view.title-text\n  properties:\n    text: 大标题\n    type: gradient\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"gradient\";\n# </script>\n# \n```\n"
   },
-  "data-view.brick-notification": {
-    "doc": "大屏通知提示构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.brick-notification\n  properties:\n    message: This is the content of the notification.\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.brick-notification\n#   message=\"This is the content of the notification.\"\n# ></data-view.brick-notification>\n# \n```\n\n### Icon\n\n```yaml preview\n- brick: data-view.brick-notification\n  properties:\n    message: This is the content of the notification.\n    icon:\n      icon: smile\n      lib: antd\n      theme: outlined\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.brick-notification\n#   message=\"This is the content of the notification.\"\n#   id=\"brick-1\"\n# ></data-view.brick-notification>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     icon: \"smile\",\n#     lib: \"antd\",\n#     theme: \"outlined\",\n#   };\n# </script>\n# \n```\n"
-  },
   "data-view.tabs-page-title": {
     "doc": "构件 tabs-page-title\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.tabs-page-title\n  properties:\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: data-view.title-text\n          properties:\n            text: 大标题\n            type: gradient\n    start:\n      type: bricks\n      bricks:\n        - brick: data-view.brick-notification\n          properties:\n            message: This is the content of the notification.\n    end:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: \"2022/11/30 17:25 星期四\"\n            style:\n              font-size: 16px\n              color: \"#fff\"\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-page-title>\n#   <data-view.title-text text=\"大标题\" id=\"brick-1\"></data-view.title-text>\n#   <data-view.brick-notification\n#     slot=\"start\"\n#     message=\"This is the content of the notification.\"\n#   ></data-view.brick-notification>\n#   <div slot=\"end\" style=\"font-size: 16px; color: #fff\">\n#     2022/11/30 17:25 星期四\n#   </div>\n# </data-view.tabs-page-title>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.type = \"gradient\";\n# </script>\n# \n```\n\n### TabList\n\n```yaml preview\n- brick: data-view.tabs-page-title\n  properties:\n    tabList:\n      - text: 标签1\n        key: key1\n      - text: 标签2\n        key: key2\n      - text: 标签3\n        key: key3\n      - text: 标签4\n        key: key4\n      - text: 标签5\n        key: key5\n      - text: 标签6\n        key: key6\n    activeKey: key2\n  slots:\n    \"\":\n      type: bricks\n      bricks:\n        - brick: data-view.title-text\n          properties:\n            text: 大标题\n            type: gradient\n    key1:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标签一内容\n    key2:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标签二内容\n    key3:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标签三内容\n    key4:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标签四内容\n    key5:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标签五内容\n    key6:\n      type: bricks\n      bricks:\n        - brick: div\n          properties:\n            textContent: 标签六内容\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.tabs-page-title active-key=\"key2\" id=\"brick-1\">\n#   <data-view.title-text text=\"大标题\" id=\"brick-2\"></data-view.title-text>\n#   <div slot=\"key1\">标签一内容</div>\n#   <div slot=\"key2\">标签二内容</div>\n#   <div slot=\"key3\">标签三内容</div>\n#   <div slot=\"key4\">标签四内容</div>\n#   <div slot=\"key5\">标签五内容</div>\n#   <div slot=\"key6\">标签六内容</div>\n# </data-view.tabs-page-title>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.tabList = [\n#     {\n#       text: \"标签1\",\n#       key: \"key1\",\n#     },\n#     {\n#       text: \"标签2\",\n#       key: \"key2\",\n#     },\n#     {\n#       text: \"标签3\",\n#       key: \"key3\",\n#     },\n#     {\n#       text: \"标签4\",\n#       key: \"key4\",\n#     },\n#     {\n#       text: \"标签5\",\n#       key: \"key5\",\n#     },\n#     {\n#       text: \"标签6\",\n#       key: \"key6\",\n#     },\n#   ];\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.type = \"gradient\";\n# </script>\n# \n```\n"
   },
+  "data-view.brick-notification": {
+    "doc": "大屏通知提示构件\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.brick-notification\n  properties:\n    message: This is the content of the notification.\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.brick-notification\n#   message=\"This is the content of the notification.\"\n# ></data-view.brick-notification>\n# \n```\n\n### Icon\n\n```yaml preview\n- brick: data-view.brick-notification\n  properties:\n    message: This is the content of the notification.\n    icon:\n      icon: smile\n      lib: antd\n      theme: outlined\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.brick-notification\n#   message=\"This is the content of the notification.\"\n#   id=\"brick-1\"\n# ></data-view.brick-notification>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.icon = {\n#     icon: \"smile\",\n#     lib: \"antd\",\n#     theme: \"outlined\",\n#   };\n# </script>\n# \n```\n"
+  },
   "data-view.top-title-bar": {
     "doc": "构件 `data-view.top-title-bar`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.top-title-bar\n  properties:\n    text: 标题\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\"></data-view.top-title-bar>\n# \n```\n\n### Smaple\n\n```yaml preview\n- brick: data-view.top-title-bar\n  properties:\n    text: 标题\n    type: sample\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\" type=\"sample\"></data-view.top-title-bar>\n# \n```\n\n### Square\n\n```yaml preview\n- brick: data-view.top-title-bar\n  properties:\n    text: 标题\n    type: square\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.top-title-bar text=\"标题\" type=\"square\"></data-view.top-title-bar>\n# \n```\n"
   },
@@ -110,12 +110,12 @@
   "data-view.data-display-flipper-fifth": {
     "doc": "构件 `data-view.data-display-flipper-fifth`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.data-display-flipper-fifth\n  properties:\n    flipperTitle: 翻牌器名称\n    data: 195.15\n    unit: 单位\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.data-display-flipper-fifth\n#   flipper-title=\"翻牌器名称\"\n#   id=\"brick-1\"\n# ></data-view.data-display-flipper-fifth>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = 195.15;\n#   brick_1.unit = \"单位\";\n# </script>\n# \n```\n"
   },
-  "data-view.data-display-flipper-sixth": {
-    "doc": "构件 `data-view.data-display-flipper-sixth`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.data-display-flipper-sixth\n  properties:\n    flipperTitle: 翻牌器名称\n    data: 699\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.data-display-flipper-sixth\n#   flipper-title=\"翻牌器名称\"\n#   id=\"brick-1\"\n# ></data-view.data-display-flipper-sixth>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = 699;\n# </script>\n# \n```\n"
-  },
   "data-view.indicator-card": {
     "doc": "构件 `data-view.indicator-card`\n\n## Examples\n\n### Column\n\n```yaml preview\n- brick: data-view.indicator-card\n  properties:\n    layout: \"column\"\n    datasource:\n      - value: 300\n        desc: 月碳排放量\n        unit: (吨)\n      - value: 1000.33\n        desc: 季度碳排放总量\n        unit: (吨)\n      - value: 2507.55\n        desc: 年度碳排放总量\n        unit: (吨)\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.indicator-card id=\"brick-1\"></data-view.indicator-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.layout = \"column\";\n#   brick_1.datasource = [\n#     {\n#       value: 300,\n#       desc: \"月碳排放量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 1000.33,\n#       desc: \"季度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 2507.55,\n#       desc: \"年度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Column Townhouse\n\n```yaml preview\n- brick: data-view.indicator-card\n  properties:\n    layout: \"column-townhouse\"\n    datasource:\n      - value: 300\n        desc: 月碳排放量\n        unit: (吨)\n      - value: 1000.33\n        desc: 季度碳排放总量\n        unit: (吨)\n      - value: 2507.55\n        desc: 年度碳排放总量\n        unit: (吨)\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.indicator-card id=\"brick-1\"></data-view.indicator-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.layout = \"column-townhouse\";\n#   brick_1.datasource = [\n#     {\n#       value: 300,\n#       desc: \"月碳排放量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 1000.33,\n#       desc: \"季度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 2507.55,\n#       desc: \"年度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Row\n\n```yaml preview\n- brick: data-view.indicator-card\n  properties:\n    layout: \"row\"\n    datasource:\n      - value: 300\n        desc: 月碳排放量\n        unit: (吨)\n      - value: 1000.33\n        desc: 季度碳排放总量\n        unit: (吨)\n      - value: 2507.55\n        desc: 年度碳排放总量\n        unit: (吨)\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.indicator-card id=\"brick-1\"></data-view.indicator-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.layout = \"row\";\n#   brick_1.datasource = [\n#     {\n#       value: 300,\n#       desc: \"月碳排放量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 1000.33,\n#       desc: \"季度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 2507.55,\n#       desc: \"年度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Row Townhouse\n\n```yaml preview\n- brick: data-view.indicator-card\n  properties:\n    layout: \"row-townhouse\"\n    datasource:\n      - value: 300\n        desc: 月碳排放量\n        unit: (吨)\n      - value: 1000.33\n        desc: 季度碳排放总量\n        unit: (吨)\n      - value: 2507.55\n        desc: 年度碳排放总量\n        unit: (吨)\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.indicator-card id=\"brick-1\"></data-view.indicator-card>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.layout = \"row-townhouse\";\n#   brick_1.datasource = [\n#     {\n#       value: 300,\n#       desc: \"月碳排放量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 1000.33,\n#       desc: \"季度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#     {\n#       value: 2507.55,\n#       desc: \"年度碳排放总量\",\n#       unit: \"(吨)\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
+  "data-view.data-display-flipper-sixth": {
+    "doc": "构件 `data-view.data-display-flipper-sixth`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: data-view.data-display-flipper-sixth\n  properties:\n    flipperTitle: 翻牌器名称\n    data: 699\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.data-display-flipper-sixth\n#   flipper-title=\"翻牌器名称\"\n#   id=\"brick-1\"\n# ></data-view.data-display-flipper-sixth>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.data = 699;\n# </script>\n# \n```\n"
+  },
   "data-view.progress-bar-list": {
     "doc": "构件 `data-view.progress-bar-list`\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: data-view.progress-bar-list\nproperties:\n  dataSource:\n    - title: 资源1\n      count: 123\n    - title: 资源2\n      count: 39\n    - title: 资源3\n      count: 23\n    - title: 资源4\n      count: 13\n    - title: 资源5\n      count: 49\n      barBackground: linear-gradient(to right, rgba(255, 222, 104, 0.2), rgb(255, 222, 104))\n      loopBackground: rgb(255, 222, 104)\n# -- YAML DELIMITER (1nbbm8) --\n# <data-view.progress-bar-list id=\"brick-1\"></data-view.progress-bar-list>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       title: \"资源1\",\n#       count: 123,\n#     },\n#     {\n#       title: \"资源2\",\n#       count: 39,\n#     },\n#     {\n#       title: \"资源3\",\n#       count: 23,\n#     },\n#     {\n#       title: \"资源4\",\n#       count: 13,\n#     },\n#     {\n#       title: \"资源5\",\n#       count: 49,\n#       barBackground:\n#         \"linear-gradient(to right, rgba(255, 222, 104, 0.2), rgb(255, 222, 104))\",\n#       loopBackground: \"rgb(255, 222, 104)\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
@@ -134,10 +134,10 @@
   "data-view.bubbles-indicator": {
     "doc": "构件 `data-view.bubbles-indicator`\n\n## Examples\n\n### Basic\n\n```yaml preview height=\"660px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 2em)\nchildren:\n  - brick: data-view.bubbles-indicator\n    properties:\n      centerDataSource:\n        label: 资产总数\n        value: 30123\n      dataSource:\n        - label: 低值易耗品\n          value: 3889\n        - label: 摊销资产\n          value: 2087\n        - label: 固定资产\n          value: 12088\n        - label: 无形资产\n          value: 1082\n        - label: 在建工程\n          value: 10997\n      cornerDataSource:\n        - label: 资产增长\n          value: 43\n          color: red\n        - label: 资产减少\n          value: 21\n          color: green\n    # Currently this brick only works within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 2em)\">\n#   <data-view.bubbles-indicator id=\"brick-1\"></data-view.bubbles-indicator>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.centerDataSource = {\n#     label: \"资产总数\",\n#     value: 30123,\n#   };\n#   brick_1.dataSource = [\n#     {\n#       label: \"低值易耗品\",\n#       value: 3889,\n#     },\n#     {\n#       label: \"摊销资产\",\n#       value: 2087,\n#     },\n#     {\n#       label: \"固定资产\",\n#       value: 12088,\n#     },\n#     {\n#       label: \"无形资产\",\n#       value: 1082,\n#     },\n#     {\n#       label: \"在建工程\",\n#       value: 10997,\n#     },\n#   ];\n#   brick_1.cornerDataSource = [\n#     {\n#       label: \"资产增长\",\n#       value: 43,\n#       color: \"red\",\n#     },\n#     {\n#       label: \"资产减少\",\n#       value: 21,\n#       color: \"green\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   },
-  "data-view.globe-with-orbit-indicator": {
-    "doc": "地球加轨道的数据展示构件。\n\n## Examples\n\n### Basic\n\n```yaml preview height=\"660px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 2em)\nchildren:\n  - brick: data-view.globe-with-orbit-indicator\n    properties:\n      centerDataSource:\n        label: 资产总数\n        value: 30123\n      dataSource:\n        - label: 低值易耗品\n          value: 3889\n        - label: 摊销资产\n          value: 2087\n        - label: 固定资产\n          value: 12088\n        - label: 无形资产\n          value: 1082\n        - label: 在建工程\n          value: 10997\n        - label: 其他资产\n          value: 4203\n      cornerDataSource:\n        - label: 资产增长\n          value: 43\n          color: red\n        - label: 资产减少\n          value: 21\n          color: green\n    # Currently this brick only works within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 2em)\">\n#   <data-view.globe-with-orbit-indicator\n#     id=\"brick-1\"\n#   ></data-view.globe-with-orbit-indicator>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.centerDataSource = {\n#     label: \"资产总数\",\n#     value: 30123,\n#   };\n#   brick_1.dataSource = [\n#     {\n#       label: \"低值易耗品\",\n#       value: 3889,\n#     },\n#     {\n#       label: \"摊销资产\",\n#       value: 2087,\n#     },\n#     {\n#       label: \"固定资产\",\n#       value: 12088,\n#     },\n#     {\n#       label: \"无形资产\",\n#       value: 1082,\n#     },\n#     {\n#       label: \"在建工程\",\n#       value: 10997,\n#     },\n#     {\n#       label: \"其他资产\",\n#       value: 4203,\n#     },\n#   ];\n#   brick_1.cornerDataSource = [\n#     {\n#       label: \"资产增长\",\n#       value: 43,\n#       color: \"red\",\n#     },\n#     {\n#       label: \"资产减少\",\n#       value: 21,\n#       color: \"green\",\n#     },\n#   ];\n# </script>\n# \n```\n"
-  },
   "data-view.china-map": {
     "doc": "构件 `data-view.china-map`\n\n## Examples\n\n### Basic\n\n```yaml preview height=\"600px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 4em)\n    position: relative\nchildren:\n  - brick: data-view.china-map\n    properties:\n      dataSource:\n        - text: \"西藏 12311\"\n          province: 西藏\n        - text: \"四川 89781169\"\n          province: 四川\n        - text: \"台湾 234181\"\n          province: 台湾\n        - text: \"江西 21348\"\n          province: 江西\n    # Currently this brick only looks well within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 4em); position: relative\">\n#   <data-view.china-map id=\"brick-1\"></data-view.china-map>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"西藏 12311\",\n#       province: \"西藏\",\n#     },\n#     {\n#       text: \"四川 89781169\",\n#       province: \"四川\",\n#     },\n#     {\n#       text: \"台湾 234181\",\n#       province: \"台湾\",\n#     },\n#     {\n#       text: \"江西 21348\",\n#       province: \"江西\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Province map\n\n```yaml preview height=\"600px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 4em)\n    position: relative\nchildren:\n  - brick: data-view.china-map\n    properties:\n      province: 广东\n      dataSource:\n        - text: \"广州 12311\"\n          city: 广州\n        - text: \"深圳 89781169\"\n          city: 深圳\n        - text: \"湛江 234181\"\n          city: 湛江\n    # Currently this brick only looks well within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 4em); position: relative\">\n#   <data-view.china-map province=\"广东\" id=\"brick-1\"></data-view.china-map>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"广州 12311\",\n#       city: \"广州\",\n#     },\n#     {\n#       text: \"深圳 89781169\",\n#       city: \"深圳\",\n#     },\n#     {\n#       text: \"湛江 234181\",\n#       city: \"湛江\",\n#     },\n#   ];\n# </script>\n# \n```\n\n### Specific coordinates\n\n```yaml preview height=\"600px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 4em)\n    position: relative\nchildren:\n  - brick: data-view.china-map\n    properties:\n      textScale: 2\n      dataSource:\n        - text: \"北京昌平 21348\"\n          coordinate:\n            - 116\n            - 40\n        - text: \"山东青岛 4242\"\n          coordinate:\n            - 119\n            - 35.5\n    # Currently this brick only looks well within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 4em); position: relative\">\n#   <data-view.china-map text-scale=\"2\" id=\"brick-1\"></data-view.china-map>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.dataSource = [\n#     {\n#       text: \"北京昌平 21348\",\n#       coordinate: [116, 40],\n#     },\n#     {\n#       text: \"山东青岛 4242\",\n#       coordinate: [119, 35.5],\n#     },\n#   ];\n# </script>\n# \n```\n"
+  },
+  "data-view.globe-with-orbit-indicator": {
+    "doc": "地球加轨道的数据展示构件。\n\n## Examples\n\n### Basic\n\n```yaml preview height=\"660px\"\nbrick: div\nproperties:\n  style:\n    height: calc(100vh - 2em)\nchildren:\n  - brick: data-view.globe-with-orbit-indicator\n    properties:\n      centerDataSource:\n        label: 资产总数\n        value: 30123\n      dataSource:\n        - label: 低值易耗品\n          value: 3889\n        - label: 摊销资产\n          value: 2087\n        - label: 固定资产\n          value: 12088\n        - label: 无形资产\n          value: 1082\n        - label: 在建工程\n          value: 10997\n        - label: 其他资产\n          value: 4203\n      cornerDataSource:\n        - label: 资产增长\n          value: 43\n          color: red\n        - label: 资产减少\n          value: 21\n          color: green\n    # Currently this brick only works within dark theme\n    lifeCycle:\n      onPageLoad:\n        action: theme.setTheme\n        args:\n          - dark-v2\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"height: calc(100vh - 2em)\">\n#   <data-view.globe-with-orbit-indicator\n#     id=\"brick-1\"\n#   ></data-view.globe-with-orbit-indicator>\n# </div>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.centerDataSource = {\n#     label: \"资产总数\",\n#     value: 30123,\n#   };\n#   brick_1.dataSource = [\n#     {\n#       label: \"低值易耗品\",\n#       value: 3889,\n#     },\n#     {\n#       label: \"摊销资产\",\n#       value: 2087,\n#     },\n#     {\n#       label: \"固定资产\",\n#       value: 12088,\n#     },\n#     {\n#       label: \"无形资产\",\n#       value: 1082,\n#     },\n#     {\n#       label: \"在建工程\",\n#       value: 10997,\n#     },\n#     {\n#       label: \"其他资产\",\n#       value: 4203,\n#     },\n#   ];\n#   brick_1.cornerDataSource = [\n#     {\n#       label: \"资产增长\",\n#       value: 43,\n#       color: \"red\",\n#     },\n#     {\n#       label: \"资产减少\",\n#       value: 21,\n#       color: \"green\",\n#     },\n#   ];\n# </script>\n# \n```\n"
   }
 }

package/dist/index.3a389e66.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (()=>{"use strict";var e,t,r,a,n,l,o,i,c,s,d,h,f,p,u,m,b,g,P,v,y,x,w,k,j,S={65756:(e,t,r)=>{var a={"./gauge-chart":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(4099)]).then((()=>()=>r(33736))),"./modern-style-component-title":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(5289)]).then((()=>()=>r(49708))),"./tabs-drawer":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(1919)]).then((()=>()=>r(72532))),"./modern-style-treemap":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(563),r.e(8796),r.e(7544),r.e(2943)]).then((()=>()=>r(27014))),"./battery-chart":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(7965)]).then((()=>()=>r(18366))),"./modern-style-page-title":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(9875)]).then((()=>()=>r(82068))),"./dropdown-menu":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(563),r.e(8576)]).then((()=>()=>r(30631))),"./complex-search":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(8796),r.e(5620),r.e(5994)]).then((()=>()=>r(89907))),"./loading-panel":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(5332)]).then((()=>()=>r(61379))),"./app-wall-card-item":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(8172)]).then((()=>()=>r(53787))),"./app-wall-system-card":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(8460)]).then((()=>()=>r(78755))),"./particle-animation":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(780)]).then((()=>()=>r(77921))),"./app-wall-relation-line":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(7473)]).then((()=>()=>r(52762))),"./cabinet-button":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(6614)]).then((()=>()=>r(708))),"./cabinet-node":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(6306)]).then((()=>()=>r(54528))),"./cabinet-app-layer":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(1787)]).then((()=>()=>r(86069))),"./cabinet-container":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(4219)]).then((()=>()=>r(3221))),"./cabinet-thumbnail":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(3158)]).then((()=>()=>r(98948))),"./cabinet-graph":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(3446)]).then((()=>()=>r(36366))),"./app-wall":()=>Promise.all([r.e(5301),r.e(8769),r.e(870),r.e(981),r.e(563),r.e(6308),r.e(9749)]).then((()=>()=>r(74236))),"./graph-text":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(5620),r.e(3719)]).then((()=>()=>r(10724))),"./graph-node":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(3614)]).then((()=>()=>r(59013))),"./graph-layout-grid":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(5737)]).then((()=>()=>r(52348))),"./gear-background":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(3147)]).then((()=>()=>r(1612))),"./grid-background":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(6448)]).then((()=>()=>r(85219))),"./radar-chart":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(563),r.e(4194)]).then((()=>()=>r(32993))),"./title-text":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(8113)]).then((()=>()=>r(45268))),"./tabs-page-title":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(476)]).then((()=>()=>r(11711))),"./brick-notification":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(8418)]).then((()=>()=>r(52559))),"./top-title-bar":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(3697)]).then((()=>()=>r(48722))),"./lights-component-title":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(9831)]).then((()=>()=>r(37950))),"./hi-tech-button":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(8416)]).then((()=>()=>r(61353))),"./tech-mesh-base-view":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(37),r.e(2479)]).then((()=>()=>r(11404))),"./simple-card-item":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(37),r.e(9316)]).then((()=>()=>r(51929))),"./basic-index-group":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(563),r.e(37),r.e(9630)]).then((()=>()=>r(91805))),"./data-display-flipper":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(37),r.e(8291)]).then((()=>()=>r(32746))),"./data-display-flipper-fifth":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(37),r.e(863)]).then((()=>()=>r(50790))),"./indicator-card":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(37),r.e(7905)]).then((()=>()=>r(30604))),"./data-display-flipper-sixth":()=>Promise.all([r.e(8769),r.e(870),r.e(981),r.e(37),r.e(6776)]).then((()=>()=>r(64785))),"./progress-bar-list":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(563),r.e(37),r.e(4255)]).then((()=>()=>r(19272))),"./china-map-chart":()=>Promise.all([r.e(1977),r.e(6785),r.e(8769),r.e(870),r.e(981),r.e(563),r.e(37),r.e(8038)]).then((()=>()=>r(52137))),"./crystal-ball-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(37),r.e(1335)]).then((()=>()=>r(18750))),"./globe-with-halo-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(563),r.e(37),r.e(7666)]).then((()=>()=>r(84349))),"./globe-with-gear-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(37),r.e(7889)]).then((()=>()=>r(31890))),"./bubbles-indicator":()=>Promise.all([r.e(1977),r.e(1143),r.e(8769),r.e(870),r.e(981),r.e(37),r.e(1104)]).then((()=>()=>r(14451))),"./china-map":()=>Promise.all([r.e(1977),r.e(5235),r.e(8769),r.e(870),r.e(981),r.e(563),r.e(37),r.e(5509)]).then((()=>()=>r(59618))),"./globe-with-orbit-indicator":()=>Promise.all([r.e(1977),r.e(8769),r.e(870),r.e(981),r.e(563),r.e(37),r.e(9088)]).then((()=>()=>r(44673)))},n=(e,t)=>(r.R=t,t=r.o(a,e)?a[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),l=(e,t)=>{if(r.S){var a="default",n=r.S[a];if(n&&n!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[a]=e,r.I(a,t)}};r.d(t,{get:()=>n,init:()=>l})}},O={};function _(e){var t=O[e];if(void 0!==t)return t.exports;var r=O[e]={id:e,loaded:!1,exports:{}};return S[e].call(r.exports,r,r.exports,_),r.loaded=!0,r.exports}_.m=S,_.c=O,_.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return _.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,_.t=function(r,a){if(1&a&&(r=this(r)),8&a)return r;if("object"==typeof r&&r){if(4&a&&r.__esModule)return r;if(16&a&&"function"==typeof r.then)return r}var n=Object.create(null);_.r(n);var l={};e=e\|\|[null,t({}),t([]),t(t)];for(var o=2&a&&r;"object"==typeof o&&!~e.indexOf(o);o=t(o))Object.getOwnPropertyNames(o).forEach((e=>l[e]=()=>r[e]));return l.default=()=>r,_.d(n,l),n},_.d=(e,t)=>{for(var r in t)_.o(t,r)&&!_.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},_.f={},_.e=e=>Promise.all(Object.keys(_.f).reduce(((t,r)=>(_.f[r](e,t),t)),[])),_.u=e=>"chunks/"+({476:"tabs-page-title",780:"particle-animation",863:"data-display-flipper-fifth",1104:"bubbles-indicator",1335:"crystal-ball-indicator",1787:"cabinet-app-layer",1919:"tabs-drawer",2479:"tech-mesh-base-view",2943:"modern-style-treemap",3147:"gear-background",3158:"cabinet-thumbnail",3446:"cabinet-graph",3614:"graph-node",3697:"top-title-bar",3719:"graph-text",4099:"gauge-chart",4194:"radar-chart",4219:"cabinet-container",4255:"progress-bar-list",5289:"modern-style-component-title",5332:"loading-panel",5509:"china-map",5737:"graph-layout-grid",5994:"complex-search",6306:"cabinet-node",6448:"grid-background",6614:"cabinet-button",6776:"data-display-flipper-sixth",7473:"app-wall-relation-line",7666:"globe-with-halo-indicator",7889:"globe-with-gear-indicator",7905:"indicator-card",7965:"battery-chart",8038:"china-map-chart",8113:"title-text",8172:"app-wall-card-item",8291:"data-display-flipper",8416:"hi-tech-button",8418:"brick-notification",8460:"app-wall-system-card",8576:"dropdown-menu",9088:"globe-with-orbit-indicator",9316:"simple-card-item",9630:"basic-index-group",9749:"app-wall",9831:"lights-component-title",9875:"modern-style-page-title"}[e]\|\|e)+"."+{114:"215cb100",476:"c696bb65",726:"70948a04",780:"18679f2e",863:"92037239",871:"5f400f2b",948:"c2aa593f",1045:"7adea668",1104:"e7b47e1e",1122:"318b5bd0",1143:"3da5c9ee",1335:"592c81ad",1787:"6a1a78c4",1889:"c7ee1fb2",1919:"ae7c57ad",1940:"5301be9a",1977:"b13fd134",2052:"7490d715",2277:"88c4c79d",2479:"4c3b548e",2785:"3bc16dc7",2943:"24ddab63",3144:"b75e5af6",3147:"c43197fb",3158:"e25f5478",3171:"1af9074e",3201:"f5554138",3446:"6aa32783",3614:"d8703f51",3697:"601fadcc",3719:"48da73c1",3751:"300d7aea",4041:"0132fd9a",4099:"6ec90257",4194:"0bc593de",4219:"49872d09",4255:"8b0651c1",4291:"786c5a3c",4658:"89dae718",4765:"2e805470",4837:"80094357",5235:"4f7e952d",5250:"0a47e255",5289:"1086b1ef",5301:"190aa0f5",5332:"5f0a4fd4",5384:"f1c59dfa",5399:"bc04d692",5509:"a7c98bf0",5552:"bc6a55e1",5737:"f41022c0",5994:"cbeec078",6306:"7e1af335",6308:"4a5a6fdf",6448:"b708b198",6519:"21bfdd71",6614:"c7986b88",6773:"5f152984",6776:"9f014241",6785:"87f4d6cc",6873:"5f62fd24",7146:"7ff96618",7218:"7a1bbf3a",7434:"5a1a9921",7473:"0445cf9d",7544:"1bc31553",7666:"01b2c9a2",7721:"391fb8f8",7733:"7dea1845",7889:"123e65c1",7905:"259e5d8c",7965:"554d378f",8038:"56dc9a9f",8097:"970954cf",8113:"c4409751",8172:"7c32b915",8291:"64aab06b",8416:"1f3d0a32",8418:"ae523413",8460:"aa2b5b84",8576:"5c9a12d7",8763:"298c81f7",8968:"09a0d05a",8989:"d6dd9d4f",9088:"45415b04",9123:"5fbb5f01",9316:"253d80e3",9515:"eca7a14f",9559:"66f67fed",9630:"c555b165",9749:"126608d6",9831:"0cccad81",9844:"806ea100",9875:"87fbb077"}[e]+".js",_.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),_.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},a="@next-bricks/data-view:",_.l=(e,t,n,l)=>{if(r[e])r[e].push(t);else{var o,i;if(void 0!==n)for(var c=document.getElementsByTagName("script"),s=0;s<c.length;s++){var d=c[s];if(d.getAttribute("src")==e\|\|d.getAttribute("data-webpack")==a+n){o=d;break}}o\|\|(i=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,_.nc&&o.setAttribute("nonce",_.nc),o.setAttribute("data-webpack",a+n),o.src=e),r[e]=[t];var h=(t,a)=>{o.onerror=o.onload=null,clearTimeout(f);var n=r[e];if(delete r[e],o.parentNode&&o.parentNode.removeChild(o),n&&n.forEach((e=>e(a))),t)return t(a)},f=setTimeout(h.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=h.bind(null,o.onerror),o.onload=h.bind(null,o.onload),i&&document.head.appendChild(o)}},_.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},_.nmd=e=>(e.paths=[],e.children\|\|(e.children=[]),e),(()=>{_.S={};var e={},t={};_.I=(r,a)=>{a\|\|(a=[]);var n=t[r];if(n\|\|(n=t[r]={}),!(a.indexOf(n)>=0)){if(a.push(n),e[r])return e[r];_.o(_.S,r)\|\|(_.S[r]={});var l=_.S[r],o="@next-bricks/data-view",i=(e,t,r,a)=>{var n=l[e]=l[e]\|\|{},i=n[t];(!i\|\|!i.loaded&&(!a!=!i.eager?a:o>i.from))&&(n[t]={get:r,from:o,eager:!!a})},c=[];return"default"===r&&(i("@babel/parser","7.27.2",(()=>_.e(6773).then((()=>()=>_(46773))))),i("@easyops-cn/brick-next-pipes","0.7.6",(()=>Promise.all([_.e(4291),_.e(563),_.e(1916),_.e(5310)]).then((()=>()=>_(54291))))),i("@next-core/cook","2.5.12",(()=>Promise.all([_.e(1122),_.e(580)]).then((()=>()=>_(61122))))),i("@next-core/element","1.2.19",(()=>_.e(1045).then((()=>()=>_(21045))))),i("@next-core/http","1.2.14",(()=>_.e(8989).then((()=>()=>_(48989))))),i("@next-core/i18n/react","1.0.87",(()=>Promise.all([_.e(7177),_.e(8097)]).then((()=>()=>_(88097))))),i("@next-core/i18n","1.0.87",(()=>Promise.all([_.e(410),_.e(7177),_.e(671),_.e(5552)]).then((()=>()=>_(75552))))),i("@next-core/inject","1.0.62",(()=>Promise.all([_.e(563),_.e(9933),_.e(2277)]).then((()=>()=>_(72277))))),i("@next-core/loader","1.6.17",(()=>_.e(5399).then((()=>()=>_(35399))))),i("@next-core/pipes","2.0.36",(()=>_.e(6519).then((()=>()=>_(76519))))),i("@next-core/react-element","1.0.38",(()=>Promise.all([_.e(8769),_.e(870),_.e(9435),_.e(114)]).then((()=>()=>_(20114))))),i("@next-core/react-runtime","1.7.43",(()=>Promise.all([_.e(8769),_.e(981),_.e(563),_.e(6305),_.e(4837)]).then((()=>()=>_(64837))))),i("@next-core/runtime","1.71.4",(()=>Promise.all([_.e(948),_.e(563),_.e(410),_.e(1916),_.e(7177),_.e(1321),_.e(2998)]).then((()=>()=>_(30948))))),i("@next-core/supply","2.3.9",(()=>Promise.all([_.e(563),_.e(1916),_.e(9933),_.e(9559)]).then((()=>()=>_(49559))))),i("@next-core/theme","1.6.1",(()=>Promise.all([_.e(1889),_.e(2052)]).then((()=>()=>_(51889))))),i("@next-core/utils/general","1.8.8",(()=>_.e(871).then((()=>()=>_(40871))))),i("@next-core/utils/storyboard","1.8.8",(()=>Promise.all([_.e(563),_.e(410),_.e(1321),_.e(7146)]).then((()=>()=>_(97146))))),i("history","4.10.1",(()=>_.e(5384).then((()=>()=>_(65384))))),i("i18next-browser-languagedetector","7.2.2",(()=>_.e(726).then((()=>()=>_(50726))))),i("i18next","22.5.1",(()=>_.e(3201).then((()=>()=>_(33201))))),i("js-yaml","3.14.1",(()=>_.e(9515).then((()=>()=>_(19515))))),i("lodash","4.17.21",(()=>_.e(5250).then((()=>()=>_(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(61329))))),i("moment","2.30.1",(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([_.e(3144),_.e(8769)]).then((()=>()=>_(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([_.e(7434),_.e(8769)]).then((()=>()=>_(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>_.e(4041).then((()=>()=>_(14041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;_.g.importScripts&&(e=_.g.location+"");var t=_.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var a=r.length-1;a>-1&&(!e\|\|!/^http(s?):/.test(e));)e=r[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.$/,"").replace(/\?.$/,"").replace(/\/[^\/]+$/,"/"),_.p=e})(),n=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),a=r[1]?t(r[1]):[];return r[2]&&(a.length++,a.push.apply(a,t(r[2]))),r[3]&&(a.push([]),a.push.apply(a,t(r[3]))),a},l=(e,t)=>{e=n(e),t=n(t);for(var r=0;;){if(r>=e.length)return r<t.length&&"u"!=(typeof t[r])[0];var a=e[r],l=(typeof a)[0];if(r>=t.length)return"u"==l;var o=t[r],i=(typeof o)[0];if(l!=i)return"o"==l&&"n"==i\|\|"s"==i\|\|"u"==l;if("o"!=l&&"u"!=l&&a!=o)return a<o;r++}},o=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var a=1,n=1;n<e.length;n++)a--,r+="u"==(typeof(i=e[n]))[0]?"-":(a>0?".":"")+(a=2,i);return r}var l=[];for(n=1;n<e.length;n++){var i=e[n];l.push(0===i?"not("+c()+")":1===i?"("+c()+" \|\| "+c()+")":2===i?l.pop()+" "+l.pop():o(i))}return c();function c(){return l.pop().replace(/^$(.+)$$/,"$1")}},i=(e,t)=>{if(0 in e){t=n(t);var r=e[0],a=r<0;a&&(r=-r-1);for(var l=0,o=1,c=!0;;o++,l++){var s,d,h=o<e.length?(typeof e[o])[0]:"";if(l>=t.length\|\|"o"==(d=(typeof(s=t[l]))[0]))return!c\|\|("u"==h?o>r&&!a:""==h!=a);if("u"==d){if(!c\|\|"u"!=h)return!1}else if(c)if(h==d)if(o<=r){if(s!=e[o])return!1}else{if(a?s>e[o]:s<e[o])return!1;s!=e[o]&&(c=!1)}else if("s"!=h&&"n"!=h){if(a\|\|o<=r)return!1;c=!1,o--}else{if(o<=r\|\|d<h!=a)return!1;c=!1}else"s"!=h&&"n"!=h&&(c=!1,o--)}}var f=[],p=f.pop.bind(f);for(l=1;l<e.length;l++){var u=e[l];f.push(1==u?p()\|p():2==u?p()&p():u?i(u,t):!p())}return!!p()},c=(e,t)=>e&&_.o(e,t),s=e=>(e.loaded=1,e.get()),d=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),h=(e,t,r,a)=>{var n=a?d(e[t]):e[t];return(t=Object.keys(n).reduce(((e,t)=>!i(r,t)\|\|e&&!l(e,t)?e:t),0))&&n[t]},f=(e,t,r)=>{var a=r?d(e[t]):e[t];return Object.keys(a).reduce(((e,t)=>!e\|\|!a[e].loaded&&l(e,t)?t:e),0)},p=(e,t,r,a)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+o(a)+")",u=(e,t,r,a,n)=>{var l=e[r];return"No satisfying version ("+o(a)+")"+(n?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(l).map((e=>e+" from "+l[e].from)).join(", ")},m=e=>{throw new Error(e)},b=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},P=(e,t,r)=>r?r():((e,t)=>m("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),v=(g=e=>function(t,r,a,n,l){var o=_.I(t);return o&&o.then&&!a?o.then(e.bind(e,t,_.S[t],r,!1,n,l)):e(t,_.S[t],r,a,n,l)})(((e,t,r,a,n,l)=>{if(!c(t,r))return P(e,r,l);var o=h(t,r,n,a);return o?s(o):l?l():void m(u(t,e,r,n,a))})),y=g(((e,t,r,a,n,l)=>{if(!c(t,r))return P(e,r,l);var o=f(t,r,a);return i(n,o)\|\|b(p(t,r,o,n)),s(t[r][o])})),x={},w={20563:()=>y("default","lodash",!1,[0],(()=>_.e(5250).then((()=>()=>_(45250))))),91916:()=>y("default","moment",!1,[0],(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(99420))))),55310:()=>y("default","js-yaml",!1,[0],(()=>_.e(9515).then((()=>()=>_(19515))))),40580:()=>y("default","@babel/parser",!1,[0],(()=>_.e(6773).then((()=>()=>_(46773))))),67177:()=>y("default","@next-core/i18n",!1,[1,1,0,87],(()=>Promise.all([_.e(410),_.e(671),_.e(3171)]).then((()=>()=>_(75552))))),47825:()=>y("default","react-i18next",!1,[1,12,3,1],(()=>Promise.all([_.e(7434),_.e(8769)]).then((()=>()=>_(97434))))),40410:()=>y("default","@next-core/utils/general",!1,[1,1,8,8],(()=>_.e(871).then((()=>()=>_(40871))))),848:()=>y("default","i18next-browser-languagedetector",!1,[0],(()=>_.e(726).then((()=>()=>_(50726))))),75630:()=>y("default","i18next",!1,[0],(()=>_.e(3201).then((()=>()=>_(33201))))),59933:()=>y("default","@next-core/pipes",!1,[0],(()=>_.e(6519).then((()=>()=>_(76519))))),58377:()=>y("default","@easyops-cn/brick-next-pipes",!1,[0],(()=>Promise.all([_.e(4291),_.e(563),_.e(1916),_.e(5310)]).then((()=>()=>_(54291))))),18769:()=>v("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>_.e(4041).then((()=>()=>_(14041))))),90870:()=>v("default","@next-core/element",!1,[1,1,2,19],(()=>_.e(1045).then((()=>()=>_(21045))))),59435:()=>v("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>_.e(3144).then((()=>()=>_(43144))))),30981:()=>v("default","@next-core/react-element",!1,[1,1,0,38],(()=>Promise.all([_.e(870),_.e(9435),_.e(7733)]).then((()=>()=>_(20114))))),36305:()=>y("default","@next-core/runtime",!1,[0],(()=>Promise.all([_.e(948),_.e(410),_.e(1916),_.e(7177),_.e(1321),_.e(2998)]).then((()=>()=>_(30948))))),71321:()=>y("default","@next-core/cook",!1,[0],(()=>Promise.all([_.e(1122),_.e(580)]).then((()=>()=>_(61122))))),11732:()=>y("default","history",!1,[0],(()=>_.e(5384).then((()=>()=>_(65384))))),29283:()=>y("default","@next-core/inject",!1,[0],(()=>Promise.all([_.e(9933),_.e(4658)]).then((()=>()=>_(72277))))),41361:()=>y("default","@next-core/http",!1,[0],(()=>_.e(3751).then((()=>()=>_(48989))))),45599:()=>y("default","@next-core/loader",!1,[0],(()=>_.e(5399).then((()=>()=>_(35399))))),71858:()=>y("default","moment/locale/zh-cn.js",!1,[0],(()=>Promise.all([_.e(7721),_.e(9844)]).then((()=>()=>_(61329))))),94167:()=>y("default","@next-core/supply",!1,[0],(()=>Promise.all([_.e(9933),_.e(1940)]).then((()=>()=>_(49559))))),95188:()=>y("default","@next-core/utils/storyboard",!1,[1,1,8,8],(()=>_.e(4765).then((()=>()=>_(97146))))),18796:()=>v("default","@next-core/react-runtime",!1,[1,1,7,43],(()=>Promise.all([_.e(563),_.e(6305),_.e(7218)]).then((()=>()=>_(64837))))),45620:()=>y("default","@next-core/i18n/react",!1,[1,1,0,87],(()=>Promise.all([_.e(7177),_.e(8097)]).then((()=>()=>_(88097))))),37:()=>y("default","@next-core/theme",!1,[0],(()=>_.e(1889).then((()=>()=>_(51889)))))},k={37:[37],410:[40410],563:[20563],580:[40580],671:[848,75630],870:[90870],981:[30981],1321:[71321],1916:[91916],2998:[11732,29283,41361,45599,71858,94167,95188],5310:[55310],5620:[45620],6305:[36305],6519:[58377],7177:[67177],8097:[47825],8769:[18769],8796:[18796],9435:[59435],9933:[59933]},j={},_.f.consumes=(e,t)=>{_.o(k,e)&&k[e].forEach((e=>{if(_.o(x,e))return t.push(x[e]);if(!j[e]){var r=t=>{x[e]=0,_.m[e]=r=>{delete _.c[e],r.exports=t()}};j[e]=!0;var a=t=>{delete x[e],_.m[e]=r=>{throw delete _.c[e],t}};try{var n=w[e]();n.then?t.push(x[e]=n.then(r).catch(a)):r(n)}catch(e){a(e)}}}))},(()=>{_.b=document.baseURI\|\|self.location.href;var e={1370:0};_.f.j=(t,r)=>{var a=_.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(5((31\|62\|8)0\|63)\|87(0\|69\|96)\|9(435\|81\|933)\|1321\|1916\|2998\|37\|410\|6305\|671\|7177)$/.test(t))e[t]=0;else{var n=new Promise(((r,n)=>a=e[t]=[r,n]));r.push(a[2]=n);var l=_.p+_.u(t),o=new Error;_.l(l,(r=>{if(_.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var n=r&&("load"===r.type?"missing":r.type),l=r&&r.target&&r.target.src;o.message="Loading chunk "+t+" failed.\n("+n+": "+l+")",o.name="ChunkLoadError",o.type=n,o.request=l,a[1](o)}}),"chunk-"+t,t)}};var t=(t,r)=>{var a,n,[l,o,i]=r,c=0;if(l.some((t=>0!==e[t]))){for(a in o)_.o(o,a)&&(_.m[a]=o[a]);i&&i(_)}for(t&&t(r);c<l.length;c++)n=l[c],_.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view\|\|[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),_.nc=void 0;var E=_(65756);window["bricks/data-view"]=E})();
2	+ //# sourceMappingURL=index.3a389e66.js.map