bot_dev1
85df71fc28
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html，使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置，添加/operation路径支持 - 修复nextTick导入问题，优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
57 lines
2.4 KiB
JavaScript
57 lines
2.4 KiB
JavaScript
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
require("../../_virtual/_rolldown/runtime.js");
|
|
const require_aria = require("../../utils/dom/aria.js");
|
|
const require_types = require("../../utils/types.js");
|
|
let _vueuse_core = require("@vueuse/core");
|
|
let vue = require("vue");
|
|
let _vue_shared = require("@vue/shared");
|
|
//#region ../../packages/hooks/use-focus-controller/index.ts
|
|
function useFocusController(target, { disabled, beforeFocus, afterFocus, beforeBlur, afterBlur } = {}) {
|
|
const { emit } = (0, vue.getCurrentInstance)();
|
|
const wrapperRef = (0, vue.shallowRef)();
|
|
const isFocused = (0, vue.ref)(false);
|
|
const handleFocus = (event) => {
|
|
const cancelFocus = (0, _vue_shared.isFunction)(beforeFocus) ? beforeFocus(event) : false;
|
|
if ((0, vue.unref)(disabled) || isFocused.value || cancelFocus) return;
|
|
isFocused.value = true;
|
|
emit("focus", event);
|
|
afterFocus?.();
|
|
};
|
|
const handleBlur = (event) => {
|
|
const cancelBlur = (0, _vue_shared.isFunction)(beforeBlur) ? beforeBlur(event) : false;
|
|
if ((0, vue.unref)(disabled) || event.relatedTarget && wrapperRef.value?.contains(event.relatedTarget) || cancelBlur) return;
|
|
isFocused.value = false;
|
|
emit("blur", event);
|
|
afterBlur?.();
|
|
};
|
|
const handleClick = (event) => {
|
|
if ((0, vue.unref)(disabled) || require_aria.isFocusable(event.target) || wrapperRef.value?.contains(document.activeElement) && wrapperRef.value !== document.activeElement) return;
|
|
target.value?.focus();
|
|
};
|
|
(0, vue.watch)([wrapperRef, () => (0, vue.unref)(disabled)], ([el, disabled]) => {
|
|
if (!el) return;
|
|
if (disabled) el.removeAttribute("tabindex");
|
|
else el.setAttribute("tabindex", "-1");
|
|
});
|
|
(0, _vueuse_core.useEventListener)(wrapperRef, "focus", handleFocus, true);
|
|
(0, _vueuse_core.useEventListener)(wrapperRef, "blur", handleBlur, true);
|
|
(0, _vueuse_core.useEventListener)(wrapperRef, "click", handleClick, true);
|
|
if (process.env.NODE_ENV === "test") (0, vue.onMounted)(() => {
|
|
const targetEl = require_types.isElement(target.value) ? target.value : document.querySelector("input,textarea");
|
|
if (targetEl) {
|
|
(0, _vueuse_core.useEventListener)(targetEl, "focus", handleFocus, true);
|
|
(0, _vueuse_core.useEventListener)(targetEl, "blur", handleBlur, true);
|
|
}
|
|
});
|
|
return {
|
|
isFocused,
|
|
/** Avoid using wrapperRef and handleFocus/handleBlur together */
|
|
wrapperRef,
|
|
handleFocus,
|
|
handleBlur
|
|
};
|
|
}
|
|
//#endregion
|
|
exports.useFocusController = useFocusController;
|
|
|
|
//# sourceMappingURL=index.js.map
|