Compare commits
2 Commits
e4986834f2
...
7edfd5275f
Author | SHA1 | Date |
---|---|---|
TimSpan | 7edfd5275f | |
TimSpan | a31d9fe5f9 |
62
analyze.html
62
analyze.html
|
@ -1,6 +1,6 @@
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
@ -103,6 +103,7 @@ main {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-selector input {
|
.size-selector input {
|
||||||
margin: 0 0.3rem 0 0;
|
margin: 0 0.3rem 0 0;
|
||||||
}
|
}
|
||||||
|
@ -126,6 +127,7 @@ main {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.module-filter input {
|
.module-filter input {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
@ -133,6 +135,7 @@ main {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
margin-left: 0.3rem;
|
margin-left: 0.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.module-filter+.module-filter {
|
.module-filter+.module-filter {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
|
@ -142,6 +145,7 @@ main {
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main></main>
|
<main></main>
|
||||||
<script>
|
<script>
|
||||||
|
@ -684,11 +688,15 @@ var drawChart = (function (exports) {
|
||||||
setExcludeValue(value);
|
setExcludeValue(value);
|
||||||
onExcludeChange(value);
|
onExcludeChange(value);
|
||||||
};
|
};
|
||||||
return (u$1("aside", { className: "sidebar", children: [u$1("div", { className: "size-selectors", children: availableSizeProperties.length > 1 &&
|
return (u$1("aside", {
|
||||||
|
className: "sidebar", children: [u$1("div", {
|
||||||
|
className: "size-selectors", children: availableSizeProperties.length > 1 &&
|
||||||
availableSizeProperties.map((sizeProp) => {
|
availableSizeProperties.map((sizeProp) => {
|
||||||
const id = `selector-${sizeProp}`;
|
const id = `selector-${sizeProp}`;
|
||||||
return (u$1("div", { className: "size-selector", children: [u$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), u$1("label", { htmlFor: id, children: LABELS[sizeProp] })] }, sizeProp));
|
return (u$1("div", { className: "size-selector", children: [u$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), u$1("label", { htmlFor: id, children: LABELS[sizeProp] })] }, sizeProp));
|
||||||
}) }), u$1("div", { className: "module-filters", children: [u$1("div", { className: "module-filter", children: [u$1("label", { htmlFor: "module-filter-exclude", children: "Exclude" }), u$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: PLACEHOLDER })] }), u$1("div", { className: "module-filter", children: [u$1("label", { htmlFor: "module-filter-include", children: "Include" }), u$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: PLACEHOLDER })] })] })] }));
|
})
|
||||||
|
}), u$1("div", { className: "module-filters", children: [u$1("div", { className: "module-filter", children: [u$1("label", { htmlFor: "module-filter-exclude", children: "Exclude" }), u$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: PLACEHOLDER })] }), u$1("div", { className: "module-filter", children: [u$1("label", { htmlFor: "module-filter-include", children: "Include" }), u$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: PLACEHOLDER })] })] })]
|
||||||
|
}));
|
||||||
};
|
};
|
||||||
|
|
||||||
function getDefaultExportFromCjs(x) {
|
function getDefaultExportFromCjs(x) {
|
||||||
|
@ -3095,18 +3103,22 @@ var drawChart = (function (exports) {
|
||||||
if (width == 0 || height == 0) {
|
if (width == 0 || height == 0) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
return (u$1("g", { className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => {
|
return (u$1("g", {
|
||||||
|
className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
onClick(node);
|
onClick(node);
|
||||||
}, onMouseOver: (event) => {
|
}, onMouseOver: (event) => {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
onMouseOver(node);
|
onMouseOver(node);
|
||||||
}, children: [u$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), u$1("text", Object.assign({ ref: textRef, fill: fontColor, onClick: (event) => {
|
}, children: [u$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), u$1("text", Object.assign({
|
||||||
|
ref: textRef, fill: fontColor, onClick: (event) => {
|
||||||
var _a;
|
var _a;
|
||||||
if (((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
|
if (((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
}
|
}
|
||||||
} }, textProps, { children: data.name }))] }));
|
}
|
||||||
|
}, textProps, { children: data.name }))]
|
||||||
|
}));
|
||||||
};
|
};
|
||||||
|
|
||||||
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick, }) => {
|
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick, }) => {
|
||||||
|
@ -3123,11 +3135,15 @@ var drawChart = (function (exports) {
|
||||||
return nestedData;
|
return nestedData;
|
||||||
}, [root]);
|
}, [root]);
|
||||||
console.timeEnd("layering");
|
console.timeEnd("layering");
|
||||||
return (u$1("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}`, children: nestedData.map(({ key, values }) => {
|
return (u$1("svg", {
|
||||||
return (u$1("g", { className: "layer", children: values.map((node) => {
|
xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}`, children: nestedData.map(({ key, values }) => {
|
||||||
|
return (u$1("g", {
|
||||||
|
className: "layer", children: values.map((node) => {
|
||||||
return (u$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id));
|
return (u$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id));
|
||||||
}) }, key));
|
})
|
||||||
}) }));
|
}, key));
|
||||||
|
})
|
||||||
|
}));
|
||||||
};
|
};
|
||||||
|
|
||||||
var bytes$1 = { exports: {} };
|
var bytes$1 = { exports: {} };
|
||||||
|
@ -3327,17 +3343,21 @@ var drawChart = (function (exports) {
|
||||||
const mainUid = data.nodeParts[node.data.uid].metaUid;
|
const mainUid = data.nodeParts[node.data.uid].metaUid;
|
||||||
dataNode = data.nodeMetas[mainUid];
|
dataNode = data.nodeMetas[mainUid];
|
||||||
}
|
}
|
||||||
return (u$1(g$1, { children: [u$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
|
return (u$1(g$1, {
|
||||||
|
children: [u$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
|
||||||
if (sizeProp === sizeProperty) {
|
if (sizeProp === sizeProperty) {
|
||||||
return (u$1("div", { children: [u$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp));
|
return (u$1("div", { children: [u$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp));
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
return (u$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }, sizeProp));
|
return (u$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }, sizeProp));
|
||||||
}
|
}
|
||||||
}), u$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (u$1("div", { children: [u$1("div", { children: [u$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => {
|
}), u$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (u$1("div", {
|
||||||
|
children: [u$1("div", { children: [u$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => {
|
||||||
const id = data.nodeMetas[uid].id;
|
const id = data.nodeMetas[uid].id;
|
||||||
return u$1("div", { children: id }, id);
|
return u$1("div", { children: id }, id);
|
||||||
})] })), u$1("br", {}), u$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (u$1(g$1, { children: [u$1("br", {}), u$1("small", { children: COMPRESSED })] }))] }));
|
})]
|
||||||
|
})), u$1("br", {}), u$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (u$1(g$1, { children: [u$1("br", {}), u$1("small", { children: COMPRESSED })] }))]
|
||||||
|
}));
|
||||||
}, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]);
|
}, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]);
|
||||||
const updatePosition = (mouseCoords) => {
|
const updatePosition = (mouseCoords) => {
|
||||||
if (!ref.current)
|
if (!ref.current)
|
||||||
|
@ -3384,12 +3404,16 @@ var drawChart = (function (exports) {
|
||||||
document.removeEventListener("mouseover", handleMouseOut);
|
document.removeEventListener("mouseover", handleMouseOut);
|
||||||
};
|
};
|
||||||
}, []);
|
}, []);
|
||||||
return (u$1(g$1, { children: [u$1(TreeMap, { root: root, onNodeHover: (node) => {
|
return (u$1(g$1, {
|
||||||
|
children: [u$1(TreeMap, {
|
||||||
|
root: root, onNodeHover: (node) => {
|
||||||
setTooltipNode(node);
|
setTooltipNode(node);
|
||||||
setShowTooltip(true);
|
setShowTooltip(true);
|
||||||
}, selectedNode: selectedNode, onNodeClick: (node) => {
|
}, selectedNode: selectedNode, onNodeClick: (node) => {
|
||||||
setSelectedNode(selectedNode === node ? undefined : node);
|
setSelectedNode(selectedNode === node ? undefined : node);
|
||||||
} }), u$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })] }));
|
}
|
||||||
|
}), u$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })]
|
||||||
|
}));
|
||||||
};
|
};
|
||||||
|
|
||||||
const Main = () => {
|
const Main = () => {
|
||||||
|
@ -4796,7 +4820,8 @@ var drawChart = (function (exports) {
|
||||||
console.time("color");
|
console.time("color");
|
||||||
const getModuleColor = createRainbowColor(rawHierarchy);
|
const getModuleColor = createRainbowColor(rawHierarchy);
|
||||||
console.timeEnd("color");
|
console.timeEnd("color");
|
||||||
q$1(u$1(StaticContext.Provider, { value: {
|
q$1(u$1(StaticContext.Provider, {
|
||||||
|
value: {
|
||||||
data,
|
data,
|
||||||
availableSizeProperties,
|
availableSizeProperties,
|
||||||
width,
|
width,
|
||||||
|
@ -4806,7 +4831,8 @@ var drawChart = (function (exports) {
|
||||||
getModuleColor,
|
getModuleColor,
|
||||||
rawHierarchy,
|
rawHierarchy,
|
||||||
layout,
|
layout,
|
||||||
}, children: u$1(Main, {}) }), parentNode);
|
}, children: u$1(Main, {})
|
||||||
|
}), parentNode);
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.StaticContext = StaticContext;
|
exports.StaticContext = StaticContext;
|
||||||
|
@ -4838,5 +4864,5 @@ var drawChart = (function (exports) {
|
||||||
/*-->*/
|
/*-->*/
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
|
||||||
|
|
||||||
|
</html>
|
|
@ -13,6 +13,8 @@
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<script
|
<script
|
||||||
src="https://webapi.amap.com/maps?v=1.4.15&key=8910226d8d36a41d856262b1a588850c&plugin=AMap.MarkerClusterer"></script>
|
src="https://webapi.amap.com/maps?v=1.4.15&key=8910226d8d36a41d856262b1a588850c&plugin=AMap.MarkerClusterer"></script>
|
||||||
|
<!-- <script src="./public/jquery-3.4.1.min.js"></script>
|
||||||
|
<script src="./public/h5player.min.js"></script> -->
|
||||||
<script src="./jquery-3.4.1.min.js"></script>
|
<script src="./jquery-3.4.1.min.js"></script>
|
||||||
<script src="./h5player.min.js"></script>
|
<script src="./h5player.min.js"></script>
|
||||||
<script type="module" src="/src/main.ts">
|
<script type="module" src="/src/main.ts">
|
||||||
|
|
|
@ -59,7 +59,7 @@ const loginParams = ref<{
|
||||||
passWord: string
|
passWord: string
|
||||||
code: string
|
code: string
|
||||||
}>({
|
}>({
|
||||||
userNameOrTelephone: import.meta.env.VITE_APP_ENV === 'development' ? 'admin' : '',
|
userNameOrTelephone: import.meta.env.VITE_APP_ENV === 'development' ? 'test001' : '',
|
||||||
passWord: import.meta.env.VITE_APP_ENV === 'development' ? '123456' : '',
|
passWord: import.meta.env.VITE_APP_ENV === 'development' ? '123456' : '',
|
||||||
code: import.meta.env.VITE_APP_ENV === 'development' ? '1234' : '',
|
code: import.meta.env.VITE_APP_ENV === 'development' ? '1234' : '',
|
||||||
})
|
})
|
||||||
|
|
|
@ -45,13 +45,11 @@
|
||||||
},
|
},
|
||||||
bSupporDoubleClickFull: true, //是否支持双击全屏,默认true
|
bSupporDoubleClickFull: true, //是否支持双击全屏,默认true
|
||||||
})
|
})
|
||||||
myPlugin.JS_SetWindowControlCallback({
|
myPlugin
|
||||||
pluginErrorHandler: function (index : any, iErrorCode : any, oError : any) {
|
.JS_SetWindowControlCallback({
|
||||||
|
pluginErrorHandler: function (index: any, iErrorCode: any, oError: any) {},
|
||||||
},
|
|
||||||
})
|
|
||||||
.then((res : any) => {
|
|
||||||
})
|
})
|
||||||
|
.then((res: any) => {})
|
||||||
|
|
||||||
var controlIndex = 2
|
var controlIndex = 2
|
||||||
function playVideo() {
|
function playVideo() {
|
||||||
|
@ -65,8 +63,7 @@
|
||||||
curIndex //当前窗口下标
|
curIndex //当前窗口下标
|
||||||
)
|
)
|
||||||
.then(
|
.then(
|
||||||
() => {
|
() => {},
|
||||||
},
|
|
||||||
(e: any) => {
|
(e: any) => {
|
||||||
// console.log('网络流中断')
|
// console.log('网络流中断')
|
||||||
controlIndex--
|
controlIndex--
|
||||||
|
|
|
@ -1061,6 +1061,10 @@ const pointCode = ref()
|
||||||
try {
|
try {
|
||||||
// router.push({ path: '/index/hkplay', query: { pointId: a.pointId } })
|
// router.push({ path: '/index/hkplay', query: { pointId: a.pointId } })
|
||||||
let routeData = router.resolve({ path: '/index/hkplay', query: { pointId: a.pointId } })
|
let routeData = router.resolve({ path: '/index/hkplay', query: { pointId: a.pointId } })
|
||||||
|
// console.log('routeData.href_____________________', routeData.href)
|
||||||
|
// routeData.href = 'index.html' + routeData.href
|
||||||
|
console.log('routeData.href_____________________', routeData.href)
|
||||||
|
|
||||||
// console.log('🚀 ~ routeData:', JSON.stringify(routeData))
|
// console.log('🚀 ~ routeData:', JSON.stringify(routeData))
|
||||||
// window.location.href = routeData.href
|
// window.location.href = routeData.href
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue