feat: 实现供水运营专题大屏BI可视化
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html,使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置,添加/operation路径支持 - 修复nextTick导入问题,优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
This commit is contained in:
+69
@@ -0,0 +1,69 @@
|
||||
import { isArray, isFunction } from "../../utils/types.mjs";
|
||||
import { debugWarn } from "../../utils/error.mjs";
|
||||
import { buildProps, definePropType } from "../../utils/vue/props/runtime.mjs";
|
||||
import { isEqual } from "lodash-unified";
|
||||
import { computed, getCurrentInstance, inject, ref } from "vue";
|
||||
//#region ../../packages/hooks/use-empty-values/index.ts
|
||||
const emptyValuesContextKey = Symbol("emptyValuesContextKey");
|
||||
const SCOPE = "use-empty-values";
|
||||
const DEFAULT_EMPTY_VALUES = [
|
||||
"",
|
||||
void 0,
|
||||
null
|
||||
];
|
||||
const DEFAULT_VALUE_ON_CLEAR = void 0;
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `UseEmptyValuesProps` instead.
|
||||
*/
|
||||
const useEmptyValuesProps = buildProps({
|
||||
/**
|
||||
* @description empty values supported by the component
|
||||
*/
|
||||
emptyValues: Array,
|
||||
/**
|
||||
* @description return value when cleared, if you want to set `undefined`, use `() => undefined`
|
||||
*/
|
||||
valueOnClear: {
|
||||
type: definePropType([
|
||||
String,
|
||||
Number,
|
||||
Boolean,
|
||||
Function
|
||||
]),
|
||||
default: void 0,
|
||||
validator: (val) => {
|
||||
val = isFunction(val) ? val() : val;
|
||||
if (isArray(val)) return val.every((item) => !item);
|
||||
return !val;
|
||||
}
|
||||
}
|
||||
});
|
||||
const useEmptyValues = (props, defaultValue) => {
|
||||
const config = getCurrentInstance() ? inject(emptyValuesContextKey, ref({})) : ref({});
|
||||
const emptyValues = computed(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
|
||||
const valueOnClear = computed(() => {
|
||||
if (isFunction(props.valueOnClear)) return props.valueOnClear();
|
||||
else if (props.valueOnClear !== void 0) return props.valueOnClear;
|
||||
else if (isFunction(config.value.valueOnClear)) return config.value.valueOnClear();
|
||||
else if (config.value.valueOnClear !== void 0) return config.value.valueOnClear;
|
||||
return defaultValue !== void 0 ? defaultValue : void 0;
|
||||
});
|
||||
const isEmptyValue = (value) => {
|
||||
let result = true;
|
||||
if (isArray(value)) result = emptyValues.value.some((emptyValue) => {
|
||||
return isEqual(value, emptyValue);
|
||||
});
|
||||
else result = emptyValues.value.includes(value);
|
||||
return result;
|
||||
};
|
||||
if (!isEmptyValue(valueOnClear.value)) debugWarn(SCOPE, "value-on-clear should be a value of empty-values");
|
||||
return {
|
||||
emptyValues,
|
||||
valueOnClear,
|
||||
isEmptyValue
|
||||
};
|
||||
};
|
||||
//#endregion
|
||||
export { DEFAULT_EMPTY_VALUES, DEFAULT_VALUE_ON_CLEAR, SCOPE, emptyValuesContextKey, useEmptyValues, useEmptyValuesProps };
|
||||
|
||||
//# sourceMappingURL=index.mjs.map
|
||||
Reference in New Issue
Block a user