naive-ui 2.41.1 → 2.43.0

package/es/heatmap/index.mjs

@@ -0,0 +1,4 @@
+export { default as NHeatmap } from "./src/Heatmap.mjs";
+export { heatmapProps } from "./src/Heatmap.mjs";
+export { heatmapMockData } from "./src/utils/index.mjs";
+export * from "./styles/index.mjs";

package/es/heatmap/src/ColorIndicator.d.ts

@@ -0,0 +1,25 @@
+import type { PropType, SlotsType, VNode } from 'vue';
+interface HeatmapColorIndicatorSlots {
+    'leading-text'?: () => VNode[];
+    'trailing-text'?: () => VNode[];
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    colors: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    colors: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, SlotsType<HeatmapColorIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/heatmap/src/ColorIndicator.mjs

@@ -0,0 +1,41 @@
+import { defineComponent, h } from 'vue';
+export default defineComponent({
+  name: 'HeatmapColorIndicator',
+  slots: Object,
+  props: {
+    colors: {
+      type: Array,
+      required: true
+    },
+    clsPrefix: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a, _b;
+      const {
+        colors,
+        clsPrefix
+      } = props;
+      return h("div", {
+        class: `${clsPrefix}-heatmap-color-indicator`
+      }, h("span", {
+        class: `${clsPrefix}-heatmap-color-indicator__label`
+      }, (_a = slots['leading-text']) === null || _a === void 0 ? void 0 : _a.call(slots)), h("div", {
+        class: `${clsPrefix}-heatmap-color-indicator__cells`
+      }, colors.map((color, index) => h("div", {
+        key: index,
+        class: `${clsPrefix}-heatmap-color-indicator__cell`,
+        style: {
+          backgroundColor: color
+        }
+      }))), h("span", {
+        class: `${clsPrefix}-heatmap-color-indicator__label`
+      }, (_b = slots['trailing-text']) === null || _b === void 0 ? void 0 : _b.call(slots)));
+    };
+  }
+});

package/es/heatmap/src/Heatmap.d.ts

@@ -0,0 +1,385 @@
+import type { PropType, SlotsType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { TooltipProps } from '../../tooltip';
+import type { DayRect } from './interface';
+import type { HeatmapData, HeatmapFirstDayOfWeek, HeatmapSlots } from './public-types';
+import { type HeatmapColorTheme } from './theme';
+export declare const heatmapProps: {
+    readonly activeColors: PropType<string[]>;
+    readonly colorTheme: PropType<HeatmapColorTheme>;
+    readonly data: PropType<HeatmapData>;
+    readonly loadingData: PropType<HeatmapData>;
+    readonly fillCalendarLeading: BooleanConstructor;
+    readonly firstDayOfWeek: {
+        readonly type: PropType<HeatmapFirstDayOfWeek>;
+        readonly default: 0;
+    };
+    readonly loading: BooleanConstructor;
+    readonly minimumColor: StringConstructor;
+    readonly showColorIndicator: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showWeekLabels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showMonthLabels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly tooltip: {
+        readonly type: PropType<TooltipProps | boolean>;
+        readonly default: false;
+    };
+    readonly xGap: PropType<number | string>;
+    readonly yGap: PropType<number | string>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>>;
+};
+export type HeatmapProps = ExtractPublicPropTypes<typeof heatmapProps>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly activeColors: PropType<string[]>;
+    readonly colorTheme: PropType<HeatmapColorTheme>;
+    readonly data: PropType<HeatmapData>;
+    readonly loadingData: PropType<HeatmapData>;
+    readonly fillCalendarLeading: BooleanConstructor;
+    readonly firstDayOfWeek: {
+        readonly type: PropType<HeatmapFirstDayOfWeek>;
+        readonly default: 0;
+    };
+    readonly loading: BooleanConstructor;
+    readonly minimumColor: StringConstructor;
+    readonly showColorIndicator: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showWeekLabels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showMonthLabels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly tooltip: {
+        readonly type: PropType<TooltipProps | boolean>;
+        readonly default: false;
+    };
+    readonly xGap: PropType<number | string>;
+    readonly yGap: PropType<number | string>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>>;
+}>, {
+    weekLabels: import("vue").ComputedRef<{
+        label: string;
+        visible: boolean;
+    }[]>;
+    monthLabels: import("vue").ComputedRef<{
+        name: string;
+        colSpan: number;
+    }[]>;
+    mergedColors: import("vue").ComputedRef<string[]>;
+    mergedClsPrefix: import("vue").Ref<string, string>;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    locale: import("vue").Ref<{
+        less: string;
+        more: string;
+        monthFormat: string;
+        weekdayFormat: string;
+    }, {
+        less: string;
+        more: string;
+        monthFormat: string;
+        weekdayFormat: string;
+    }>;
+    cssVars: import("vue").ComputedRef<{
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-border-radius': string;
+        '--n-border-color': string;
+        '--n-loading-color-start': string;
+        '--n-rect-size': string;
+        '--n-x-gap': string;
+        '--n-y-gap': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string, string> | undefined;
+    onRender: (() => void) | undefined;
+    heatmapMatrix: import("vue").ComputedRef<DayRect[][]>;
+    loadingClass: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly activeColors: PropType<string[]>;
+    readonly colorTheme: PropType<HeatmapColorTheme>;
+    readonly data: PropType<HeatmapData>;
+    readonly loadingData: PropType<HeatmapData>;
+    readonly fillCalendarLeading: BooleanConstructor;
+    readonly firstDayOfWeek: {
+        readonly type: PropType<HeatmapFirstDayOfWeek>;
+        readonly default: 0;
+    };
+    readonly loading: BooleanConstructor;
+    readonly minimumColor: StringConstructor;
+    readonly showColorIndicator: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showWeekLabels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showMonthLabels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly tooltip: {
+        readonly type: PropType<TooltipProps | boolean>;
+        readonly default: false;
+    };
+    readonly xGap: PropType<number | string>;
+    readonly yGap: PropType<number | string>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Heatmap", {
+        activeColors: string[];
+        borderRadius: string;
+        borderColor: string;
+        textColor: string;
+        mininumColor: string;
+        fontWeight: string;
+        loadingColorStart: string;
+        loadingColorEnd: string;
+        rectSizeSmall: string;
+        rectSizeMedium: string;
+        rectSizeLarge: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        xGapSmall: string;
+        xGapMedium: string;
+        xGapLarge: string;
+        yGapSmall: string;
+        yGapMedium: string;
+        yGapLarge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+    }, any>>>;
+}>> & Readonly<{}>, {
+    readonly size: "small" | "medium" | "large";
+    readonly tooltip: boolean | TooltipProps;
+    readonly loading: boolean;
+    readonly firstDayOfWeek: HeatmapFirstDayOfWeek;
+    readonly fillCalendarLeading: boolean;
+    readonly showColorIndicator: boolean;
+    readonly showWeekLabels: boolean;
+    readonly showMonthLabels: boolean;
+}, SlotsType<HeatmapSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;