hc-energy-ui 0.0.1

package/README.md

@@ -0,0 +1,38 @@
+# hc-energy-ui
+
+Vue 3 能源业务组件库。
+
+## 开发
+
+```bash
+# 文档站（类似 Element Plus 官网）
+npm run dev
+
+# 打包组件库
+npm run build
+```
+
+文档站点入口：`play/`  
+导航配置：`play/nav.ts`（新增组件文档时在此追加）
+
+## 安装使用
+
+```bash
+npm install hc-energy-ui echarts
+```
+
+```ts
+import { createApp } from 'vue'
+import HcEnergyUi from 'hc-energy-ui'
+import 'hc-energy-ui/style.css'
+
+createApp(App).use(HcEnergyUi).mount('#app')
+```
+
+## 组件
+
+| 组件 | 说明 |
+|------|------|
+| EnergyAnalysis | 能耗分析面板（指标 + 图表） |
+| DatePicker | 日期/月/年选择器 |
+| Button | 按钮 |

package/dist/components/Button/Button.vue.d.ts

@@ -0,0 +1,43 @@
+export interface ButtonProps {
+    type?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
+    type: string;
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
+    type: string;
+    disabled: boolean;
+}>>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: "default" | "primary" | "success" | "warning" | "danger";
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,70 @@
+import { Plugin } from 'vue';
+
+export type ButtonProps = {
+    type?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    disabled?: boolean;
+};
+declare const HcButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"default" | "primary" | "success" | "warning" | "danger">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (event: MouseEvent) => void;
+    }, import('vue').PublicProps, {
+        type: "default" | "primary" | "success" | "warning" | "danger";
+        disabled: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"default" | "primary" | "success" | "warning" | "danger">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        type: "default" | "primary" | "success" | "warning" | "danger";
+        disabled: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<"default" | "primary" | "success" | "warning" | "danger">;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, {
+    type: "default" | "primary" | "success" | "warning" | "danger";
+    disabled: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & (import('vue').VNodeProps & (import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & ((new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & Plugin)));
+export default HcButton;

package/dist/components/DatePicker/DatePicker.vue.d.ts

@@ -0,0 +1,69 @@
+import { DatePickerType } from './utils';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string | Date | null | undefined;
+    type?: DatePickerType | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    clearable?: boolean | undefined;
+    size?: "default" | "small" | undefined;
+    /** 深色大屏风格 */
+    dark?: boolean | undefined;
+}>, {
+    modelValue: string;
+    type: string;
+    placeholder: string;
+    disabled: boolean;
+    clearable: boolean;
+    size: string;
+    dark: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    change: (value: string | null) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string | Date | null | undefined;
+    type?: DatePickerType | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    clearable?: boolean | undefined;
+    size?: "default" | "small" | undefined;
+    /** 深色大屏风格 */
+    dark?: boolean | undefined;
+}>, {
+    modelValue: string;
+    type: string;
+    placeholder: string;
+    disabled: boolean;
+    clearable: boolean;
+    size: string;
+    dark: boolean;
+}>>> & Readonly<{
+    onChange?: ((value: string | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    type: DatePickerType;
+    disabled: boolean;
+    modelValue: string | Date | null;
+    placeholder: string;
+    clearable: boolean;
+    size: 'small' | 'default';
+    dark: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,143 @@
+import { Plugin } from 'vue';
+
+export type { DatePickerType } from './utils';
+declare const HcDatePicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<import('./utils').DatePickerType>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import('vue').PropType<string | Date | null>;
+            default: string;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small">;
+            default: string;
+        };
+        dark: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: string | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+        change: (value: string | null) => void;
+    }, import('vue').PublicProps, {
+        type: import('./utils').DatePickerType;
+        disabled: boolean;
+        modelValue: string | Date | null;
+        placeholder: string;
+        clearable: boolean;
+        size: "default" | "small";
+        dark: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<import('./utils').DatePickerType>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import('vue').PropType<string | Date | null>;
+            default: string;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small">;
+            default: string;
+        };
+        dark: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: string | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        type: import('./utils').DatePickerType;
+        disabled: boolean;
+        modelValue: string | Date | null;
+        placeholder: string;
+        clearable: boolean;
+        size: "default" | "small";
+        dark: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<import('./utils').DatePickerType>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import('vue').PropType<string | Date | null>;
+        default: string;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small">;
+        default: string;
+    };
+    dark: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((value: string | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    change: (value: string | null) => void;
+}, string, {
+    type: import('./utils').DatePickerType;
+    disabled: boolean;
+    modelValue: string | Date | null;
+    placeholder: string;
+    clearable: boolean;
+    size: "default" | "small";
+    dark: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & (import('vue').VNodeProps & (import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Plugin));
+export default HcDatePicker;

package/dist/components/DatePicker/utils.d.ts

@@ -0,0 +1,10 @@
+export type DatePickerType = 'date' | 'month' | 'year';
+export declare function pad2(n: number): string;
+export declare function formatValue(date: Date, type: DatePickerType): string;
+export declare function parseValue(value: string | Date | null | undefined): Date | null;
+export declare function formatDisplay(date: Date | null, type: DatePickerType): string;
+export declare function sameDay(a: Date, b: Date): boolean;
+export declare function getMonthDays(year: number, month: number): {
+    date: Date;
+    current: boolean;
+}[];

package/dist/components/EnergyAnalysis/EnergyAnalysis.vue.d.ts

@@ -0,0 +1,92 @@
+import { EnergyQueryState, EnergyTypeItem, EnergyViewData, TypeListItem } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    query: {
+        required: true;
+        type: import('vue').PropType<EnergyQueryState>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    view: {
+        type: import('vue').PropType<EnergyViewData>;
+        default: () => EnergyViewData;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    energyTypes: {
+        type: import('vue').PropType<EnergyTypeItem[]>;
+        default: () => {
+            label: string;
+            value: string;
+            unit: string;
+        }[];
+    };
+    typeList: {
+        type: import('vue').PropType<TypeListItem[]>;
+        default: () => ({
+            name: string;
+            unit: string;
+            value: string;
+            date?: undefined;
+        } | {
+            name: string;
+            unit: string;
+            date: string;
+            value: string;
+        })[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "query-change": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    query: {
+        required: true;
+        type: import('vue').PropType<EnergyQueryState>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    view: {
+        type: import('vue').PropType<EnergyViewData>;
+        default: () => EnergyViewData;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    energyTypes: {
+        type: import('vue').PropType<EnergyTypeItem[]>;
+        default: () => {
+            label: string;
+            value: string;
+            unit: string;
+        }[];
+    };
+    typeList: {
+        type: import('vue').PropType<TypeListItem[]>;
+        default: () => ({
+            name: string;
+            unit: string;
+            value: string;
+            date?: undefined;
+        } | {
+            name: string;
+            unit: string;
+            date: string;
+            value: string;
+        })[];
+    };
+}>> & Readonly<{
+    "onQuery-change"?: (() => any) | undefined;
+}>, {
+    title: string;
+    view: EnergyViewData;
+    loading: boolean;
+    energyTypes: EnergyTypeItem[];
+    typeList: TypeListItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/EnergyAnalysis/index.d.ts

@@ -0,0 +1,165 @@
+import { Plugin } from 'vue';
+
+export type { EnergyQueryState, EnergyViewData, EnergyTypeItem, TypeListItem } from './types';
+export { createDefaultEnergyQuery, createDefaultEnergyView } from './types';
+export { buildEnergyQueryParams, transformEnergyDashboard } from './transform';
+export type { EnergyDashboardData, EnergySeriesItem, ChartViewModel } from './transform';
+declare const HcEnergyAnalysis: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        query: {
+            required: true;
+            type: import('vue').PropType<import('./types').EnergyQueryState>;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        view: {
+            type: import('vue').PropType<import('./types').EnergyViewData>;
+            default: () => import('./types').EnergyViewData;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        energyTypes: {
+            type: import('vue').PropType<import('./types').EnergyTypeItem[]>;
+            default: () => {
+                label: string;
+                value: string;
+                unit: string;
+            }[];
+        };
+        typeList: {
+            type: import('vue').PropType<import('./types').TypeListItem[]>;
+            default: () => ({
+                name: string;
+                unit: string;
+                value: string;
+                date?: undefined;
+            } | {
+                name: string;
+                unit: string;
+                date: string;
+                value: string;
+            })[];
+        };
+    }>> & Readonly<{
+        "onQuery-change"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "query-change": () => void;
+    }, import('vue').PublicProps, {
+        title: string;
+        view: import('./types').EnergyViewData;
+        loading: boolean;
+        energyTypes: import('./types').EnergyTypeItem[];
+        typeList: import('./types').TypeListItem[];
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        query: {
+            required: true;
+            type: import('vue').PropType<import('./types').EnergyQueryState>;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        view: {
+            type: import('vue').PropType<import('./types').EnergyViewData>;
+            default: () => import('./types').EnergyViewData;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        energyTypes: {
+            type: import('vue').PropType<import('./types').EnergyTypeItem[]>;
+            default: () => {
+                label: string;
+                value: string;
+                unit: string;
+            }[];
+        };
+        typeList: {
+            type: import('vue').PropType<import('./types').TypeListItem[]>;
+            default: () => ({
+                name: string;
+                unit: string;
+                value: string;
+                date?: undefined;
+            } | {
+                name: string;
+                unit: string;
+                date: string;
+                value: string;
+            })[];
+        };
+    }>> & Readonly<{
+        "onQuery-change"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        title: string;
+        view: import('./types').EnergyViewData;
+        loading: boolean;
+        energyTypes: import('./types').EnergyTypeItem[];
+        typeList: import('./types').TypeListItem[];
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    query: {
+        required: true;
+        type: import('vue').PropType<import('./types').EnergyQueryState>;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    view: {
+        type: import('vue').PropType<import('./types').EnergyViewData>;
+        default: () => import('./types').EnergyViewData;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    energyTypes: {
+        type: import('vue').PropType<import('./types').EnergyTypeItem[]>;
+        default: () => {
+            label: string;
+            value: string;
+            unit: string;
+        }[];
+    };
+    typeList: {
+        type: import('vue').PropType<import('./types').TypeListItem[]>;
+        default: () => ({
+            name: string;
+            unit: string;
+            value: string;
+            date?: undefined;
+        } | {
+            name: string;
+            unit: string;
+            date: string;
+            value: string;
+        })[];
+    };
+}>> & Readonly<{
+    "onQuery-change"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "query-change": () => void;
+}, string, {
+    title: string;
+    view: import('./types').EnergyViewData;
+    loading: boolean;
+    energyTypes: import('./types').EnergyTypeItem[];
+    typeList: import('./types').TypeListItem[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & (import('vue').VNodeProps & (import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Plugin));
+export default HcEnergyAnalysis;

package/dist/components/EnergyAnalysis/internal/BoxTitle.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    mountNum?: string | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    mountNum?: string | undefined;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};