@next-bricks/data-view 1.12.7 → 1.12.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bricks.json +13 -13
- package/dist/chunks/2145.dcbf522a.js +2 -0
- package/dist/chunks/2145.dcbf522a.js.map +1 -0
- package/dist/chunks/6308.4a5a6fdf.js +2 -0
- package/dist/chunks/6308.4a5a6fdf.js.map +1 -0
- package/dist/chunks/{6785.f4940e56.js → 6785.87f4d6cc.js} +3 -3
- package/dist/chunks/6785.87f4d6cc.js.map +1 -0
- package/dist/chunks/7544.1bc31553.js +2 -0
- package/dist/chunks/7544.1bc31553.js.map +1 -0
- package/dist/chunks/{app-wall-card-item.fc236047.js → app-wall-card-item.7c32b915.js} +3 -3
- package/dist/chunks/app-wall-card-item.7c32b915.js.map +1 -0
- package/dist/chunks/{app-wall-relation-line.25f802e7.js → app-wall-relation-line.0445cf9d.js} +3 -3
- package/dist/chunks/app-wall-relation-line.0445cf9d.js.map +1 -0
- package/dist/chunks/app-wall-system-card.aa2b5b84.js +2 -0
- package/dist/chunks/app-wall-system-card.aa2b5b84.js.map +1 -0
- package/dist/chunks/app-wall.126608d6.js +2 -0
- package/dist/chunks/app-wall.126608d6.js.map +1 -0
- package/dist/chunks/basic-index-group.c555b165.js +2 -0
- package/dist/chunks/basic-index-group.c555b165.js.map +1 -0
- package/dist/chunks/{battery-chart.832cc834.js → battery-chart.554d378f.js} +2 -2
- package/dist/chunks/battery-chart.554d378f.js.map +1 -0
- package/dist/chunks/{brick-notification.5495ff12.js → brick-notification.ae523413.js} +2 -2
- package/dist/chunks/brick-notification.ae523413.js.map +1 -0
- package/dist/chunks/bubbles-indicator.ab761540.js +2 -0
- package/dist/chunks/bubbles-indicator.ab761540.js.map +1 -0
- package/dist/chunks/cabinet-app-layer.6a1a78c4.js +3 -0
- package/dist/chunks/cabinet-app-layer.6a1a78c4.js.map +1 -0
- package/dist/chunks/cabinet-button.c7986b88.js +2 -0
- package/dist/chunks/cabinet-button.c7986b88.js.map +1 -0
- package/dist/chunks/cabinet-container.49872d09.js +3 -0
- package/dist/chunks/cabinet-container.49872d09.js.map +1 -0
- package/dist/chunks/cabinet-graph.6aa32783.js +2 -0
- package/dist/chunks/cabinet-graph.6aa32783.js.map +1 -0
- package/dist/chunks/{cabinet-node.8380d805.js → cabinet-node.7e1af335.js} +3 -3
- package/dist/chunks/cabinet-node.7e1af335.js.map +1 -0
- package/dist/chunks/cabinet-thumbnail.e25f5478.js +3 -0
- package/dist/chunks/{cabinet-thumbnail.c475ab5d.js.map → cabinet-thumbnail.e25f5478.js.map} +1 -1
- package/dist/chunks/{china-map-chart.c64f6170.js → china-map-chart.56dc9a9f.js} +2 -2
- package/dist/chunks/{china-map-chart.c64f6170.js.map → china-map-chart.56dc9a9f.js.map} +1 -1
- package/dist/chunks/china-map.a7c98bf0.js +2 -0
- package/dist/chunks/china-map.a7c98bf0.js.map +1 -0
- package/dist/chunks/complex-search.6db60e85.js +2 -0
- package/dist/chunks/complex-search.6db60e85.js.map +1 -0
- package/dist/chunks/crystal-ball-indicator.592c81ad.js +2 -0
- package/dist/chunks/crystal-ball-indicator.592c81ad.js.map +1 -0
- package/dist/chunks/{data-display-flipper-fifth.592d3664.js → data-display-flipper-fifth.92037239.js} +2 -2
- package/dist/chunks/{data-display-flipper-fifth.592d3664.js.map → data-display-flipper-fifth.92037239.js.map} +1 -1
- package/dist/chunks/{data-display-flipper-sixth.39b00839.js → data-display-flipper-sixth.9f014241.js} +2 -2
- package/dist/chunks/data-display-flipper-sixth.9f014241.js.map +1 -0
- package/dist/chunks/data-display-flipper.64aab06b.js +2 -0
- package/dist/chunks/data-display-flipper.64aab06b.js.map +1 -0
- package/dist/chunks/dropdown-menu.5c9a12d7.js +3 -0
- package/dist/chunks/dropdown-menu.5c9a12d7.js.map +1 -0
- package/dist/chunks/{gauge-chart.47c3d492.js → gauge-chart.6ec90257.js} +2 -2
- package/dist/chunks/gauge-chart.6ec90257.js.map +1 -0
- package/dist/chunks/gear-background.c43197fb.js +2 -0
- package/dist/chunks/gear-background.c43197fb.js.map +1 -0
- package/dist/chunks/globe-with-gear-indicator.123e65c1.js +2 -0
- package/dist/chunks/globe-with-gear-indicator.123e65c1.js.map +1 -0
- package/dist/chunks/globe-with-halo-indicator.01b2c9a2.js +2 -0
- package/dist/chunks/globe-with-halo-indicator.01b2c9a2.js.map +1 -0
- package/dist/chunks/globe-with-orbit-indicator.45415b04.js +2 -0
- package/dist/chunks/globe-with-orbit-indicator.45415b04.js.map +1 -0
- package/dist/chunks/{graph-layout-grid.9b4dded5.js → graph-layout-grid.f41022c0.js} +2 -2
- package/dist/chunks/{graph-layout-grid.9b4dded5.js.map → graph-layout-grid.f41022c0.js.map} +1 -1
- package/dist/chunks/{graph-node.cef1191e.js → graph-node.d8703f51.js} +2 -2
- package/dist/chunks/graph-node.d8703f51.js.map +1 -0
- package/dist/chunks/{graph-text.9a08fac2.js → graph-text.0983c831.js} +2 -2
- package/dist/chunks/graph-text.0983c831.js.map +1 -0
- package/dist/chunks/grid-background.b708b198.js +2 -0
- package/dist/chunks/grid-background.b708b198.js.map +1 -0
- package/dist/chunks/{hi-tech-button.148b86b5.js → hi-tech-button.1f3d0a32.js} +2 -2
- package/dist/chunks/{hi-tech-button.148b86b5.js.map → hi-tech-button.1f3d0a32.js.map} +1 -1
- package/dist/chunks/{indicator-card.6bd83151.js → indicator-card.259e5d8c.js} +3 -3
- package/dist/chunks/indicator-card.259e5d8c.js.map +1 -0
- package/dist/chunks/{lights-component-title.70df56ef.js → lights-component-title.0cccad81.js} +2 -2
- package/dist/chunks/{lights-component-title.70df56ef.js.map → lights-component-title.0cccad81.js.map} +1 -1
- package/dist/chunks/loading-panel.5f0a4fd4.js +2 -0
- package/dist/chunks/{loading-panel.5064b525.js.map → loading-panel.5f0a4fd4.js.map} +1 -1
- package/dist/chunks/main.dba076df.js +2 -0
- package/dist/chunks/{main.b16fad69.js.map → main.dba076df.js.map} +1 -1
- package/dist/chunks/{modern-style-component-title.da246d43.js → modern-style-component-title.1086b1ef.js} +2 -2
- package/dist/chunks/{modern-style-component-title.da246d43.js.map → modern-style-component-title.1086b1ef.js.map} +1 -1
- package/dist/chunks/{modern-style-page-title.1d66ce8f.js → modern-style-page-title.87fbb077.js} +2 -2
- package/dist/chunks/modern-style-page-title.87fbb077.js.map +1 -0
- package/dist/chunks/modern-style-treemap.2c1565bf.js +3 -0
- package/dist/chunks/modern-style-treemap.2c1565bf.js.map +1 -0
- package/dist/chunks/particle-animation.18679f2e.js +2 -0
- package/dist/chunks/particle-animation.18679f2e.js.map +1 -0
- package/dist/chunks/progress-bar-list.8b0651c1.js +2 -0
- package/dist/chunks/progress-bar-list.8b0651c1.js.map +1 -0
- package/dist/chunks/radar-chart.0bc593de.js +2 -0
- package/dist/chunks/radar-chart.0bc593de.js.map +1 -0
- package/dist/chunks/{simple-card-item.e5725926.js → simple-card-item.253d80e3.js} +3 -3
- package/dist/chunks/{simple-card-item.e5725926.js.map → simple-card-item.253d80e3.js.map} +1 -1
- package/dist/chunks/{tabs-drawer.cc1ad77e.js → tabs-drawer.ae7c57ad.js} +3 -3
- package/dist/chunks/tabs-drawer.ae7c57ad.js.map +1 -0
- package/dist/chunks/tabs-page-title.c696bb65.js +3 -0
- package/dist/chunks/tabs-page-title.c696bb65.js.map +1 -0
- package/dist/chunks/tech-mesh-base-view.4c3b548e.js +2 -0
- package/dist/chunks/tech-mesh-base-view.4c3b548e.js.map +1 -0
- package/dist/chunks/{title-text.3902e977.js → title-text.c4409751.js} +2 -2
- package/dist/chunks/{title-text.3902e977.js.map → title-text.c4409751.js.map} +1 -1
- package/dist/chunks/top-title-bar.601fadcc.js +2 -0
- package/dist/chunks/top-title-bar.601fadcc.js.map +1 -0
- package/dist/examples.json +11 -11
- package/dist/index.c2f82b4e.js +2 -0
- package/dist/{index.0c81014a.js.map → index.c2f82b4e.js.map} +1 -1
- package/dist/manifest.json +131 -131
- package/dist/types.json +1122 -1122
- package/package.json +3 -3
- package/dist/chunks/1493.fe6d5acc.js +0 -2
- package/dist/chunks/1493.fe6d5acc.js.map +0 -1
- package/dist/chunks/6785.f4940e56.js.map +0 -1
- package/dist/chunks/8826.0ddc7335.js +0 -2
- package/dist/chunks/8826.0ddc7335.js.map +0 -1
- package/dist/chunks/9006.d6fdb256.js +0 -2
- package/dist/chunks/9006.d6fdb256.js.map +0 -1
- package/dist/chunks/app-wall-card-item.fc236047.js.map +0 -1
- package/dist/chunks/app-wall-relation-line.25f802e7.js.map +0 -1
- package/dist/chunks/app-wall-system-card.35ab7e18.js +0 -2
- package/dist/chunks/app-wall-system-card.35ab7e18.js.map +0 -1
- package/dist/chunks/app-wall.2b68db7b.js +0 -2
- package/dist/chunks/app-wall.2b68db7b.js.map +0 -1
- package/dist/chunks/basic-index-group.4549f81f.js +0 -2
- package/dist/chunks/basic-index-group.4549f81f.js.map +0 -1
- package/dist/chunks/battery-chart.832cc834.js.map +0 -1
- package/dist/chunks/brick-notification.5495ff12.js.map +0 -1
- package/dist/chunks/bubbles-indicator.a1159eac.js +0 -2
- package/dist/chunks/bubbles-indicator.a1159eac.js.map +0 -1
- package/dist/chunks/cabinet-app-layer.fffb3971.js +0 -3
- package/dist/chunks/cabinet-app-layer.fffb3971.js.map +0 -1
- package/dist/chunks/cabinet-button.f5af4a19.js +0 -2
- package/dist/chunks/cabinet-button.f5af4a19.js.map +0 -1
- package/dist/chunks/cabinet-container.53e6a418.js +0 -3
- package/dist/chunks/cabinet-container.53e6a418.js.map +0 -1
- package/dist/chunks/cabinet-graph.c7073f3b.js +0 -2
- package/dist/chunks/cabinet-graph.c7073f3b.js.map +0 -1
- package/dist/chunks/cabinet-node.8380d805.js.map +0 -1
- package/dist/chunks/cabinet-thumbnail.c475ab5d.js +0 -3
- package/dist/chunks/china-map.fbd94cbc.js +0 -2
- package/dist/chunks/china-map.fbd94cbc.js.map +0 -1
- package/dist/chunks/complex-search.e66b567c.js +0 -2
- package/dist/chunks/complex-search.e66b567c.js.map +0 -1
- package/dist/chunks/crystal-ball-indicator.eac0803f.js +0 -2
- package/dist/chunks/crystal-ball-indicator.eac0803f.js.map +0 -1
- package/dist/chunks/data-display-flipper-sixth.39b00839.js.map +0 -1
- package/dist/chunks/data-display-flipper.381d2287.js +0 -2
- package/dist/chunks/data-display-flipper.381d2287.js.map +0 -1
- package/dist/chunks/dropdown-menu.3fc9e527.js +0 -3
- package/dist/chunks/dropdown-menu.3fc9e527.js.map +0 -1
- package/dist/chunks/gauge-chart.47c3d492.js.map +0 -1
- package/dist/chunks/gear-background.adbc0340.js +0 -2
- package/dist/chunks/gear-background.adbc0340.js.map +0 -1
- package/dist/chunks/globe-with-gear-indicator.e6e97680.js +0 -2
- package/dist/chunks/globe-with-gear-indicator.e6e97680.js.map +0 -1
- package/dist/chunks/globe-with-halo-indicator.1d27ef8f.js +0 -2
- package/dist/chunks/globe-with-halo-indicator.1d27ef8f.js.map +0 -1
- package/dist/chunks/globe-with-orbit-indicator.da885b24.js +0 -2
- package/dist/chunks/globe-with-orbit-indicator.da885b24.js.map +0 -1
- package/dist/chunks/graph-node.cef1191e.js.map +0 -1
- package/dist/chunks/graph-text.9a08fac2.js.map +0 -1
- package/dist/chunks/grid-background.4ae70f4b.js +0 -2
- package/dist/chunks/grid-background.4ae70f4b.js.map +0 -1
- package/dist/chunks/indicator-card.6bd83151.js.map +0 -1
- package/dist/chunks/loading-panel.5064b525.js +0 -2
- package/dist/chunks/main.b16fad69.js +0 -2
- package/dist/chunks/modern-style-page-title.1d66ce8f.js.map +0 -1
- package/dist/chunks/modern-style-treemap.daa88fdf.js +0 -3
- package/dist/chunks/modern-style-treemap.daa88fdf.js.map +0 -1
- package/dist/chunks/particle-animation.e912dac0.js +0 -2
- package/dist/chunks/particle-animation.e912dac0.js.map +0 -1
- package/dist/chunks/progress-bar-list.97c12820.js +0 -2
- package/dist/chunks/progress-bar-list.97c12820.js.map +0 -1
- package/dist/chunks/radar-chart.cbcd687b.js +0 -2
- package/dist/chunks/radar-chart.cbcd687b.js.map +0 -1
- package/dist/chunks/tabs-drawer.cc1ad77e.js.map +0 -1
- package/dist/chunks/tabs-page-title.201b4c96.js +0 -3
- package/dist/chunks/tabs-page-title.201b4c96.js.map +0 -1
- package/dist/chunks/tech-mesh-base-view.b39e33a3.js +0 -2
- package/dist/chunks/tech-mesh-base-view.b39e33a3.js.map +0 -1
- package/dist/chunks/top-title-bar.7523d456.js +0 -2
- package/dist/chunks/top-title-bar.7523d456.js.map +0 -1
- package/dist/index.0c81014a.js +0 -2
- /package/dist/chunks/{6785.f4940e56.js.LICENSE.txt → 6785.87f4d6cc.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{app-wall-card-item.fc236047.js.LICENSE.txt → app-wall-card-item.7c32b915.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{app-wall-relation-line.25f802e7.js.LICENSE.txt → app-wall-relation-line.0445cf9d.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{cabinet-app-layer.fffb3971.js.LICENSE.txt → cabinet-app-layer.6a1a78c4.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{cabinet-container.53e6a418.js.LICENSE.txt → cabinet-container.49872d09.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{cabinet-node.8380d805.js.LICENSE.txt → cabinet-node.7e1af335.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{cabinet-thumbnail.c475ab5d.js.LICENSE.txt → cabinet-thumbnail.e25f5478.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{dropdown-menu.3fc9e527.js.LICENSE.txt → dropdown-menu.5c9a12d7.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{indicator-card.6bd83151.js.LICENSE.txt → indicator-card.259e5d8c.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{modern-style-treemap.daa88fdf.js.LICENSE.txt → modern-style-treemap.2c1565bf.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{simple-card-item.e5725926.js.LICENSE.txt → simple-card-item.253d80e3.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{tabs-drawer.cc1ad77e.js.LICENSE.txt → tabs-drawer.ae7c57ad.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{tabs-page-title.201b4c96.js.LICENSE.txt → tabs-page-title.c696bb65.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks/china-map-chart.c64f6170.js","mappings":"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","sources":["webpack:///./src/china-map-chart/styles.shadow.css","webpack:///./src/shared/useContainerScale.ts","webpack:///./src/china-map-chart/index.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./assets/label.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block}:host([fill-container]){display:block;height:100%;position:relative;overflow:hidden}:host([hidden]){display:none}.text{position:absolute;z-index:6;height:22px;line-height:22px;font-size:12px;background:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) no-repeat center left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(20px,-150%)!important;color:rgba(255,255,255,1);text-indent:10px}.iconImg{position:absolute;z-index:5;src:\"./assets/default.png\";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detailContent{position:absolute;opacity:0.8;z-index:20}:host(:not([fill-container])) .map{position:absolute;top:0;left:0;right:0;bottom:0}:host([fill-container]) .map{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.leftText{margin-left:-20px;transform:translate(-100%,-150%)!important}.topText{margin-top:-10px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * 根据容器尺寸进行缩放\n */\nexport function useContainerScale({\n width: baseWidth,\n height: baseHeight,\n root,\n maxScale,\n disabled,\n}: {\n width: number;\n height: number;\n root: HTMLElement;\n /** 最大缩放比例,默认为 1 */\n maxScale?: number;\n disabled?: boolean;\n}): number | null {\n const [scale, setScale] = useState<number | null>(null);\n\n useEffect(() => {\n if (disabled) {\n setScale(null);\n return;\n }\n // 当容器宽高低于预设值时,图形会自动缩小\n const observer = new ResizeObserver((entries) => {\n for (const entry of entries) {\n if (entry.target === root) {\n const { width, height } = entry.contentRect;\n setScale(\n Math.min(maxScale ?? 1, width / baseWidth, height / baseHeight)\n );\n }\n }\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, [baseHeight, baseWidth, disabled, maxScale, root]);\n\n return scale;\n}\n","import React, { useEffect, useRef, useState, CSSProperties } from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport {\n Scene,\n PolygonLayer,\n LineLayer,\n Marker,\n ImageLayer,\n type ILayer,\n type Point,\n} from \"@antv/l7\";\nimport { Map } from \"@antv/l7-maps\";\nimport { cloneDeep, isEmpty, isEqual, toNumber } from \"lodash\";\nimport defaultSvg from \"./assets/default.svg?url\";\nimport selectedSvg from \"./assets/selected.svg?url\";\nimport chinaPng from \"./assets/china.png\";\nimport texturePng from \"./assets/texture.png\";\nimport styleText from \"./styles.shadow.css\";\nimport { useContainerScale } from \"../shared/useContainerScale\";\n\nconst { defineElement, property, event } = createDecorators();\n\nconst BASE_WIDTH = 825;\nconst BASE_HEIGHT = 600;\n\ninterface FeatureCollection {\n type: \"FeatureCollection\";\n features: Feature[];\n}\n\ninterface Feature {\n type: \"Feature\";\n id?: string;\n properties: {\n name: string;\n center?: Point;\n province_adcode: number;\n province: string;\n };\n geometry: Polygon | MultiPolygon;\n}\n\ninterface Polygon {\n type: \"Polygon\";\n coordinates: Point[][];\n}\n\ninterface MultiPolygon {\n type: \"MultiPolygon\";\n coordinates: Point[][][];\n}\n\ninterface Area {\n name: string;\n level: \"country\" | \"province\" | \"city\" | \"district\";\n adcode: number;\n lng: number;\n lat: number;\n parent: number;\n}\n\n/**\n * 中国地图图表构件,可以显示省级指标数据\n *\n * @deprecated 已废弃,请使用 `data-view.china-map`\n */\nexport\n@defineElement(\"data-view.china-map-chart\", {\n styleTexts: [styleText],\n})\nclass ChinaMapChart extends ReactNextElement {\n /**\n * 省份名称,例如“广东”。如果设置,则只显示该省份的地图,否则显示全国地图\n */\n @property()\n accessor province: string | undefined;\n\n /**\n * 数据源\n */\n @property({ attribute: false })\n accessor dataSource: DataSource[] | undefined;\n\n /**\n * 描述内容样式\n */\n @property({ attribute: false })\n accessor detailContentStyle: CSSProperties | undefined;\n\n /**\n * 是否铺满容器\n *\n * 注意:该属性不同时兼容 detail 插槽\n */\n @property({ type: Boolean })\n accessor fillContainer: boolean | undefined;\n\n /**\n * 当提示可见性开始变化时触发\n * @detail 当前是否可见\n */\n @event({ type: \"detail.open.change\" })\n accessor #openChangeEvent!: EventEmitter<{\n open: boolean;\n data: Record<string, any>;\n }>;\n #handleOpenChange = (open: boolean, data: Record<string, any>): void => {\n this.#openChangeEvent.emit({ open, data });\n };\n\n render() {\n return (\n <ChinaMapChartComponent\n root={this}\n province={this.province}\n dataSource={this.dataSource}\n onDetailOpenChange={this.#handleOpenChange}\n detailContentStyle={this.detailContentStyle}\n fillContainer={this.fillContainer}\n />\n );\n }\n}\n\ninterface DataSource {\n /** 省级行政区域名,例如:四川、北京 */\n city: string;\n detailDisplayLocation: \"pageCenter\" | \"textBottom\";\n text: string;\n [x: string]: any;\n}\n\nexport interface ChinaMapChartProps {\n root: HTMLElement;\n province?: string;\n onDetailOpenChange: (open: boolean, data: Record<string, any>) => void;\n dataSource: DataSource[];\n detailContentStyle?: CSSProperties;\n fillContainer?: boolean;\n // Define props here.\n}\n\nexport function ChinaMapChartComponent(props: ChinaMapChartProps) {\n const {\n root,\n province,\n onDetailOpenChange,\n dataSource = [],\n detailContentStyle = {},\n fillContainer,\n } = props;\n const mapRef = useRef<HTMLDivElement>();\n const slotRef = useRef<HTMLSlotElement>();\n const [showData, setShowData] = useState<DataSource>();\n const showDataRef = useRef<DataSource>();\n const [textPosition, setTextPosition] = useState<{\n left: string;\n top: string;\n }>();\n\n const scale = useContainerScale({\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n root,\n maxScale: 10,\n disabled: !fillContainer,\n });\n\n const textClick = (e: MouseEvent, data: any) => {\n e.stopPropagation();\n if (isEqual(data, showDataRef.current)) {\n setShowData(null);\n return;\n }\n setShowData(data);\n setTextPosition({\n left: `${toNumber((e.target as any).style.left.replace(\"px\", \"\")) + 24}px`,\n top: `${toNumber((e.target as any).style.top.replace(\"px\", \"\")) + 28}px`,\n });\n };\n useEffect(() => {\n const scene = new Scene({\n id: mapRef.current,\n logoVisible: false,\n map: new Map({\n // center: [90.268, 40.3628],\n pitch: 35,\n zoom: 1,\n }),\n });\n scene.setMapStatus({ doubleClickZoom: false, zoomEnable: false });\n const defaultImg = new Image();\n defaultImg.src = defaultSvg;\n\n const selectedImg = new Image();\n selectedImg.src = selectedSvg;\n\n scene.addImage(\"default\", defaultImg);\n scene.addImage(\"selected\", selectedImg);\n if (!province) {\n scene.addImage(\"chinaBg\", chinaPng);\n } else {\n scene.addImage(\"texture\", texturePng);\n }\n\n scene.on(\"loaded\", async () => {\n let data: FeatureCollection;\n let southSeaData: FeatureCollection;\n let matchedProvince: Area | undefined;\n let AreaList: Area[] | undefined;\n if (province) {\n const [CitiesImport, AreaListImport] = await Promise.all([\n import(\"./cities.json\"),\n import(\"./area-list.json\"),\n ]);\n const Cities = CitiesImport.default as unknown as FeatureCollection;\n AreaList = AreaListImport.default as unknown as Area[];\n matchedProvince = AreaList.find(\n (a) => a.level === \"province\" && a.name.includes(province)\n );\n\n if (!matchedProvince) {\n throw new Error(`没有找到省份:\"${province}\"`);\n }\n\n data = {\n type: \"FeatureCollection\",\n features: (Cities as FeatureCollection).features.filter(\n (f) => f.properties.province_adcode === matchedProvince.adcode\n ),\n };\n } else {\n const ChinaImport = await import(\"./map.json\");\n const CHINA = ChinaImport.default as unknown as FeatureCollection;\n data = {\n type: \"FeatureCollection\",\n features: (CHINA as unknown as FeatureCollection).features.slice(\n 0,\n CHINA.features.length - 2\n ),\n };\n southSeaData = {\n ...CHINA,\n features: CHINA.features.slice(\n CHINA.features.length - 2,\n CHINA.features.length\n ),\n };\n }\n\n const seventhPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n let labelDivideLng: number | undefined;\n // 根据坐标范围设置 3D 图层升起的高度\n let raisingHeightBase: number;\n if (province) {\n let top = Infinity;\n let left = Infinity;\n let bottom = -Infinity;\n let right = -Infinity;\n const points = data.features.flatMap(\n (f) =>\n f.geometry.coordinates.flat(\n f.geometry.type === \"MultiPolygon\" ? 2 : 1\n ) as Point[]\n );\n points.forEach(([lng, lat]) => {\n top = Math.min(top, lat);\n left = Math.min(left, lng);\n bottom = Math.max(bottom, lat);\n right = Math.max(right, lng);\n });\n const lngRange = right - left;\n const latRange = bottom - top;\n raisingHeightBase = Math.max(2000 * lngRange, 3000 * latRange);\n // 在经度范围的 3/4 处设置分界线,左边的文字向右排,右边的文字向左排\n labelDivideLng = left + (lngRange * 3) / 4;\n } else {\n raisingHeightBase = 100000;\n }\n\n seventhPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(84, 239, 241, 0.20)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -13 * raisingHeightBase,\n });\n\n const sixthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n sixthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(14, 11, 75, 0.58)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -11 * raisingHeightBase,\n });\n\n const fifthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fifthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(190, 225, 226, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -9 * raisingHeightBase,\n });\n const fourthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fourthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(18, 26, 45, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -7 * raisingHeightBase,\n });\n\n const thirdPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n thirdPolygonLayer\n .shape(\"extrude\")\n .color(\"#111D3C\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -5 * raisingHeightBase,\n });\n const secondPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n secondPolygonLayer\n .shape(\"extrude\")\n .color(\"#121A2D\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -3 * raisingHeightBase,\n });\n\n const firstPolygonLayer = new PolygonLayer({\n autoFit: true,\n }).source(data);\n\n firstPolygonLayer.shape(\"fill\").color(\"rgba(8, 77, 255, 0.60)\");\n // .select({\n // color: \"rgba(177, 254, 254, 1)\",\n // });//编排上层缩放会影响到高亮功能,还不知道怎么解决,暂时不实现。\n\n let chinaImgLayer: ILayer | undefined;\n if (!province) {\n chinaImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n }).source(chinaPng, {\n parser: {\n type: \"image\",\n extent: [73.33, 17.9, 134.85, 53.73],\n },\n });\n\n chinaImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n }\n\n const fourthLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -16 * raisingHeightBase,\n });\n\n const thirdLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(84, 239, 241, 1)\")\n .size(1)\n .style({\n raisingHeight: -12 * raisingHeightBase,\n });\n\n const secondLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -6 * raisingHeightBase,\n });\n\n const firstLineLayer = new LineLayer({ zIndex: 2 })\n .source(data)\n .shape(\"line\")\n .color(\"#3DC6FF\")\n .size(1)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n\n // const hightLayer = new LineLayer({\n // zIndex: 10, // 设置显示层级\n // name: \"hightlight\",\n // })\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"line\")\n // .size(2)\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // opacity: 1,\n // });\n // const hightPolygonLayer = new PolygonLayer({zIndex: 10})\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"fill\")\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // heightfixed: true,\n // pickLight: true,\n // opacity: 1,\n // raisingHeight: 0,\n // }); //自定义选择高亮\n\n scene.addLayer(seventhPolygonLayer);\n // scene.addLayer(sixthPolygonLayer);\n // scene.addLayer(fifthPolygonLayer);\n // // scene.addLayer(fourthPolygonLayer);\n // scene.addLayer(thirdPolygonLayer);\n scene.addLayer(secondPolygonLayer);\n if (chinaImgLayer) {\n scene.addLayer(chinaImgLayer);\n }\n // scene.addLayer(hightLayer);\n // scene.addLayer(hightPolygonLayer);\n scene.addLayer(firstPolygonLayer);\n\n scene.addLayer(fourthLineLayer);\n scene.addLayer(thirdLineLayer);\n scene.addLayer(secondLineLayer);\n scene.addLayer(firstLineLayer);\n\n // firstPolygonLayer.on(\"click\", (e) => {\n // const { feature } = e;\n // hightPolygonLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // hightLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // });\n\n if (!province) {\n const southSeaPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(southSeaData);\n\n southSeaPolygonLayer.shape(\"fill\").color(\"black\");\n\n const southSeaLineLayer = new LineLayer({ zIndex: 2 })\n .source(southSeaData)\n .shape(\"line\")\n .color(\"rgba(30, 144, 255, 1)\")\n .size(0.5)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n scene.addLayer(southSeaPolygonLayer);\n scene.addLayer(southSeaLineLayer);\n }\n\n dataSource.forEach((i) => {\n const el = document.createElement(\"div\");\n let classNameText = \"text\";\n el.textContent = i.text;\n let coord: Point;\n\n // 计算标签的排列方向,全国地图保持原有逻辑,省份地图根据经度所在比例自动适应排列方向\n if (!province) {\n const city = data.features.find((f) =>\n f.properties.name.includes(i.city)\n );\n if (!city) {\n return;\n }\n coord = city.properties.center;\n //先手动调整位置,缓解重叠的问题\n if (\n [\n \"410000\",\n \"820000\",\n \"140000\",\n \"110000\",\n \"420000\",\n \"430000\",\n \"450000\",\n \"500000\",\n \"520000\",\n \"530000\",\n \"510000\",\n \"610000\",\n \"640000\",\n \"150000\",\n \"630000\",\n \"540000\",\n \"340000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n if (\n [\n \"620000\",\n \"640000\",\n \"450000\",\n \"440000\",\n \"120000\",\n \"340000\",\n \"510000\",\n \"150000\",\n \"320000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} topText`;\n i.isTopOffset = true;\n }\n\n if (\n [\n \"530000\",\n \"520000\",\n \"430000\",\n \"360000\",\n \"330000\",\n \"610000\",\n \"370000\",\n \"130000\",\n ].includes(city.id)\n ) {\n coord[1] -= 1;\n }\n } else {\n const area = AreaList.find(\n (a) =>\n a.parent === matchedProvince.adcode && a.name.includes(i.city)\n );\n if (!area) {\n return;\n }\n coord = [area.lng, area.lat];\n if (area.lng > labelDivideLng) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n }\n\n el.className = classNameText;\n\n el.onclick = (e) => {\n i.width = el.getBoundingClientRect().width;\n textClick(e, i);\n };\n\n const imgEl = document.createElement(\"img\");\n imgEl.src = defaultSvg;\n imgEl.className = \"iconImg\";\n\n const marker = new Marker({\n element: el,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n const imgMarker = new Marker({\n element: imgEl,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n scene.addMarker(marker);\n scene.addMarker(imgMarker);\n });\n\n setTimeout(() => {\n const bounds = scene.getBounds();\n // 进行适当平移和缩放,因为设置了倾角 pitch,地图默认没有铺满并居中\n scene.panTo([\n (bounds[0][0] + bounds[1][0]) / 2 + (province ? 0 : 1.6),\n (bounds[0][1] + bounds[1][1]) / 2 - (bounds[1][1] - bounds[0][1]) / 9,\n ]);\n if (province) {\n scene.setZoom(scene.getZoom() * 0.97);\n }\n\n // 省份贴图\n if (province) {\n const provinceImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n maskLayers: [firstPolygonLayer],\n }).source(texturePng, {\n parser: {\n type: \"image\",\n extent: [...bounds[0], ...bounds[1]],\n },\n });\n\n provinceImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n scene.addLayer(provinceImgLayer);\n }\n });\n });\n\n return () => {\n scene.destroy();\n };\n }, []);\n\n useEffect(() => {\n const handleClick = (e: MouseEvent) => {\n if (slotRef.current && e.composedPath().includes(slotRef.current)) return;\n setShowData(null);\n };\n document?.addEventListener(\"click\", handleClick);\n return () => {\n document?.removeEventListener(\"click\", handleClick);\n };\n }, []);\n\n useEffect(() => {\n showDataRef.current = cloneDeep(showData);\n onDetailOpenChange(!isEmpty(showData), showData);\n }, [showData]);\n return (\n <div\n style={\n fillContainer\n ? {\n height: \"100%\",\n transform: `scale(${scale ?? 1})`,\n }\n : null\n }\n >\n <div\n id=\"map\"\n ref={mapRef}\n className=\"map\"\n style={\n fillContainer\n ? {\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n }\n : null\n }\n ></div>\n {showData && (\n <div\n className=\"detailContent\"\n onClick={(e) => {\n e.stopPropagation();\n }}\n style={{\n ...(showData.detailDisplayLocation === \"textBottom\"\n ? {\n left: textPosition.left,\n top: textPosition.top,\n transform: `translate(${showData.isLeftOffset ? -showData.width : 0}px, ${showData.isTopOffset ? -50 : -40}px)`,\n }\n : {\n transform: \"translate(-50%, 0%)\",\n top: \"50%\",\n left: \"50%\",\n }),\n ...detailContentStyle,\n }}\n >\n <slot name=\"detail\" ref={slotRef}></slot>\n </div>\n )}\n </div>\n );\n}\n"],"names":["___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","push","module","id","toString","useContainerScale","_ref","width","baseWidth","height","baseHeight","root","maxScale","disabled","scale","setScale","useState","useEffect","observer","ResizeObserver","entries","entry","target","contentRect","Math","min","observe","disconnect","defineElement","property","event","createDecorators","BASE_WIDTH","BASE_HEIGHT","_ChinaMapChart","_A","WeakMap","_B","_C","_D","_E","_ChinaMapChart_brand","WeakSet","_handleOpenChange","ChinaMapChart","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_province","_init_extra_province","_init_dataSource","_init_extra_dataSource","_init_detailContentStyle","_init_extra_detailContentStyle","_init_fillContainer","_init_extra_fillContainer","_init_openChangeEvent","_init_extra_openChangeEvent","open","data","_classPrivateGetter","this","_get_openChangeEvent","emit","province","_classPrivateFieldGet","v","_classPrivateFieldSet","dataSource","detailContentStyle","fillContainer","render","React","ChinaMapChartComponent","onDetailOpenChange","props","mapRef","useRef","slotRef","showData","setShowData","showDataRef","textPosition","setTextPosition","scene","Scene","current","logoVisible","map","Map","pitch","zoom","setMapStatus","doubleClickZoom","zoomEnable","defaultImg","Image","src","defaultSvg","selectedImg","selectedSvg","addImage","texturePng","chinaPng","on","async","southSeaData","matchedProvince","AreaList","CitiesImport","AreaListImport","Promise","all","Cities","default","find","a","level","name","includes","Error","type","features","filter","f","properties","province_adcode","adcode","CHINA","slice","length","seventhPolygonLayer","PolygonLayer","autoFit","source","labelDivideLng","raisingHeightBase","top","Infinity","left","bottom","right","flatMap","geometry","coordinates","flat","forEach","lng","lat","max","lngRange","latRange","shape","color","style","heightfixed","pickLight","opacity","raisingHeight","secondPolygonLayer","firstPolygonLayer","chinaImgLayer","ImageLayer","zIndex","parser","extent","fourthLineLayer","LineLayer","size","thirdLineLayer","secondLineLayer","firstLineLayer","addLayer","southSeaPolygonLayer","southSeaLineLayer","i","el","document","createElement","coord","classNameText","textContent","text","area","parent","city","isLeftOffset","center","isTopOffset","className","onclick","e","getBoundingClientRect","textClick","stopPropagation","isEqual","toNumber","replace","imgEl","marker","Marker","element","setLnglat","imgMarker","addMarker","setTimeout","bounds","getBounds","panTo","setZoom","getZoom","provinceImgLayer","maskLayers","destroy","_document","handleClick","composedPath","addEventListener","_document2","removeEventListener","cloneDeep","isEmpty","transform","ref","onClick","detailDisplayLocation","_ChinaMapChart2","_set_openChangeEvent","c","_initClass","_applyDecs","styleTexts","styleText","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"chunks/china-map-chart.56dc9a9f.js","mappings":"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","sources":["webpack:///./src/china-map-chart/styles.shadow.css","webpack:///./src/shared/useContainerScale.ts","webpack:///./src/china-map-chart/index.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./assets/label.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block}:host([fill-container]){display:block;height:100%;position:relative;overflow:hidden}:host([hidden]){display:none}.text{position:absolute;z-index:6;height:22px;line-height:22px;font-size:12px;background:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) no-repeat center left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(20px,-150%)!important;color:rgba(255,255,255,1);text-indent:10px}.iconImg{position:absolute;z-index:5;src:\"./assets/default.png\";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detailContent{position:absolute;opacity:0.8;z-index:20}:host(:not([fill-container])) .map{position:absolute;top:0;left:0;right:0;bottom:0}:host([fill-container]) .map{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.leftText{margin-left:-20px;transform:translate(-100%,-150%)!important}.topText{margin-top:-10px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * 根据容器尺寸进行缩放\n */\nexport function useContainerScale({\n width: baseWidth,\n height: baseHeight,\n root,\n maxScale,\n disabled,\n}: {\n width: number;\n height: number;\n root: HTMLElement;\n /** 最大缩放比例,默认为 1 */\n maxScale?: number;\n disabled?: boolean;\n}): number | null {\n const [scale, setScale] = useState<number | null>(null);\n\n useEffect(() => {\n if (disabled) {\n setScale(null);\n return;\n }\n // 当容器宽高低于预设值时,图形会自动缩小\n const observer = new ResizeObserver((entries) => {\n for (const entry of entries) {\n if (entry.target === root) {\n const { width, height } = entry.contentRect;\n setScale(\n Math.min(maxScale ?? 1, width / baseWidth, height / baseHeight)\n );\n }\n }\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, [baseHeight, baseWidth, disabled, maxScale, root]);\n\n return scale;\n}\n","import React, { useEffect, useRef, useState, CSSProperties } from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport {\n Scene,\n PolygonLayer,\n LineLayer,\n Marker,\n ImageLayer,\n type ILayer,\n type Point,\n} from \"@antv/l7\";\nimport { Map } from \"@antv/l7-maps\";\nimport { cloneDeep, isEmpty, isEqual, toNumber } from \"lodash\";\nimport defaultSvg from \"./assets/default.svg?url\";\nimport selectedSvg from \"./assets/selected.svg?url\";\nimport chinaPng from \"./assets/china.png\";\nimport texturePng from \"./assets/texture.png\";\nimport styleText from \"./styles.shadow.css\";\nimport { useContainerScale } from \"../shared/useContainerScale\";\n\nconst { defineElement, property, event } = createDecorators();\n\nconst BASE_WIDTH = 825;\nconst BASE_HEIGHT = 600;\n\ninterface FeatureCollection {\n type: \"FeatureCollection\";\n features: Feature[];\n}\n\ninterface Feature {\n type: \"Feature\";\n id?: string;\n properties: {\n name: string;\n center?: Point;\n province_adcode: number;\n province: string;\n };\n geometry: Polygon | MultiPolygon;\n}\n\ninterface Polygon {\n type: \"Polygon\";\n coordinates: Point[][];\n}\n\ninterface MultiPolygon {\n type: \"MultiPolygon\";\n coordinates: Point[][][];\n}\n\ninterface Area {\n name: string;\n level: \"country\" | \"province\" | \"city\" | \"district\";\n adcode: number;\n lng: number;\n lat: number;\n parent: number;\n}\n\n/**\n * 中国地图图表构件,可以显示省级指标数据\n *\n * @deprecated 已废弃,请使用 `data-view.china-map`\n */\nexport\n@defineElement(\"data-view.china-map-chart\", {\n styleTexts: [styleText],\n})\nclass ChinaMapChart extends ReactNextElement {\n /**\n * 省份名称,例如“广东”。如果设置,则只显示该省份的地图,否则显示全国地图\n */\n @property()\n accessor province: string | undefined;\n\n /**\n * 数据源\n */\n @property({ attribute: false })\n accessor dataSource: DataSource[] | undefined;\n\n /**\n * 描述内容样式\n */\n @property({ attribute: false })\n accessor detailContentStyle: CSSProperties | undefined;\n\n /**\n * 是否铺满容器\n *\n * 注意:该属性不同时兼容 detail 插槽\n */\n @property({ type: Boolean })\n accessor fillContainer: boolean | undefined;\n\n /**\n * 当提示可见性开始变化时触发\n * @detail 当前是否可见\n */\n @event({ type: \"detail.open.change\" })\n accessor #openChangeEvent!: EventEmitter<{\n open: boolean;\n data: Record<string, any>;\n }>;\n #handleOpenChange = (open: boolean, data: Record<string, any>): void => {\n this.#openChangeEvent.emit({ open, data });\n };\n\n render() {\n return (\n <ChinaMapChartComponent\n root={this}\n province={this.province}\n dataSource={this.dataSource}\n onDetailOpenChange={this.#handleOpenChange}\n detailContentStyle={this.detailContentStyle}\n fillContainer={this.fillContainer}\n />\n );\n }\n}\n\ninterface DataSource {\n /** 省级行政区域名,例如:四川、北京 */\n city: string;\n detailDisplayLocation: \"pageCenter\" | \"textBottom\";\n text: string;\n [x: string]: any;\n}\n\nexport interface ChinaMapChartProps {\n root: HTMLElement;\n province?: string;\n onDetailOpenChange: (open: boolean, data: Record<string, any>) => void;\n dataSource: DataSource[];\n detailContentStyle?: CSSProperties;\n fillContainer?: boolean;\n // Define props here.\n}\n\nexport function ChinaMapChartComponent(props: ChinaMapChartProps) {\n const {\n root,\n province,\n onDetailOpenChange,\n dataSource = [],\n detailContentStyle = {},\n fillContainer,\n } = props;\n const mapRef = useRef<HTMLDivElement>();\n const slotRef = useRef<HTMLSlotElement>();\n const [showData, setShowData] = useState<DataSource>();\n const showDataRef = useRef<DataSource>();\n const [textPosition, setTextPosition] = useState<{\n left: string;\n top: string;\n }>();\n\n const scale = useContainerScale({\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n root,\n maxScale: 10,\n disabled: !fillContainer,\n });\n\n const textClick = (e: MouseEvent, data: any) => {\n e.stopPropagation();\n if (isEqual(data, showDataRef.current)) {\n setShowData(null);\n return;\n }\n setShowData(data);\n setTextPosition({\n left: `${toNumber((e.target as any).style.left.replace(\"px\", \"\")) + 24}px`,\n top: `${toNumber((e.target as any).style.top.replace(\"px\", \"\")) + 28}px`,\n });\n };\n useEffect(() => {\n const scene = new Scene({\n id: mapRef.current,\n logoVisible: false,\n map: new Map({\n // center: [90.268, 40.3628],\n pitch: 35,\n zoom: 1,\n }),\n });\n scene.setMapStatus({ doubleClickZoom: false, zoomEnable: false });\n const defaultImg = new Image();\n defaultImg.src = defaultSvg;\n\n const selectedImg = new Image();\n selectedImg.src = selectedSvg;\n\n scene.addImage(\"default\", defaultImg);\n scene.addImage(\"selected\", selectedImg);\n if (!province) {\n scene.addImage(\"chinaBg\", chinaPng);\n } else {\n scene.addImage(\"texture\", texturePng);\n }\n\n scene.on(\"loaded\", async () => {\n let data: FeatureCollection;\n let southSeaData: FeatureCollection;\n let matchedProvince: Area | undefined;\n let AreaList: Area[] | undefined;\n if (province) {\n const [CitiesImport, AreaListImport] = await Promise.all([\n import(\"./cities.json\"),\n import(\"./area-list.json\"),\n ]);\n const Cities = CitiesImport.default as unknown as FeatureCollection;\n AreaList = AreaListImport.default as unknown as Area[];\n matchedProvince = AreaList.find(\n (a) => a.level === \"province\" && a.name.includes(province)\n );\n\n if (!matchedProvince) {\n throw new Error(`没有找到省份:\"${province}\"`);\n }\n\n data = {\n type: \"FeatureCollection\",\n features: (Cities as FeatureCollection).features.filter(\n (f) => f.properties.province_adcode === matchedProvince.adcode\n ),\n };\n } else {\n const ChinaImport = await import(\"./map.json\");\n const CHINA = ChinaImport.default as unknown as FeatureCollection;\n data = {\n type: \"FeatureCollection\",\n features: (CHINA as unknown as FeatureCollection).features.slice(\n 0,\n CHINA.features.length - 2\n ),\n };\n southSeaData = {\n ...CHINA,\n features: CHINA.features.slice(\n CHINA.features.length - 2,\n CHINA.features.length\n ),\n };\n }\n\n const seventhPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n let labelDivideLng: number | undefined;\n // 根据坐标范围设置 3D 图层升起的高度\n let raisingHeightBase: number;\n if (province) {\n let top = Infinity;\n let left = Infinity;\n let bottom = -Infinity;\n let right = -Infinity;\n const points = data.features.flatMap(\n (f) =>\n f.geometry.coordinates.flat(\n f.geometry.type === \"MultiPolygon\" ? 2 : 1\n ) as Point[]\n );\n points.forEach(([lng, lat]) => {\n top = Math.min(top, lat);\n left = Math.min(left, lng);\n bottom = Math.max(bottom, lat);\n right = Math.max(right, lng);\n });\n const lngRange = right - left;\n const latRange = bottom - top;\n raisingHeightBase = Math.max(2000 * lngRange, 3000 * latRange);\n // 在经度范围的 3/4 处设置分界线,左边的文字向右排,右边的文字向左排\n labelDivideLng = left + (lngRange * 3) / 4;\n } else {\n raisingHeightBase = 100000;\n }\n\n seventhPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(84, 239, 241, 0.20)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -13 * raisingHeightBase,\n });\n\n const sixthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n sixthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(14, 11, 75, 0.58)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -11 * raisingHeightBase,\n });\n\n const fifthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fifthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(190, 225, 226, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -9 * raisingHeightBase,\n });\n const fourthPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n fourthPolygonLayer\n .shape(\"extrude\")\n .color(\"rgba(18, 26, 45, 1)\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -7 * raisingHeightBase,\n });\n\n const thirdPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n thirdPolygonLayer\n .shape(\"extrude\")\n .color(\"#111D3C\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -5 * raisingHeightBase,\n });\n const secondPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(data);\n\n secondPolygonLayer\n .shape(\"extrude\")\n .color(\"#121A2D\")\n .style({\n heightfixed: true,\n pickLight: true,\n opacity: 1,\n raisingHeight: -3 * raisingHeightBase,\n });\n\n const firstPolygonLayer = new PolygonLayer({\n autoFit: true,\n }).source(data);\n\n firstPolygonLayer.shape(\"fill\").color(\"rgba(8, 77, 255, 0.60)\");\n // .select({\n // color: \"rgba(177, 254, 254, 1)\",\n // });//编排上层缩放会影响到高亮功能,还不知道怎么解决,暂时不实现。\n\n let chinaImgLayer: ILayer | undefined;\n if (!province) {\n chinaImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n }).source(chinaPng, {\n parser: {\n type: \"image\",\n extent: [73.33, 17.9, 134.85, 53.73],\n },\n });\n\n chinaImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n }\n\n const fourthLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -16 * raisingHeightBase,\n });\n\n const thirdLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(84, 239, 241, 1)\")\n .size(1)\n .style({\n raisingHeight: -12 * raisingHeightBase,\n });\n\n const secondLineLayer = new LineLayer()\n .source(data)\n .shape(\"line\")\n .color(\"rgba(43, 100, 255, 1)\")\n .size(1)\n .style({\n raisingHeight: -6 * raisingHeightBase,\n });\n\n const firstLineLayer = new LineLayer({ zIndex: 2 })\n .source(data)\n .shape(\"line\")\n .color(\"#3DC6FF\")\n .size(1)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n\n // const hightLayer = new LineLayer({\n // zIndex: 10, // 设置显示层级\n // name: \"hightlight\",\n // })\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"line\")\n // .size(2)\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // opacity: 1,\n // });\n // const hightPolygonLayer = new PolygonLayer({zIndex: 10})\n // .source({\n // type: \"FeatureCollection\",\n // features: [],\n // })\n // .shape(\"fill\")\n // .color(\"rgba(177, 254, 254, 1)\")\n // .style({\n // heightfixed: true,\n // pickLight: true,\n // opacity: 1,\n // raisingHeight: 0,\n // }); //自定义选择高亮\n\n scene.addLayer(seventhPolygonLayer);\n // scene.addLayer(sixthPolygonLayer);\n // scene.addLayer(fifthPolygonLayer);\n // // scene.addLayer(fourthPolygonLayer);\n // scene.addLayer(thirdPolygonLayer);\n scene.addLayer(secondPolygonLayer);\n if (chinaImgLayer) {\n scene.addLayer(chinaImgLayer);\n }\n // scene.addLayer(hightLayer);\n // scene.addLayer(hightPolygonLayer);\n scene.addLayer(firstPolygonLayer);\n\n scene.addLayer(fourthLineLayer);\n scene.addLayer(thirdLineLayer);\n scene.addLayer(secondLineLayer);\n scene.addLayer(firstLineLayer);\n\n // firstPolygonLayer.on(\"click\", (e) => {\n // const { feature } = e;\n // hightPolygonLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // hightLayer.setData({\n // type: \"FeatureCollection\",\n // features: [feature],\n // });\n // });\n\n if (!province) {\n const southSeaPolygonLayer = new PolygonLayer({\n autoFit: false,\n }).source(southSeaData);\n\n southSeaPolygonLayer.shape(\"fill\").color(\"black\");\n\n const southSeaLineLayer = new LineLayer({ zIndex: 2 })\n .source(southSeaData)\n .shape(\"line\")\n .color(\"rgba(30, 144, 255, 1)\")\n .size(0.5)\n .style({\n raisingHeight: 0,\n })\n .scale(\"density\", {\n type: \"quantile\",\n });\n scene.addLayer(southSeaPolygonLayer);\n scene.addLayer(southSeaLineLayer);\n }\n\n dataSource.forEach((i) => {\n const el = document.createElement(\"div\");\n let classNameText = \"text\";\n el.textContent = i.text;\n let coord: Point;\n\n // 计算标签的排列方向,全国地图保持原有逻辑,省份地图根据经度所在比例自动适应排列方向\n if (!province) {\n const city = data.features.find((f) =>\n f.properties.name.includes(i.city)\n );\n if (!city) {\n return;\n }\n coord = city.properties.center;\n //先手动调整位置,缓解重叠的问题\n if (\n [\n \"410000\",\n \"820000\",\n \"140000\",\n \"110000\",\n \"420000\",\n \"430000\",\n \"450000\",\n \"500000\",\n \"520000\",\n \"530000\",\n \"510000\",\n \"610000\",\n \"640000\",\n \"150000\",\n \"630000\",\n \"540000\",\n \"340000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n if (\n [\n \"620000\",\n \"640000\",\n \"450000\",\n \"440000\",\n \"120000\",\n \"340000\",\n \"510000\",\n \"150000\",\n \"320000\",\n ].includes(city.id)\n ) {\n classNameText = `${classNameText} topText`;\n i.isTopOffset = true;\n }\n\n if (\n [\n \"530000\",\n \"520000\",\n \"430000\",\n \"360000\",\n \"330000\",\n \"610000\",\n \"370000\",\n \"130000\",\n ].includes(city.id)\n ) {\n coord[1] -= 1;\n }\n } else {\n const area = AreaList.find(\n (a) =>\n a.parent === matchedProvince.adcode && a.name.includes(i.city)\n );\n if (!area) {\n return;\n }\n coord = [area.lng, area.lat];\n if (area.lng > labelDivideLng) {\n classNameText = `${classNameText} leftText`;\n i.isLeftOffset = true;\n }\n }\n\n el.className = classNameText;\n\n el.onclick = (e) => {\n i.width = el.getBoundingClientRect().width;\n textClick(e, i);\n };\n\n const imgEl = document.createElement(\"img\");\n imgEl.src = defaultSvg;\n imgEl.className = \"iconImg\";\n\n const marker = new Marker({\n element: el,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n const imgMarker = new Marker({\n element: imgEl,\n }).setLnglat({ lng: coord[0], lat: coord[1] });\n scene.addMarker(marker);\n scene.addMarker(imgMarker);\n });\n\n setTimeout(() => {\n const bounds = scene.getBounds();\n // 进行适当平移和缩放,因为设置了倾角 pitch,地图默认没有铺满并居中\n scene.panTo([\n (bounds[0][0] + bounds[1][0]) / 2 + (province ? 0 : 1.6),\n (bounds[0][1] + bounds[1][1]) / 2 - (bounds[1][1] - bounds[0][1]) / 9,\n ]);\n if (province) {\n scene.setZoom(scene.getZoom() * 0.97);\n }\n\n // 省份贴图\n if (province) {\n const provinceImgLayer = new ImageLayer({\n autoFit: false,\n zIndex: 1,\n maskLayers: [firstPolygonLayer],\n }).source(texturePng, {\n parser: {\n type: \"image\",\n extent: [...bounds[0], ...bounds[1]],\n },\n });\n\n provinceImgLayer.shape(\"img\").style({\n opacity: 1,\n });\n scene.addLayer(provinceImgLayer);\n }\n });\n });\n\n return () => {\n scene.destroy();\n };\n }, []);\n\n useEffect(() => {\n const handleClick = (e: MouseEvent) => {\n if (slotRef.current && e.composedPath().includes(slotRef.current)) return;\n setShowData(null);\n };\n document?.addEventListener(\"click\", handleClick);\n return () => {\n document?.removeEventListener(\"click\", handleClick);\n };\n }, []);\n\n useEffect(() => {\n showDataRef.current = cloneDeep(showData);\n onDetailOpenChange(!isEmpty(showData), showData);\n }, [showData]);\n return (\n <div\n style={\n fillContainer\n ? {\n height: \"100%\",\n transform: `scale(${scale ?? 1})`,\n }\n : null\n }\n >\n <div\n id=\"map\"\n ref={mapRef}\n className=\"map\"\n style={\n fillContainer\n ? {\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n }\n : null\n }\n ></div>\n {showData && (\n <div\n className=\"detailContent\"\n onClick={(e) => {\n e.stopPropagation();\n }}\n style={{\n ...(showData.detailDisplayLocation === \"textBottom\"\n ? {\n left: textPosition.left,\n top: textPosition.top,\n transform: `translate(${showData.isLeftOffset ? -showData.width : 0}px, ${showData.isTopOffset ? -50 : -40}px)`,\n }\n : {\n transform: \"translate(-50%, 0%)\",\n top: \"50%\",\n left: \"50%\",\n }),\n ...detailContentStyle,\n }}\n >\n <slot name=\"detail\" ref={slotRef}></slot>\n </div>\n )}\n </div>\n );\n}\n"],"names":["___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","push","module","id","toString","useContainerScale","_ref","width","baseWidth","height","baseHeight","root","maxScale","disabled","scale","setScale","useState","useEffect","observer","ResizeObserver","entries","entry","target","contentRect","Math","min","observe","disconnect","defineElement","property","event","createDecorators","BASE_WIDTH","BASE_HEIGHT","_ChinaMapChart","_A","WeakMap","_B","_C","_D","_E","_ChinaMapChart_brand","WeakSet","_handleOpenChange","ChinaMapChart","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_province","_init_extra_province","_init_dataSource","_init_extra_dataSource","_init_detailContentStyle","_init_extra_detailContentStyle","_init_fillContainer","_init_extra_fillContainer","_init_openChangeEvent","_init_extra_openChangeEvent","open","data","_classPrivateGetter","this","_get_openChangeEvent","emit","province","_classPrivateFieldGet","v","_classPrivateFieldSet","dataSource","detailContentStyle","fillContainer","render","React","ChinaMapChartComponent","onDetailOpenChange","props","mapRef","useRef","slotRef","showData","setShowData","showDataRef","textPosition","setTextPosition","scene","Scene","current","logoVisible","map","Map","pitch","zoom","setMapStatus","doubleClickZoom","zoomEnable","defaultImg","Image","src","defaultSvg","selectedImg","selectedSvg","addImage","texturePng","chinaPng","on","async","southSeaData","matchedProvince","AreaList","CitiesImport","AreaListImport","Promise","all","Cities","default","find","a","level","name","includes","Error","type","features","filter","f","properties","province_adcode","adcode","CHINA","slice","length","seventhPolygonLayer","PolygonLayer","autoFit","source","labelDivideLng","raisingHeightBase","top","Infinity","left","bottom","right","flatMap","geometry","coordinates","flat","forEach","lng","lat","max","lngRange","latRange","shape","color","style","heightfixed","pickLight","opacity","raisingHeight","secondPolygonLayer","firstPolygonLayer","chinaImgLayer","ImageLayer","zIndex","parser","extent","fourthLineLayer","LineLayer","size","thirdLineLayer","secondLineLayer","firstLineLayer","addLayer","southSeaPolygonLayer","southSeaLineLayer","i","el","document","createElement","coord","classNameText","textContent","text","area","parent","city","isLeftOffset","center","isTopOffset","className","onclick","e","getBoundingClientRect","textClick","stopPropagation","isEqual","toNumber","replace","imgEl","marker","Marker","element","setLnglat","imgMarker","addMarker","setTimeout","bounds","getBounds","panTo","setZoom","getZoom","provinceImgLayer","maskLayers","destroy","_document","handleClick","composedPath","addEventListener","_document2","removeEventListener","cloneDeep","isEmpty","transform","ref","onClick","detailDisplayLocation","_ChinaMapChart2","_set_openChangeEvent","c","_initClass","_applyDecs","styleTexts","styleText","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[5509],{10177:(e,t,a)=>{e.exports=a.p+"images/d20b2c27.svg"},13910:(e,t,a)=>{a.d(t,{A:()=>f});var r=a(36758),s=a.n(r),i=a(40935),l=a.n(i),n=a(20062),o=a.n(n),c=new URL(a(99158),a.b),h=l()(s()),d=o()(c);h.push([e.id,`:host,\n.message{display:flex;align-items:center;justify-content:center}:host{position:relative;color:#fff;height:100%}:host([hidden]){display:none}*{box-sizing:border-box}.container{position:relative;transform:scale(var(--scale));--scale:1;--text-scale:1;--text-height:calc(22px * var(--text-scale));--text-font-size:calc(12px * var(--text-scale));--text-indent:calc(10px * var(--text-scale));--text-background-size:calc(119px * var(--text-scale)) calc(22px * var(--text-scale))}canvas,\n.message,\n.labels{position:absolute;left:50%;transform:translate(-50%,0);top:0}.loading{font-size:48px}.error{color:var(--color-error)}.label{position:absolute;display:flex;align-items:center;transform:translate(-14px,-28px)}.text{height:var(--text-height);line-height:var(--text-height);font-size:var(--text-font-size);background:url(${d}) no-repeat center left;background-size:var(--text-background-size);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-indent:var(--text-indent);transform:translate(0,-18px);white-space:nowrap;color:#fffcef}.left > .text{transform:translate(calc(-100% - 32px),-18px)}`,""]);const f=h.toString()},20062:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},45207:(e,t,a)=>{a.d(t,{D:()=>i});var r=a(18769),s=a(99126);function i(e){let{width:t,height:a,root:i,maxScale:l,disabled:n}=e;const[o,c]=(0,r.useState)(null);return(0,r.useEffect)((()=>{if(n)return void c(null);const e=new s.A((e=>{for(const r of e)if(r.target===i){const{width:e,height:s}=r.contentRect;c(Math.min(null!=l?l:1,e/t,s/a))}}));return e.observe(i),()=>e.disconnect()}),[a,t,n,l,i]),o}},59618:(e,t,a)=>{a.r(t),a.d(t,{ChinaMap:()=>D,ChinaMapComponent:()=>I});var r=a(70918),s=a(86121),i=a(70829),l=a(62740),n=a(18769),o=a.n(n),c=a(20563),h=a(90870),d=a(30981),f=(a(37),a(20840)),p=a(86168),u=a(45207),x=a(84890),g=a(10177),v=a(13910);let m,b,w,y,S,k,A,E,C;var P,N;const{defineElement:_,property:W}=(0,h.createDecorators)(),F=(0,d.wrapBrick)("eo-icon"),M=960,z=750,B=null!==(P=window.devicePixelRatio)&&void 0!==P?P:1,R=[{fill:"rgba(84, 239, 241, 0.2)",shadowColor:"rgba(84, 239, 241, 0.2)",shadowBlur:2,shadowOffsetY:1,offset:28},{fill:"#bee1e2",shadowColor:"rgba(93,250,255,0.2)",shadowBlur:4,shadowOffsetY:10,offset:23},{fill:"#000",offset:19.5},{lineWidth:1,strokeStyle:"#2B64FF",offset:15},{lineWidth:1.5,strokeStyle:"#2B64FF",offset:10}];let D;var O=new WeakMap,Y=new WeakMap,$=new WeakMap,T=new WeakMap;class j extends d.ReactNextElement{constructor(){super(...arguments),(0,r.A)(this,O,b(this)),(0,r.A)(this,Y,(w(this),y(this))),(0,r.A)(this,$,(S(this),k(this))),(0,r.A)(this,T,(A(this),E(this))),C(this)}get province(){return(0,i.A)(O,this)}set province(e){(0,s.A)(O,this,e)}get dataSource(){return(0,i.A)(Y,this)}set dataSource(e){(0,s.A)(Y,this,e)}get maxScale(){return(0,i.A)($,this)}set maxScale(e){(0,s.A)($,this,e)}get textScale(){return(0,i.A)(T,this)}set textScale(e){(0,s.A)(T,this,e)}render(){return o().createElement(I,{root:this,province:this.province,dataSource:this.dataSource,maxScale:this.maxScale,textScale:this.textScale})}}function I(e){let{root:t,province:r,dataSource:s,maxScale:i,textScale:l}=e;const h=(0,u.D)({width:M,height:z,root:t,maxScale:i}),d=(0,n.useRef)(null),[v,m]=(0,n.useState)([]),[b,w]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{const e=d.current.getContext("2d");let t=!1;return(async()=>{let i,l,n,o,h;try{[h]=await Promise.all([new Promise(((e,t)=>{const a=new Image;a.onload=()=>{e(a)},a.onerror=e=>{t(e)},a.src=x})),(async()=>{if(r){const[e,t]=await Promise.all([a.e(8763).then(a.t.bind(a,1144,19)),a.e(6873).then(a.t.bind(a,76873,19))]),s=e.default;if(o=t.default,n=o.find((e=>"province"===e.level&&e.name.includes(r))),!n)throw new Error(`没有找到省份:"${r}"`);i={type:"FeatureCollection",features:s.features.filter((e=>e.properties.province_adcode===n.adcode))}}else{const e=(await a.e(2785).then(a.t.bind(a,52785,19))).default,t=(0,c.groupBy)(e.features,(e=>e.properties.name?"main-land":"south-sea"));i={type:"FeatureCollection",features:t["main-land"]},l={type:"FeatureCollection",features:t["south-sea"]}}})()])}catch(a){return void(t||(w(String(a)),e.clearRect(0,0,M*B,z*B),m([])))}if(t)return;w(!0),e.clearRect(0,0,M*B,z*B),e.strokeStyle="#fff",e.lineWidth=2.5*B,e.lineJoin="round";const d=(0,f.Ay)().fitExtent([[10*B,10*B],[(M-10)*B,(z-25)*B]],i),u=(0,p.A)(d,e);R.forEach((t=>{const a=e;var r,s;e.save(),e.translate(0,t.offset*B),t.shadowColor&&(a.shadowColor=t.shadowColor,a.shadowBlur=(null!==(r=t.shadowBlur)&&void 0!==r?r:0)*B,a.shadowOffsetY=(null!==(s=t.shadowOffsetY)&&void 0!==s?s:0)*B),a.beginPath(),(0,p.A)(d,a)(i),a.closePath(),t.fill&&(a.fillStyle=t.fill,a.fill()),t.lineWidth&&(a.strokeStyle=t.strokeStyle,a.lineWidth=t.lineWidth*B,a.stroke()),e.restore()})),e.save();{const t=e.createPattern(h,"repeat");e.fillStyle=t}e.beginPath(),u(i),e.closePath(),e.fill(),e.restore(),e.save(),e.strokeStyle="#3DC6FF",e.beginPath(),u(i),e.closePath(),e.stroke(),e.restore(),r||(e.save(),e.strokeStyle="rgb(30, 144, 255)",e.beginPath(),u(l),e.closePath(),e.stroke(),e.restore()),m(null==s?void 0:s.flatMap((e=>{let t,a;if(e.coordinate)[t,a]=e.coordinate;else if(n){const r=o.find((t=>"city"===t.level&&t.parent===n.adcode&&t.name.includes(e.city)));if(!r)return[];({lng:t,lat:a}=r)}else{var r;const s=i.features.find((t=>"province"===t.properties.level&&t.properties.name.includes(e.province)));if(!s)return[];[t,a]=null!==(r=s.properties.cp)&&void 0!==r?r:s.properties.center}const s=d([t,a]),l=s[0]/B;return{left:l,top:s[1]/B,text:e.text,align:l>M-150?"left":"right"}})))})(),()=>{t=!0}}),[r,s]),o().createElement("div",{className:"container",style:{width:M,height:z,visibility:null===h?"hidden":"visible","--scale":h,"--text-scale":l}},!0!==b&&o().createElement("div",{className:"message",style:{width:M,height:z}},!1===b&&o().createElement(F,{lib:"antd",icon:"loading",spinning:!0,className:"loading"}),"string"==typeof b&&o().createElement("div",{className:"error"},b)),o().createElement("canvas",{ref:d,width:M*B,height:z*B,style:{width:M,height:z}}),o().createElement("div",{className:"labels",style:{width:M,height:z}},null==v?void 0:v.map(((e,t)=>o().createElement("div",{key:t,className:`label ${e.align}`,style:{left:e.left,top:e.top}},o().createElement("img",{width:28,height:32,className:"marker",src:g}),o().createElement("div",{className:"text"},e.text))))))}N=j,({e:[b,w,y,S,k,A,E,C],c:[D,m]}=(0,l.A)(N,[_("data-view.china-map",{styleTexts:[v.A]})],[[W(),1,"province"],[W({attribute:!1}),1,"dataSource"],[W({type:Number}),1,"maxScale"],[W({type:Number}),1,"textScale"]],0,void 0,d.ReactNextElement)),m()},84890:(e,t,a)=>{e.exports=a.p+"images/7e4100fd.png"},99158:(e,t,a)=>{e.exports=a.p+"images/4f7762f3.svg"}}]);
|
|
2
|
+
//# sourceMappingURL=china-map.a7c98bf0.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chunks/china-map.a7c98bf0.js","mappings":"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","sources":["webpack:///./src/china-map/styles.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/getUrl.js","webpack:///./src/shared/useContainerScale.ts","webpack:///./src/china-map/index.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../china-map-chart/assets/label.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host,\n.message{display:flex;align-items:center;justify-content:center}:host{position:relative;color:#fff;height:100%}:host([hidden]){display:none}*{box-sizing:border-box}.container{position:relative;transform:scale(var(--scale));--scale:1;--text-scale:1;--text-height:calc(22px * var(--text-scale));--text-font-size:calc(12px * var(--text-scale));--text-indent:calc(10px * var(--text-scale));--text-background-size:calc(119px * var(--text-scale)) calc(22px * var(--text-scale))}canvas,\n.message,\n.labels{position:absolute;left:50%;transform:translate(-50%,0);top:0}.loading{font-size:48px}.error{color:var(--color-error)}.label{position:absolute;display:flex;align-items:center;transform:translate(-14px,-28px)}.text{height:var(--text-height);line-height:var(--text-height);font-size:var(--text-font-size);background:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) no-repeat center left;background-size:var(--text-background-size);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-indent:var(--text-indent);transform:translate(0,-18px);white-space:nowrap;color:#fffcef}.left > .text{transform:translate(calc(-100% - 32px),-18px)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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 { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * 根据容器尺寸进行缩放\n */\nexport function useContainerScale({\n width: baseWidth,\n height: baseHeight,\n root,\n maxScale,\n disabled,\n}: {\n width: number;\n height: number;\n root: HTMLElement;\n /** 最大缩放比例,默认为 1 */\n maxScale?: number;\n disabled?: boolean;\n}): number | null {\n const [scale, setScale] = useState<number | null>(null);\n\n useEffect(() => {\n if (disabled) {\n setScale(null);\n return;\n }\n // 当容器宽高低于预设值时,图形会自动缩小\n const observer = new ResizeObserver((entries) => {\n for (const entry of entries) {\n if (entry.target === root) {\n const { width, height } = entry.contentRect;\n setScale(\n Math.min(maxScale ?? 1, width / baseWidth, height / baseHeight)\n );\n }\n }\n });\n observer.observe(root);\n return () => observer.disconnect();\n }, [baseHeight, baseWidth, disabled, maxScale, root]);\n\n return scale;\n}\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { groupBy } from \"lodash\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { geoPath, geoMercator, type ExtendedFeatureCollection } from \"d3-geo\";\nimport type {\n GeneralIcon,\n GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport { useContainerScale } from \"../shared/useContainerScale\";\nimport texturePng from \"../china-map-chart/assets/texture.png\";\nimport markerSvg from \"../china-map-chart/assets/default.svg?url\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property } = createDecorators();\n\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\n\nconst BASE_WIDTH = 960;\nconst BASE_HEIGHT = 750;\nconst pixelRatio = window.devicePixelRatio ?? 1;\nconst layers = [\n {\n fill: \"rgba(84, 239, 241, 0.2)\",\n shadowColor: \"rgba(84, 239, 241, 0.2)\",\n shadowBlur: 2,\n shadowOffsetY: 1,\n offset: 28,\n },\n {\n fill: \"#bee1e2\",\n shadowColor: \"rgba(93,250,255,0.2)\",\n shadowBlur: 4,\n shadowOffsetY: 10,\n offset: 23,\n },\n {\n fill: \"#000\",\n offset: 19.5,\n },\n {\n lineWidth: 1,\n strokeStyle: \"#2B64FF\",\n offset: 15,\n },\n {\n lineWidth: 1.5,\n strokeStyle: \"#2B64FF\",\n offset: 10,\n },\n];\n\nexport interface ChinaMapProps {\n province?: string;\n dataSource?: DataItem[];\n maxScale?: number;\n textScale?: number;\n}\n\nexport interface DataItem {\n province?: string;\n city?: string;\n /** 手动设置经纬度信息,优先级高于 province 和 city */\n coordinate?: [longitude: number, latitude: number];\n text: string;\n}\n\n/**\n * 构件 `data-view.china-map`\n */\nexport\n@defineElement(\"data-view.china-map\", {\n styleTexts: [styleText],\n})\nclass ChinaMap extends ReactNextElement implements ChinaMapProps {\n /**\n * 省份名称,例如“广东”。如果设置,则只显示该省份的地图,否则显示全国地图\n */\n @property()\n accessor province: string | undefined;\n\n /**\n * 数据源\n */\n @property({ attribute: false })\n accessor dataSource: DataItem[] | undefined;\n\n /**\n * 最大缩放比例\n *\n * @default 1\n */\n @property({ type: Number })\n accessor maxScale: number | undefined;\n\n /**\n * 标签文本缩放比例\n *\n * @default 1\n */\n @property({ type: Number })\n accessor textScale: number | undefined;\n\n render() {\n return (\n <ChinaMapComponent\n root={this}\n province={this.province}\n dataSource={this.dataSource}\n maxScale={this.maxScale}\n textScale={this.textScale}\n />\n );\n }\n}\n\nexport interface ChinaMapComponentProps extends ChinaMapProps {\n root: ChinaMap;\n}\n\ninterface Area {\n name: string;\n level: \"country\" | \"province\" | \"city\" | \"district\";\n adcode: number;\n lng: number;\n lat: number;\n parent: number;\n}\n\ninterface Label {\n left: number;\n top: number;\n text: string;\n align: \"left\" | \"right\";\n}\n\nexport function ChinaMapComponent({\n root,\n province,\n dataSource,\n maxScale,\n textScale,\n}: ChinaMapComponentProps) {\n const scale = useContainerScale({\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n root,\n maxScale,\n });\n\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const [labels, setLabels] = useState<Label[]>([]);\n\n // true: loaded\n // false: loading\n // string: error\n const [state, setState] = useState<boolean | string>(false);\n\n useEffect(() => {\n const canvas = canvasRef.current;\n const context = canvas.getContext(\"2d\");\n let ignore = false;\n\n (async () => {\n let geo: ExtendedFeatureCollection;\n let SouthSea: ExtendedFeatureCollection;\n let matchedProvince: Area | undefined;\n let AreaList: Area[] | undefined;\n\n let image: HTMLImageElement;\n try {\n [image] = await Promise.all([\n new Promise<HTMLImageElement>((resolve, reject) => {\n const img = new Image();\n // istanbul ignore next: can't mock image\n img.onload = () => {\n resolve(img);\n };\n // istanbul ignore next: can't mock image\n img.onerror = (reason) => {\n reject(reason);\n };\n img.src = texturePng;\n // istanbul ignore next: can't mock image\n if (process.env.NODE_ENV === \"test\") {\n resolve(null);\n }\n }),\n (async () => {\n if (province) {\n const [CitiesImport, AreaListImport] = await Promise.all([\n import(\"./cities.json\"),\n import(\"../china-map-chart/area-list.json\"),\n ]);\n\n const Cities =\n CitiesImport.default as unknown as ExtendedFeatureCollection;\n AreaList = AreaListImport.default as unknown as Area[];\n matchedProvince = AreaList.find(\n (a) => a.level === \"province\" && a.name.includes(province)\n );\n if (!matchedProvince) {\n throw new Error(`没有找到省份:\"${province}\"`);\n }\n geo = {\n type: \"FeatureCollection\",\n features: Cities.features.filter(\n (f) => f.properties.province_adcode === matchedProvince.adcode\n ),\n };\n } else {\n const ChinaImport = await import(\"./provinces.json\");\n const ChinaGeoJson =\n ChinaImport.default as unknown as ExtendedFeatureCollection;\n const geoGroup = groupBy(ChinaGeoJson.features, (f) =>\n f.properties.name ? \"main-land\" : \"south-sea\"\n );\n geo = {\n type: \"FeatureCollection\",\n features: geoGroup[\"main-land\"],\n };\n SouthSea = {\n type: \"FeatureCollection\",\n features: geoGroup[\"south-sea\"],\n };\n }\n })(),\n ]);\n } catch (e) {\n if (!ignore) {\n setState(String(e));\n context.clearRect(\n 0,\n 0,\n BASE_WIDTH * pixelRatio,\n BASE_HEIGHT * pixelRatio\n );\n setLabels([]);\n }\n return;\n }\n\n if (ignore) {\n return;\n }\n\n setState(true);\n\n context.clearRect(\n 0,\n 0,\n BASE_WIDTH * pixelRatio,\n BASE_HEIGHT * pixelRatio\n );\n\n context.strokeStyle = \"#fff\";\n context.lineWidth = 2.5 * pixelRatio;\n context.lineJoin = \"round\";\n\n const projection = geoMercator().fitExtent(\n [\n [10 * pixelRatio, 10 * pixelRatio],\n [(BASE_WIDTH - 10) * pixelRatio, (BASE_HEIGHT - 25) * pixelRatio],\n ],\n geo\n );\n const path = geoPath(projection, context);\n\n // 3D 效果层\n layers.forEach((layer) => {\n const ctx = context;\n context.save();\n context.translate(0, layer.offset * pixelRatio);\n\n if (layer.shadowColor) {\n ctx.shadowColor = layer.shadowColor;\n ctx.shadowBlur = (layer.shadowBlur ?? 0) * pixelRatio;\n ctx.shadowOffsetY = (layer.shadowOffsetY ?? 0) * pixelRatio;\n }\n\n ctx.beginPath();\n const p = geoPath(projection, ctx);\n p(geo);\n ctx.closePath();\n\n if (layer.fill) {\n ctx.fillStyle = layer.fill;\n ctx.fill();\n }\n\n if (layer.lineWidth) {\n ctx.strokeStyle = layer.strokeStyle;\n ctx.lineWidth = layer.lineWidth * pixelRatio;\n ctx.stroke();\n }\n context.restore();\n });\n\n // 纹理填充\n context.save();\n // istanbul ignore next: can't mock image\n if (process.env.NODE_ENV !== \"test\") {\n const pattern = context.createPattern(image, \"repeat\");\n context.fillStyle = pattern;\n }\n context.beginPath();\n path(geo);\n context.closePath();\n context.fill();\n context.restore();\n\n // 边界线\n context.save();\n context.strokeStyle = \"#3DC6FF\";\n context.beginPath();\n path(geo);\n context.closePath();\n context.stroke();\n context.restore();\n\n // 南海\n if (!province) {\n context.save();\n context.strokeStyle = \"rgb(30, 144, 255)\";\n context.beginPath();\n path(SouthSea);\n context.closePath();\n context.stroke();\n context.restore();\n }\n\n // 标签\n setLabels(\n dataSource?.flatMap<Label>((label) => {\n let lng: number;\n let lat: number;\n if (label.coordinate) {\n [lng, lat] = label.coordinate;\n } else if (matchedProvince) {\n const area = AreaList.find(\n (a) =>\n a.level === \"city\" &&\n a.parent === matchedProvince.adcode &&\n a.name.includes(label.city)\n );\n if (!area) {\n return [];\n }\n ({ lng, lat } = area);\n } else {\n const feature = geo.features.find(\n (f) =>\n f.properties.level === \"province\" &&\n f.properties.name.includes(label.province)\n );\n if (!feature) {\n return [];\n }\n [lng, lat] = feature.properties.cp ?? feature.properties.center;\n }\n\n const point = projection([lng, lat]);\n const left = point[0] / pixelRatio;\n const top = point[1] / pixelRatio;\n\n return {\n left,\n top,\n text: label.text,\n // 防止标签超出边界,将最右侧的标签左对齐\n align: left > BASE_WIDTH - 150 ? \"left\" : \"right\",\n };\n })\n );\n })();\n\n return () => {\n ignore = true;\n };\n }, [province, dataSource]);\n\n return (\n <div\n className=\"container\"\n style={\n {\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n visibility: scale === null ? \"hidden\" : \"visible\",\n \"--scale\": scale,\n \"--text-scale\": textScale,\n } as React.CSSProperties & {\n \"--scale\": number;\n \"--text-scale\": number;\n }\n }\n >\n {state !== true && (\n <div\n className=\"message\"\n style={{ width: BASE_WIDTH, height: BASE_HEIGHT }}\n >\n {state === false && (\n <WrappedIcon\n lib=\"antd\"\n icon=\"loading\"\n spinning\n className=\"loading\"\n />\n )}\n {typeof state === \"string\" && <div className=\"error\">{state}</div>}\n </div>\n )}\n <canvas\n ref={canvasRef}\n width={BASE_WIDTH * pixelRatio}\n height={BASE_HEIGHT * pixelRatio}\n style={{ width: BASE_WIDTH, height: BASE_HEIGHT }}\n />\n <div\n className=\"labels\"\n style={{\n width: BASE_WIDTH,\n height: BASE_HEIGHT,\n }}\n >\n {labels?.map((label, index) => (\n <div\n key={index}\n className={`label ${label.align}`}\n style={{ left: label.left, top: label.top }}\n >\n <img width={28} height={32} className=\"marker\" src={markerSvg} />\n <div className=\"text\">{label.text}</div>\n </div>\n ))}\n </div>\n </div>\n );\n}\n"],"names":["___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","push","module","id","toString","exports","url","options","String","__esModule","default","test","slice","hash","needQuotes","concat","replace","useContainerScale","_ref","width","baseWidth","height","baseHeight","root","maxScale","disabled","scale","setScale","useState","useEffect","observer","ResizeObserver","entries","entry","target","contentRect","Math","min","observe","disconnect","defineElement","property","createDecorators","WrappedIcon","wrapBrick","BASE_WIDTH","BASE_HEIGHT","pixelRatio","_window$devicePixelRa","window","devicePixelRatio","layers","fill","shadowColor","shadowBlur","shadowOffsetY","offset","lineWidth","strokeStyle","_ChinaMap","_A","WeakMap","_B","_C","_D","ChinaMap","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","_init_province","_init_extra_province","_init_dataSource","_init_extra_dataSource","_init_maxScale","_init_extra_maxScale","_init_textScale","_init_extra_textScale","province","_classPrivateFieldGet","v","_classPrivateFieldSet","dataSource","textScale","render","React","ChinaMapComponent","this","canvasRef","useRef","labels","setLabels","state","setState","context","current","getContext","ignore","geo","SouthSea","matchedProvince","AreaList","image","Promise","all","resolve","reject","img","Image","onload","onerror","reason","src","texturePng","CitiesImport","AreaListImport","Cities","find","a","level","name","includes","Error","type","features","filter","f","properties","province_adcode","adcode","ChinaGeoJson","geoGroup","groupBy","e","clearRect","lineJoin","projection","geoMercator","fitExtent","path","geoPath","forEach","layer","ctx","_layer$shadowBlur","_layer$shadowOffsetY","save","translate","beginPath","p","closePath","fillStyle","stroke","restore","pattern","createPattern","flatMap","label","lng","lat","coordinate","area","parent","city","_feature$properties$c","feature","cp","center","point","left","top","text","align","className","style","visibility","lib","icon","spinning","ref","map","index","key","markerSvg","_ChinaMap2","c","_initClass","_applyDecs","styleTexts","styleText","attribute","Number"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2052,5994],{5536:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(12559);function n(e,t,r){return r((0,a.A)(e,t))}},11369:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(17545);function n(e){var t=function(e){if("object"!=(0,a.A)(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=(0,a.A)(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.A)(t)?t:t+""}},12559:(e,t,r)=>{function a(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}r.d(t,{A:()=>a})},17545:(e,t,r)=>{function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{A:()=>a})},24586:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(11369);function n(e,t,r){return(t=(0,a.A)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},26902:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(17545);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.A)(e):"null"));return e}},36758:e=>{e.exports=function(e){return e[1]}},40935:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,o){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(a)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(i[s]=!0)}for(var c=0;c<e.length;c++){var p=[].concat(e[c]);a&&i[p[0]]||(void 0!==o&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=o),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},41856:(e,t,r)=>{e.exports=r.p+"images/6d954a25.png"},62740:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(17545),n=r(26902);function o(e,t,r){"symbol"==(0,a.A)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var i=r(11369);function l(e,t,r,l,s,c){var p,u,h,d,b,g,f,v=Symbol.metadata||Symbol.for("Symbol.metadata"),m=Object.defineProperty,x=Object.create,w=[x(null),x(null)],y=t.length;function A(t,r,a){return function(n,o){r&&(o=n,n=e);for(var i=0;i<t.length;i++)o=t[i].apply(n,a?[o]:[]);return a?o:n}}function k(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function E(e,t,r,n,i,l,s,c,h,d,b){function g(e){if(!b(e))throw new TypeError("Attempted to access private element on non-instance")}var f=[].concat(t[0]),v=t[3],x=!s,y=1===i,E=3===i,z=4===i,S=2===i;function M(t,r,a){return function(n,o){return r&&(o=n,n=e),a&&a(n),T[t].call(n,o)}}if(!x){var T={},B=[],I=E?"get":z||y?"set":"value";if(h?(d||y?T={get:o((function(){return v(this)}),n,"get"),set:function(e){t[4](this,e)}}:T[I]=v,d||o(T[I],n,S?"":I)):d||(T=Object.getOwnPropertyDescriptor(e,n)),!d&&!h){if((u=w[+c][n])&&7!=(u^i))throw Error("Decorating two elements with the same name ("+T[I].name+") is not supported yet");w[+c][n]=i<3?1:i}}for(var j=e,N=f.length-1;N>=0;N-=r?2:1){var C=k(f[N],"A decorator","be",!0),W=r?f[N-1]:void 0,P={},_={kind:["field","accessor","method","getter","setter","class"][i],name:n,metadata:p,addInitializer:function(e,t){if(e.v)throw Error("attempted to call addInitializer after decoration was finished");k(t,"An initializer","be",!0),l.push(t)}.bind(null,P)};if(x)u=C.call(W,j,_),P.v=1,k(u,"class decorators","return")&&(j=u);else if(_.static=c,_.private=h,u=_.access={has:h?b.bind():function(e){return n in e}},z||(u.get=h?S?function(e){return g(e),T.value}:M("get",0,g):function(e){return e[n]}),S||E||(u.set=h?M("set",0,g):function(e,t){e[n]=t}),j=C.call(W,y?{get:T.get,set:T.set}:T[I],_),P.v=1,y){if("object"==(0,a.A)(j)&&j)(u=k(j.get,"accessor.get"))&&(T.get=u),(u=k(j.set,"accessor.set"))&&(T.set=u),(u=k(j.init,"accessor.init"))&&B.unshift(u);else if(void 0!==j)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else k(j,(d?"field":"method")+" decorators","return")&&(d?B.unshift(j):T[I]=j)}return i<2&&s.push(A(B,c,1),A(l,c,0)),d||x||(h?y?s.splice(-1,0,M("get",c),M("set",c)):s.push(S?T[I]:k.call.bind(T[I])):m(e,n,T)),j}function z(e){return m(e,v,{configurable:!0,enumerable:!0,value:p})}return void 0!==c&&(p=c[v]),p=x(null==p?null:p),b=[],g=function(e){e&&b.push(A(e))},f=function(t,a){for(var o=0;o<r.length;o++){var l=r[o],c=l[1],p=7&c;if((8&c)==t&&!p==a){var u=l[2],g=!!l[3],f=16&c;E(t?e:e.prototype,l,f,g?"#"+u:(0,i.A)(u),p,p<2?[]:t?d=d||[]:h=h||[],b,!!t,g,a,t&&g?function(t){return(0,n.A)(t)===e}:s)}}},f(8,0),f(0,0),f(8,1),f(0,1),g(h),g(d),u=b,y||z(e),{e:u,get c(){var r=[];return y&&[z(e=E(e,[t],l,e.name,5,r)),A(r,1)]}}}},69994:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),o=r(40935),i=r.n(o)()(n());i.push([e.id,'.wrapper{width:100%;position:relative}.inputWrapper{width:100%;height:32px;position:relative}input{height:100%;line-height:32px;border:none;width:100%;box-sizing:border-box;padding:0 32px;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);color:var(--color-normal-text)}input::placeholder{color:var(--color-disabled-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400)}input:not(:disabled):focus{border:none;outline:0}.icon{position:absolute;color:var(--color-normal-text);opacity:0.6}.searchIcon{left:10px;top:6px;font-size:16px}.clearIcon{right:10px;top:7px;font-size:14px}.dropdownWrapper{width:100%;height:336px;margin:5px 0;padding:8px 0;box-sizing:border-box;position:absolute;z-index:900;overflow:auto;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.emptyData{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--color-disabled-text);gap:20px}.emptyData img{width:62px}.dropdownMenu{overflow-y:auto}.dropdownMenuItem{padding:6px 18px;color:var(--color-normal-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);display:flex;align-items:center;gap:6px;height:32px;line-height:20px;box-sizing:border-box;cursor:pointer}.menuTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menuIcon{font-size:20px}.dropdownMenuItem:hover{border-radius:var(--no-border-radius);background:var(--color-fill-bg-container-1)}.dropdownMenuItemTooltip{position:absolute;width:324px;left:-325px;top:0;background:var(--color-fill-bg-base-4);border-radius:var(--medius-border-radius)}.dropdownMenuItemTooltip:before{content:"";position:absolute;top:0;width:100%;height:100%;left:0;background:#282e3a linear-gradient(186deg,rgba(51,102,255,0.3) 0%,rgba(51,102,255,0) 100%);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.useBrickWrapper{position:relative;min-height:100px;max-height:465px;overflow:auto}',""]);const l=i.toString()},70829:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(12559);function n(e,t){return e.get((0,a.A)(e,t))}},70918:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(72016);function n(e,t,r){(0,a.A)(e,t),t.set(e,r)}},72016:(e,t,r)=>{function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{A:()=>a})},74635:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(72016);function n(e,t){(0,a.A)(e,t),t.add(e)}},78073:(e,t,r)=>{r.d(t,{I:()=>o,K:()=>a,NS:()=>n});let a=function(e){return e.EMPTY_DATA="EMPTY_DATA",e}({});const n="bricks/data-view/complex-search",o={en:{EMPTY_DATA:"Empty data"},zh:{EMPTY_DATA:"空数据"}}},79935:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),o=r(40935),i=r.n(o)()(n());i.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=i.toString()},86121:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(12559);function n(e,t,r){return e.set((0,a.A)(e,t),r),r}},89575:(e,t,r)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}r.d(t,{A:()=>a})},89907:(e,t,r)=>{r.r(t),r.d(t,{ComplexSearch:()=>re,ComplexSearchComponent:()=>be});var a,n=r(89575),o=r(24586),i=r(74635),l=r(70918),s=r(26902),c=r(5536),p=r(86121),u=r(70829),h=r(62740),d=r(18769),b=r.n(d),g=r(90870),f=r(30981),v=r(79935),m=r(69994),x=r(29711),w=r(88002),y=r(78073),A=r(41856);let k,E,z,S,M,T,B,I,j,N,C,W,P,_,D,O,R,U,F,Y,K,L,q,G,H,J,Q,V,X;const{defineElement:Z,property:$,event:ee}=(0,g.createDecorators)();(0,w.initializeReactI18n)(y.NS,y.I);const te=(0,f.wrapBrick)("eo-icon");let re;var ae=new WeakMap,ne=new WeakMap,oe=new WeakMap,ie=new WeakMap,le=new WeakMap,se=new WeakSet,ce=new WeakMap,pe=new WeakMap,ue=new WeakMap,he=new WeakMap;class de extends f.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,se),(0,l.A)(this,ae,E(this)),(0,l.A)(this,ne,(z(this),S(this))),(0,l.A)(this,oe,(M(this),T(this))),(0,l.A)(this,ie,(B(this),I(this))),(0,l.A)(this,le,(j(this),N(this))),(0,l.A)(this,ce,(P(this),_(this))),(0,l.A)(this,pe,(R(this),U(this))),(0,l.A)(this,ue,(K(this),L(this))),(0,l.A)(this,he,(H(this),J(this))),(0,o.A)(this,"handleInputChange",(X(this),e=>{(0,c.A)(se,this,C).emit(e)})),(0,o.A)(this,"handleSearch",(e=>{(0,c.A)(se,this,D).emit(e)})),(0,o.A)(this,"handleFocus",(()=>{(0,c.A)(se,this,q).emit()})),(0,o.A)(this,"handleBlur",(()=>{(0,c.A)(se,this,Q).emit()})),(0,o.A)(this,"handleSelect",(e=>{(0,c.A)(se,this,F).emit(e)}))}get value(){return(0,u.A)(ae,this)}set value(e){(0,p.A)(ae,this,e)}get placeholder(){return(0,u.A)(ne,this)}set placeholder(e){(0,p.A)(ne,this,e)}get options(){return(0,u.A)(oe,this)}set options(e){(0,p.A)(oe,this,e)}get tooltipUseBrick(){return(0,u.A)(ie,this)}set tooltipUseBrick(e){(0,p.A)(ie,this,e)}render(){return b().createElement(be,{value:this.value,onInputChange:this.handleInputChange,onSearch:this.handleSearch,onBlur:this.handleBlur,onFocus:this.handleFocus,tooltipUseBrick:this.tooltipUseBrick,placeholder:this.placeholder,onSelect:this.handleSelect,options:this.options})}}function be(e){const{onInputChange:t,onSearch:r,onBlur:a,onFocus:o,tooltipUseBrick:i,placeholder:l,onSelect:s,options:c=[]}=e,{t:p}=(0,w.useTranslation)(y.NS),[u,h]=(0,d.useState)(!1),g=(0,d.useRef)(null),[f,v]=(0,d.useState)(!1),[m,k]=(0,d.useState)(),[E,z]=(0,d.useState)(0),[S,M]=(0,d.useState)(!1),[T,B]=(0,d.useState)(e.value);(0,d.useEffect)((()=>{B(e.value)}),[e.value]),(0,d.useEffect)((()=>{h(!!T)}),[T]);const I=e=>{e.composedPath().some((e=>e===g.current))||v(!1)},j=(0,d.useMemo)((()=>null!=i&&i.useBrick?b().createElement("div",{className:"dropdownMenuItemTooltip",style:{top:E,visibility:S?"visible":"hidden",opacity:S?1:0},onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1)},b().createElement("div",{className:"useBrickWrapper"},b().createElement(x.ReactUseMultipleBricks,{useBrick:i.useBrick,data:m||{}}))):void 0),[m,i,E,S]);return(0,d.useEffect)((()=>(document.addEventListener("click",I),()=>document.removeEventListener("click",I))),[]),b().createElement("div",{className:"wrapper",ref:g},b().createElement("div",{className:"inputWrapper"},b().createElement("input",{placeholder:l,value:null!=T?T:"",type:"text",onChange:e=>{return r=e.target.value,B(r),t(r),void v(!0);var r},onFocus:()=>{v(!0),o()},onBlur:a,onKeyDown:e=>{"Enter"===e.key&&(v(!1),B(e.target.value),r(e.target.value))}}),b().createElement(te,{className:"searchIcon icon",lib:"antd",icon:"search",theme:"outlined"}),u&&b().createElement(te,{className:"clearIcon icon",onClick:()=>{B(null),t(""),v(!1)},lib:"antd",icon:"close-circle",theme:"filled"})),b().createElement("div",{className:"dropdownWrapper",style:{visibility:f?"visible":"hidden"}},c.length?b().createElement("div",{className:"dropdownMenu"},c.map(((e,t)=>b().createElement("div",{className:"dropdownMenuItem",key:t,onMouseEnter:t=>((e,t)=>{k(t),M(!0);const r=e.target.getBoundingClientRect().top-g.current.getBoundingClientRect().top;z(r)})(t,e),onMouseLeave:()=>M(!1),onClick:()=>{return B((t=e).name),s(t),void v(!1);var t}},b().createElement(te,(0,n.A)({},e.icon,{className:"menuIcon"})),b().createElement("span",{className:"menuTitle"},e.name))))):b().createElement("div",{className:"emptyData"},b().createElement("img",{src:A,alt:p(y.K.EMPTY_DATA)}),b().createElement("span",null,p(y.K.EMPTY_DATA)))),j)}a=de,({e:[E,z,S,M,T,B,I,j,N,C,W,P,_,D,O,R,U,F,Y,K,L,q,G,H,J,Q,V,X],c:[re,k]}=(0,h.A)(a,[Z("data-view.complex-search",{styleTexts:[v.A,m.A]})],[[$(),1,"value"],[$(),1,"placeholder"],[$({attribute:!1}),1,"options"],[$({attribute:!1}),1,"tooltipUseBrick"],[ee({type:"change"}),1,"inputChangeEvent",e=>(0,u.A)(le,e),(e,t)=>(0,p.A)(le,e,t)],[ee({type:"search"}),1,"onSearchEvent",e=>(0,u.A)(ce,e),(e,t)=>(0,p.A)(ce,e,t)],[ee({type:"select"}),1,"onSelectEvent",e=>(0,u.A)(pe,e),(e,t)=>(0,p.A)(pe,e,t)],[ee({type:"focus"}),1,"onFocusEvent",e=>(0,u.A)(ue,e),(e,t)=>(0,p.A)(ue,e,t)],[ee({type:"blur"}),1,"onBlurEvent",e=>(0,u.A)(he,e),(e,t)=>(0,p.A)(he,e,t)]],0,(e=>se.has((0,s.A)(e))),f.ReactNextElement)),k()}}]);
|
|
2
|
+
//# sourceMappingURL=complex-search.6db60e85.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chunks/complex-search.6db60e85.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/assertClassBrand.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2311.js","webpack:///./src/complex-search/complex-search.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///./src/complex-search/i18n.ts","webpack:///./src/data-view-variables.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/extends.js","webpack:///./src/complex-search/index.tsx"],"sourcesContent":["import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n return a(assertClassBrand(s, r));\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}","export default function _assertClassBrand(e, t, n) {\n if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;\n throw new TypeError(\"Private element is not present on this object\");\n}","export default function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n key = toPropertyKey(key);\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n return e;\n}","\"use strict\";\n\nmodule.exports = function (i) {\n return i[1];\n};","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n try {\n Object.defineProperty(e, \"name\", {\n configurable: !0,\n value: n ? n + \" \" + t : t\n });\n } catch (e) {}\n return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2311(e, t, n, r, o, i) {\n var a,\n c,\n u,\n s,\n f,\n l,\n p,\n d = Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"),\n m = Object.defineProperty,\n h = Object.create,\n y = [h(null), h(null)],\n v = t.length;\n function g(t, n, r) {\n return function (o, i) {\n n && (i = o, o = e);\n for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []);\n return r ? i : o;\n };\n }\n function b(e, t, n, r) {\n if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\"));\n return e;\n }\n function applyDec(e, t, n, r, o, i, u, s, f, l, p) {\n function d(e) {\n if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n }\n var h = [].concat(t[0]),\n v = t[3],\n w = !u,\n D = 1 === o,\n S = 3 === o,\n j = 4 === o,\n E = 2 === o;\n function I(t, n, r) {\n return function (o, i) {\n return n && (i = o, o = e), r && r(o), P[t].call(o, i);\n };\n }\n if (!w) {\n var P = {},\n k = [],\n F = S ? \"get\" : j || D ? \"set\" : \"value\";\n if (f ? (l || D ? P = {\n get: setFunctionName(function () {\n return v(this);\n }, r, \"get\"),\n set: function set(e) {\n t[4](this, e);\n }\n } : P[F] = v, l || setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) {\n if ((c = y[+s][r]) && 7 != (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\");\n y[+s][r] = o < 3 ? 1 : o;\n }\n }\n for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) {\n var z = b(h[O], \"A decorator\", \"be\", !0),\n A = n ? h[O - 1] : void 0,\n H = {},\n K = {\n kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o],\n name: r,\n metadata: a,\n addInitializer: function (e, t) {\n if (e.v) throw Error(\"attempted to call addInitializer after decoration was finished\");\n b(t, \"An initializer\", \"be\", !0), i.push(t);\n }.bind(null, H)\n };\n if (w) c = z.call(A, N, K), H.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (K[\"static\"] = s, K[\"private\"] = f, c = K.access = {\n has: f ? p.bind() : function (e) {\n return r in e;\n }\n }, j || (c.get = f ? E ? function (e) {\n return d(e), P.value;\n } : I(\"get\", 0, d) : function (e) {\n return e[r];\n }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) {\n e[r] = t;\n }), N = z.call(A, D ? {\n get: P.get,\n set: P.set\n } : P[F], K), H.v = 1, D) {\n if (\"object\" == _typeof(N) && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\");\n } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N);\n }\n return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N;\n }\n function w(e) {\n return m(e, d, {\n configurable: !0,\n enumerable: !0,\n value: a\n });\n }\n return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function l(e) {\n e && f.push(g(e));\n }, p = function p(t, r) {\n for (var i = 0; i < n.length; i++) {\n var a = n[i],\n c = a[1],\n l = 7 & c;\n if ((8 & c) == t && !l == r) {\n var p = a[2],\n d = !!a[3],\n m = 16 & c;\n applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) {\n return checkInRHS(t) === e;\n } : o);\n }\n }\n }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), {\n e: c,\n get c() {\n var n = [];\n return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)];\n }\n };\n}","// 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, `.wrapper{width:100%;position:relative}.inputWrapper{width:100%;height:32px;position:relative}input{height:100%;line-height:32px;border:none;width:100%;box-sizing:border-box;padding:0 32px;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);color:var(--color-normal-text)}input::placeholder{color:var(--color-disabled-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400)}input:not(:disabled):focus{border:none;outline:0}.icon{position:absolute;color:var(--color-normal-text);opacity:0.6}.searchIcon{left:10px;top:6px;font-size:16px}.clearIcon{right:10px;top:7px;font-size:14px}.dropdownWrapper{width:100%;height:336px;margin:5px 0;padding:8px 0;box-sizing:border-box;position:absolute;z-index:900;overflow:auto;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.emptyData{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--color-disabled-text);gap:20px}.emptyData img{width:62px}.dropdownMenu{overflow-y:auto}.dropdownMenuItem{padding:6px 18px;color:var(--color-normal-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);display:flex;align-items:center;gap:6px;height:32px;line-height:20px;box-sizing:border-box;cursor:pointer}.menuTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menuIcon{font-size:20px}.dropdownMenuItem:hover{border-radius:var(--no-border-radius);background:var(--color-fill-bg-container-1)}.dropdownMenuItemTooltip{position:absolute;width:324px;left:-325px;top:0;background:var(--color-fill-bg-base-4);border-radius:var(--medius-border-radius)}.dropdownMenuItemTooltip:before{content:\"\";position:absolute;top:0;width:100%;height:100%;left:0;background:#282e3a linear-gradient(186deg,rgba(51,102,255,0.3) 0%,rgba(51,102,255,0) 100%);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.useBrickWrapper{position:relative;min-height:100px;max-height:465px;overflow:auto}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldGet2(s, a) {\n return s.get(assertClassBrand(s, a));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n checkPrivateRedeclaration(obj, privateMap);\n privateMap.set(obj, value);\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n if (privateCollection.has(obj)) {\n throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n }\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n checkPrivateRedeclaration(obj, privateSet);\n privateSet.add(obj);\n}","export enum K {\n EMPTY_DATA = \"EMPTY_DATA\",\n}\n\nconst en: Locale = {\n EMPTY_DATA: \"Empty data\",\n};\n\nconst zh: Locale = {\n EMPTY_DATA: \"空数据\",\n};\n\nexport const NS = \"bricks/data-view/complex-search\";\n\nexport const locales = { en, zh };\n\ntype Locale = { [key in K]: string };\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldSet2(s, a, r) {\n return s.set(assertClassBrand(s, a), r), r;\n}","export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./complex-search.shadow.css\";\nimport type {\n GeneralIcon,\n GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport {\n ReactUseMultipleBricks,\n ReactUseMultipleBricksProps,\n} from \"@next-core/react-runtime\";\nimport { useTranslation, initializeReactI18n } from \"@next-core/i18n/react\";\nimport { K, NS, locales } from \"./i18n.js\";\nimport empty from \"../asset/images/empty.png\";\nconst { defineElement, property, event } = createDecorators();\ninitializeReactI18n(NS, locales);\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\n\nexport interface OptionItem {\n icon: GeneralIconProps;\n name: string;\n [propName: string]: unknown;\n}\n\ninterface ComplexSearchProps {\n options?: OptionItem[];\n value?: string;\n placeholder?: string;\n onInputChange?: (value: string) => void;\n onSearch?: (value: string) => void;\n onFocus?: () => void;\n onBlur?: () => void;\n tooltipUseBrick?: ReactUseMultipleBricksProps;\n onSelect?: (data: OptionItem) => void;\n}\n\n/**\n * 大屏搜索构件\n * @author astrid\n * @category big-screen-content\n */\n@defineElement(\"data-view.complex-search\", {\n styleTexts: [variablesStyleText, styleText],\n})\nclass ComplexSearch extends ReactNextElement implements ComplexSearchProps {\n /**\n * @kind string\n * @required false\n * @default default\n * @description 初始值\n * @enums\n * @group basic\n */\n @property()\n accessor value: string | undefined;\n /**\n * @kind string\n * @required false\n * @default default\n * @description 占位符\n * @enums\n * @group basic\n */\n @property()\n accessor placeholder: string | undefined;\n\n /**\n * @kind OptionItem[]\n * @required false\n * @default default\n * @description 下拉选项\n * @enums\n * @group basic\n */\n @property({ attribute: false })\n accessor options: OptionItem[];\n\n /**\n * @kind ReactUseMultipleBricksProps\n * @required false\n * @default -\n * @description tooltip useBrick\n */\n @property({\n attribute: false,\n })\n accessor tooltipUseBrick: ReactUseMultipleBricksProps;\n\n /**\n * @detail\n * @description input值改变事件\n */\n @event({ type: \"change\" })\n accessor #inputChangeEvent!: EventEmitter<string>;\n\n /**\n * @detail\n * @description input值搜索事件\n */\n @event({ type: \"search\" })\n accessor #onSearchEvent!: EventEmitter<string>;\n\n /**\n * @detail\n * @description 下拉选择事件\n */\n @event({ type: \"select\" })\n accessor #onSelectEvent!: EventEmitter<OptionItem>;\n\n /**\n * @detail\n * @description 聚焦事件\n */\n @event({ type: \"focus\" })\n accessor #onFocusEvent!: EventEmitter<void>;\n\n /**\n * @detail\n * @description 失焦事件\n */\n @event({ type: \"blur\" })\n accessor #onBlurEvent!: EventEmitter<void>;\n\n handleInputChange = (value: string) => {\n this.#inputChangeEvent.emit(value);\n };\n handleSearch = (value: string) => {\n this.#onSearchEvent.emit(value);\n };\n handleFocus = () => {\n this.#onFocusEvent.emit();\n };\n handleBlur = () => {\n this.#onBlurEvent.emit();\n };\n handleSelect = (data: OptionItem) => {\n this.#onSelectEvent.emit(data);\n };\n\n render(): React.ReactNode {\n return (\n <ComplexSearchComponent\n value={this.value}\n onInputChange={this.handleInputChange}\n onSearch={this.handleSearch}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n tooltipUseBrick={this.tooltipUseBrick}\n placeholder={this.placeholder}\n onSelect={this.handleSelect}\n options={this.options}\n />\n );\n }\n}\n\nexport function ComplexSearchComponent(\n props: ComplexSearchProps\n): React.ReactElement {\n const {\n onInputChange,\n onSearch,\n onBlur,\n onFocus,\n tooltipUseBrick,\n placeholder,\n onSelect,\n options = [],\n } = props;\n const { t } = useTranslation(NS);\n const [allowClear, setAllowClear] = useState<boolean>(false);\n const contentRef = useRef<HTMLDivElement>(null);\n const [visible, setVisible] = useState(false);\n const [currentData, setCurrentData] = useState<OptionItem>();\n const [positionTop, setPositionTop] = useState<number>(0);\n const [tooltipVisible, setTooltipVisible] = useState<boolean>(false);\n const [value, setValue] = useState(props.value);\n const handleFocus = () => {\n //聚焦, 下拉框出现\n setVisible(true);\n onFocus();\n };\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\") {\n setVisible(false);\n setValue((e.target as HTMLInputElement).value);\n onSearch((e.target as HTMLInputElement).value);\n }\n };\n const handleSelect = (data: OptionItem) => {\n setValue(data.name);\n onSelect(data);\n setVisible(false);\n };\n useEffect(() => {\n setValue(props.value);\n }, [props.value]);\n useEffect(() => {\n setAllowClear(!!value);\n }, [value]);\n\n const handleClick = (event: MouseEvent) => {\n const targetElement = event\n .composedPath()\n .some((ele) => ele === contentRef.current);\n if (!targetElement) {\n setVisible(false);\n }\n };\n const handleMouseEnter = (\n e: React.MouseEvent<HTMLDivElement>,\n data: OptionItem\n ) => {\n setCurrentData(data);\n setTooltipVisible(true);\n const top =\n (e.target as HTMLDivElement).getBoundingClientRect().top -\n contentRef.current.getBoundingClientRect().top;\n setPositionTop(top);\n };\n const handleValueChange = (val: string) => {\n setValue(val);\n onInputChange(val);\n setVisible(true);\n };\n const onClearValue = () => {\n setValue(null);\n onInputChange(\"\");\n setVisible(false);\n };\n const TooltipBrick = useMemo(() => {\n if (!tooltipUseBrick?.useBrick) {\n return;\n } else {\n return (\n <div\n className=\"dropdownMenuItemTooltip\"\n style={{\n top: positionTop,\n visibility: tooltipVisible ? \"visible\" : \"hidden\",\n opacity: tooltipVisible ? 1 : 0,\n }}\n onMouseEnter={() => setTooltipVisible(true)}\n onMouseLeave={() => setTooltipVisible(false)}\n >\n <div className=\"useBrickWrapper\">\n <ReactUseMultipleBricks\n useBrick={tooltipUseBrick.useBrick}\n data={currentData || {}}\n />\n </div>\n </div>\n );\n }\n }, [currentData, tooltipUseBrick, positionTop, tooltipVisible]);\n useEffect(() => {\n document.addEventListener(\"click\", handleClick);\n return () => document.removeEventListener(\"click\", handleClick);\n }, []);\n\n return (\n <div className=\"wrapper\" ref={contentRef}>\n <div className=\"inputWrapper\">\n <input\n placeholder={placeholder}\n value={value ?? \"\"}\n type=\"text\"\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n handleValueChange(e.target.value)\n }\n onFocus={handleFocus}\n onBlur={onBlur}\n onKeyDown={handleKeyDown}\n />\n <WrappedIcon\n className=\"searchIcon icon\"\n lib=\"antd\"\n icon=\"search\"\n theme=\"outlined\"\n />\n {allowClear && (\n <WrappedIcon\n className=\"clearIcon icon\"\n onClick={onClearValue}\n lib=\"antd\"\n icon=\"close-circle\"\n theme=\"filled\"\n />\n )}\n </div>\n <div\n className=\"dropdownWrapper\"\n style={{\n visibility: visible ? \"visible\" : \"hidden\",\n }}\n >\n {options.length ? (\n <div className=\"dropdownMenu\">\n {options.map((option, index) => (\n <div\n className=\"dropdownMenuItem\"\n key={index}\n onMouseEnter={(e) => handleMouseEnter(e, option)}\n onMouseLeave={() => setTooltipVisible(false)}\n onClick={() => handleSelect(option)}\n >\n <WrappedIcon {...option.icon} className=\"menuIcon\" />\n <span className=\"menuTitle\">{option.name}</span>\n </div>\n ))}\n </div>\n ) : (\n <div className=\"emptyData\">\n <img src={empty} alt={t(K.EMPTY_DATA)} />\n <span>{t(K.EMPTY_DATA)}</span>\n </div>\n )}\n </div>\n {TooltipBrick}\n </div>\n );\n}\n\nexport { ComplexSearch };\n"],"names":["_classPrivateGetter","s","r","a","toPropertyKey","t","i","e","Symbol","toPrimitive","call","TypeError","String","_assertClassBrand","n","has","arguments","length","_typeof","o","iterator","constructor","prototype","_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable","_checkInRHS","module","exports","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","join","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","id","_k","push","setFunctionName","description","applyDecs2311","c","u","f","l","p","d","metadata","m","h","create","y","v","g","apply","b","applyDec","w","D","S","j","E","I","P","F","get","set","getOwnPropertyDescriptor","Error","name","N","O","z","A","H","K","kind","addInitializer","bind","access","init","unshift","splice","checkInRHS","___CSS_LOADER_EXPORT___","_classPrivateFieldGet2","_classPrivateFieldInitSpec","privateMap","_checkPrivateRedeclaration","privateCollection","_classPrivateMethodInitSpec","privateSet","add","NS","locales","en","EMPTY_DATA","zh","_classPrivateFieldSet2","_extends","assign","target","source","hasOwnProperty","defineElement","property","event","createDecorators","initializeReactI18n","WrappedIcon","wrapBrick","_ComplexSearch","_A","WeakMap","_B","_C","_D","_E","_ComplexSearch_brand","WeakSet","_F","_G","_H","_I","ComplexSearch","ReactNextElement","_init_value","_init_extra_value","_init_placeholder","_init_extra_placeholder","_init_options","_init_extra_options","_init_tooltipUseBrick","_init_extra_tooltipUseBrick","_init_inputChangeEvent","_init_extra_inputChangeEvent","_init_onSearchEvent","_init_extra_onSearchEvent","_init_onSelectEvent","_init_extra_onSelectEvent","_init_onFocusEvent","_init_extra_onFocusEvent","_init_onBlurEvent","_init_extra_onBlurEvent","_get_inputChangeEvent","emit","_get_onSearchEvent","_get_onFocusEvent","_get_onBlurEvent","data","_get_onSelectEvent","_classPrivateFieldGet","_classPrivateFieldSet","placeholder","options","tooltipUseBrick","render","React","ComplexSearchComponent","onInputChange","handleInputChange","onSearch","handleSearch","onBlur","handleBlur","onFocus","handleFocus","onSelect","handleSelect","props","useTranslation","allowClear","setAllowClear","useState","contentRef","useRef","visible","setVisible","currentData","setCurrentData","positionTop","setPositionTop","tooltipVisible","setTooltipVisible","setValue","useEffect","handleClick","composedPath","some","ele","current","TooltipBrick","useMemo","useBrick","className","style","top","visibility","opacity","onMouseEnter","onMouseLeave","ReactUseMultipleBricks","document","addEventListener","removeEventListener","ref","type","onChange","handleValueChange","val","onKeyDown","lib","icon","theme","onClick","onClearValue","option","index","handleMouseEnter","getBoundingClientRect","src","empty","alt","_ComplexSearch2","_set_inputChangeEvent","_set_onSearchEvent","_set_onSelectEvent","_set_onFocusEvent","_set_onBlurEvent","_initClass","_applyDecs","styleTexts","variablesStyleText","styleText","attribute","_"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[1335],{1740:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,a&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},5578:(e,t,n)=>{e.exports=n.p+"images/9514fc4d.png"},7178:(e,t,n)=>{n.d(t,{A:()=>b});var r=n(36758),a=n.n(r),i=n(40935),o=n.n(i),s=n(20062),c=n.n(s),l=new URL(n(48362),n.b),u=new URL(n(5578),n.b),d=new URL(n(93893),n.b),p=new URL(n(21949),n.b),m=o()(a()),f=c()(l),h=c()(u),g=c()(d),v=c()(p);m.push([e.id,`:host,\n.circle-container,\n.ring-container,\n.video-container,\n.center{display:flex;align-items:center;justify-content:center}:host{position:relative;color:#fff;height:100%}:host([hidden]){display:none}*{box-sizing:border-box}.circle-container,\n.base,\n.ring-labels{width:604px;height:604px}.circle-container{padding:16px;position:relative;transform:scale(var(--scale));--scale:1}.base,\n.ring-labels{position:absolute;left:50%;transform:translate(-50%,0);top:0}.base{background:url(${f}) no-repeat;background-position:center;background-size:572px}.ring-label-container{position:absolute;padding:0 35px;margin-top:-14px;width:max-content}.ring-icon{position:absolute;width:36px;height:36px;background-repeat:no-repeat;background-size:100%;background-position:0 0;top:-4px}.odd{transform:translate(-100%,0);text-align:right}.odd .ring-icon{background-image:url(${h});right:-18px}.even .ring-icon{background-image:url(${g});left:-18px}.ring-label{color:rgba(200,226,255,0.8);font-size:18px}.ring-value{font-family:ALiBaBaPuHuiTi;font-size:28px;text-shadow:0px 4px 7px #514af7}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:292px;height:292px;flex-direction:column;text-shadow:0px 2px 4px rgba(0,0,0,0.5)}.center-label:empty,\n.center-value:empty{display:none}.center-label{font-size:24px;font-weight:600}.center-value{font-family:PangMenZhengDaoBiaoTiTi;font-size:64px}.ring-container{position:relative;width:408px;height:408px}.video-container{border-radius:9999px;width:292px;height:292px;overflow:hidden}.ring{position:absolute;width:100%;height:100%;top:0;left:0;background:url(${v}) no-repeat;background-size:100% 100%;background-position:0 0;animation:ring-rotate 5s linear infinite}@keyframes ring-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`,""]);const b=m.toString()},17577:(e,t,n)=>{e.exports=n.p+"media/792b07b2.ttf"},18750:(e,t,n)=>{n.r(t),n.d(t,{CrystalBallIndicator:()=>L,CrystalBallIndicatorComponent:()=>B});var r,a=n(70918),i=n(86121),o=n(70829),s=n(62740),c=n(18769),l=n.n(c),u=n(90870),d=n(30981),p=(n(37),n(19731)),m=n(83647),f=n(45207),h=n(95819),g=n(93652),v=(n(95178),n(29837),n(7178)),b=n(92481);let x,y,S,w,A,E,k,N,M;const D=572,T=16,{defineElement:C,property:I}=(0,u.createDecorators)();let L;var R=new WeakMap,z=new WeakMap,P=new WeakMap,F=new WeakMap;class _ extends d.ReactNextElement{constructor(){super(...arguments),(0,a.A)(this,R,y(this)),(0,a.A)(this,z,(S(this),w(this))),(0,a.A)(this,P,(A(this),E(this))),(0,a.A)(this,F,(k(this),N(this))),M(this)}get dataSource(){return(0,o.A)(R,this)}set dataSource(e){(0,i.A)(R,this,e)}get centerDataSource(){return(0,o.A)(z,this)}set centerDataSource(e){(0,i.A)(z,this,e)}get cornerDataSource(){return(0,o.A)(P,this)}set cornerDataSource(e){(0,i.A)(P,this,e)}get maxScale(){return(0,o.A)(F,this)}set maxScale(e){(0,i.A)(F,this,e)}render(){return l().createElement(B,{root:this,dataSource:this.dataSource,centerDataSource:this.centerDataSource,cornerDataSource:this.cornerDataSource,maxScale:this.maxScale})}}function B(e){let{root:t,dataSource:n,centerDataSource:r,cornerDataSource:a,maxScale:i}=e;const o=(0,f.D)({width:810,height:604,root:t,maxScale:i}),[s,u]=(0,h.L)(280),d=(0,c.useMemo)((()=>{var e;const t=null!==(e=null==n?void 0:n.slice(0,12))&&void 0!==e?e:[];if(0===t.length)return[];const r=Math.ceil(t.length/2),a=t.length%2==0,i=Math.PI/(r+1),o=D/2,s=o+T;let c,l,u,d=0;const p=[];for(;d<t.length;){const e=t[d];if(d%2==0)u=i*(d/2+1)-Math.PI/2,c=s+o*Math.cos(u),l=s+o*Math.sin(u),p.push({...e,x:c,y:l});else if(a)p.push({...e,x:2*s-c,y:l});else{const t=Math.PI-(u+i/2);p.push({...e,x:s+o*Math.cos(t),y:s+o*Math.sin(t)})}d++}return p}),[n]);return l().createElement(l().Fragment,null,l().createElement("div",{className:"circle-container",style:{visibility:null===o?"hidden":"visible","--scale":o}},l().createElement("div",{className:"base"}),l().createElement("div",{className:"ring-container"},l().createElement("div",{className:"ring"}),l().createElement("div",{className:"video-container"},l().createElement("video",{width:352,height:352,autoPlay:!0,muted:!0,loop:!0,playsInline:!0},l().createElement("source",{src:g,type:"video/mp4"})))),l().createElement("div",{className:"ring-labels"},d.map(((e,t)=>l().createElement("div",{key:t,className:"ring-label-container "+(t%2==0?"even":"odd"),style:{left:e.x,top:e.y}},l().createElement("div",{className:"ring-icon"}),l().createElement("div",{className:"ring-label"},e.label),l().createElement("div",{className:"ring-value"},(0,p.F)(e.value)))))),l().createElement("div",{className:"center"},l().createElement("div",{className:"center-label"},null==r?void 0:r.label),l().createElement("div",{className:"center-value",ref:u,style:{visibility:null===s?"hidden":"visible",transform:`scale(${null!=s?s:1})`}},(0,p.F)(null==r?void 0:r.value)))),l().createElement(m.x,{cornerDataSource:a}))}r=_,({e:[y,S,w,A,E,k,N,M],c:[L,x]}=(0,s.A)(r,[C("data-view.crystal-ball-indicator",{styleTexts:[v.A,b.A]})],[[I({attribute:!1}),1,"dataSource"],[I({attribute:!1}),1,"centerDataSource"],[I({attribute:!1}),1,"cornerDataSource"],[I({type:Number}),1,"maxScale"]],0,void 0,d.ReactNextElement)),x()},19731:(e,t,n)=>{n.d(t,{F:()=>a});const r=new Intl.NumberFormat("zh-CN",{useGrouping:!0});function a(e){return function(e){return"number"==typeof e?e-e==0:"string"==typeof e&&""!==e.trim()&&(null!==(t=Number.isFinite)&&void 0!==t?t:isFinite)(+e);var t}(e)?r.format(+e):e}},20062:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},21949:(e,t,n)=>{e.exports=n.p+"images/e4eec39c.png"},29837:(e,t,n)=>{var r=n(72591),a=n.n(r),i=n(1740),o=n.n(i),s=n(88128),c=n.n(s),l=n(30855),u=n.n(l),d=n(93051),p=n.n(d),m=n(73656),f=n.n(m),h=n(59291),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=c().bind(null,"head"),g.domAPI=o(),g.insertStyleElement=p(),a()(h.A,g),h.A&&h.A.locals&&h.A.locals},30855:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},45207:(e,t,n)=>{n.d(t,{D:()=>i});var r=n(18769),a=n(99126);function i(e){let{width:t,height:n,root:i,maxScale:o,disabled:s}=e;const[c,l]=(0,r.useState)(null);return(0,r.useEffect)((()=>{if(s)return void l(null);const e=new a.A((e=>{for(const r of e)if(r.target===i){const{width:e,height:a}=r.contentRect;l(Math.min(null!=o?o:1,e/t,a/n))}}));return e.observe(i),()=>e.disconnect()}),[n,t,s,o,i]),c}},48362:(e,t,n)=>{e.exports=n.p+"images/c5f34792.png"},59291:(e,t,n)=>{n.d(t,{A:()=>p});var r=n(36758),a=n.n(r),i=n(40935),o=n.n(i),s=n(20062),c=n.n(s),l=new URL(n(59552),n.b),u=o()(a()),d=c()(l);u.push([e.id,`@font-face{font-family:PangMenZhengDaoBiaoTiTi;src:url(${d})}`,""]);const p=u},59552:(e,t,n)=>{e.exports=n.p+"media/78c4b1bd.ttf"},72591:e=>{var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var i={},o=[],s=0;s<e.length;s++){var c=e[s],l=r.base?c[0]+r.base:c[0],u=i[l]||0,d="".concat(l," ").concat(u);i[l]=u+1;var p=n(d),m={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)t[p].references++,t[p].updater(m);else{var f=a(m,r);r.byIndex=s,t.splice(s,0,{identifier:d,updater:f,references:1})}o.push(d)}return o}function a(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,a){var i=r(e=e||[],a=a||{});return function(e){e=e||[];for(var o=0;o<i.length;o++){var s=n(i[o]);t[s].references--}for(var c=r(e,a),l=0;l<i.length;l++){var u=n(i[l]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}i=c}}},73656:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},83647:(e,t,n)=>{n.d(t,{x:()=>c});var r=n(18769),a=n.n(r),i=n(30981),o=n(19731);const s=(0,i.wrapBrick)("eo-tag");function c(e){let{cornerDataSource:t}=e;return a().createElement("div",{className:"corner"},null==t?void 0:t.map(((e,t)=>a().createElement("div",{key:t,className:"corner-item"},a().createElement("div",{className:"corner-label"},e.label),a().createElement(s,{className:"corner-value",outline:!0,color:e.color,tagStyle:{fontSize:18,padding:"2px 16px"}},(0,o.F)(e.value))))))}},88128:e=>{var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},92481:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(36758),a=n.n(r),i=n(40935),o=n.n(i)()(a());o.push([e.id,".corner{position:absolute;top:13px;left:31px;font-size:18px}.corner-item{display:flex;margin-bottom:15px}.corner-label{font-weight:500;line-height:25px;color:rgba(255,255,255,0.85)}.corner-value{display:block;margin-left:19px}",""]);const s=o.toString()},93051:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},93652:(e,t,n)=>{e.exports=n.p+"media/b43f5418.mp4"},93893:(e,t,n)=>{e.exports=n.p+"images/9111af40.png"},95178:(e,t,n)=>{var r=n(72591),a=n.n(r),i=n(1740),o=n.n(i),s=n(88128),c=n.n(s),l=n(30855),u=n.n(l),d=n(93051),p=n.n(d),m=n(73656),f=n.n(m),h=n(97136),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=c().bind(null,"head"),g.domAPI=o(),g.insertStyleElement=p(),a()(h.A,g),h.A&&h.A.locals&&h.A.locals},95819:(e,t,n)=>{n.d(t,{L:()=>i});var r=n(18769),a=n(99126);function i(e){const[t,n]=(0,r.useState)(null),i=(0,r.useRef)(null);return(0,r.useEffect)((()=>{const t=i.current;if(!t)return;const r=new a.A((()=>{const r=t.clientWidth;n(Math.min(1,Math.max(.3,e/r)))}));return r.observe(t),()=>r.disconnect()}),[e]),[t,i]}},97136:(e,t,n)=>{n.d(t,{A:()=>p});var r=n(36758),a=n.n(r),i=n(40935),o=n.n(i),s=n(20062),c=n.n(s),l=new URL(n(17577),n.b),u=o()(a()),d=c()(l);u.push([e.id,`@font-face{font-family:ALiBaBaPuHuiTi;src:url(${d})}`,""]);const p=u}}]);
|
|
2
|
+
//# sourceMappingURL=crystal-ball-indicator.592c81ad.js.map
|