@feedmepos/ui-library 1.5.6 → 1.6.0

package/dist/components/chart/bar/FmBar.vue.d.ts

@@ -1,5 +1,6 @@
 import type { LegendOptions, TooltipOptions } from 'chart.js';
 import type { XAxis } from '../../../components/chart/line/FmLine.vue';
+import type { FmChartDataLabelsOptions, FmChartAxisOptions } from '../../../components/chart';
 export interface BarDataset {
     label: string;
     data: number[];
@@ -32,7 +33,7 @@ type FmBarProp = {
      */
     transpose?: boolean;
     /**
-     * stack chart
+     * @deprecated Please use `:xCfg={stacked: false}` and `:yCfg={stacked: false}` from now on.
      */
     stacked?: boolean;
     /**
@@ -40,11 +41,11 @@ type FmBarProp = {
      */
     maintainAspectRatio?: boolean;
     /**
-     * hide the x axis
+     *  @deprecated Please use `:xCfg={display: false}` from now on.
      */
     hideXAxis?: boolean;
     /**
-     * hide the y axis
+     * @deprecated Please use `:yCfg={display: false}` from now on.
      */
     hideYAxis?: boolean;
     /**
@@ -56,6 +57,26 @@ type FmBarProp = {
      * customize tooltip
      */
     tooltip?: Partial<TooltipOptions<'bar'>>;
+    /**
+     * customize datalabels
+     */
+    datalabels?: Partial<FmChartDataLabelsOptions>;
+    /**
+     * customize X axis
+     */
+    xCfg?: Partial<FmChartAxisOptions>;
+    /**
+     * customize Y axis
+     */
+    yCfg?: Partial<FmChartAxisOptions>;
+    /**
+     * custom chart height
+     */
+    height?: string;
+    /**
+     * custom chart width
+     */
+    width?: string;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmBarProp>, {
     name: undefined;
@@ -67,6 +88,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
     tooltip: undefined;
+    datalabels: undefined;
+    xCfg: undefined;
+    yCfg: undefined;
+    height: undefined;
+    width: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmBarProp>, {
     name: undefined;
     paragraph: undefined;
@@ -77,9 +103,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
     tooltip: undefined;
+    datalabels: undefined;
+    xCfg: undefined;
+    yCfg: undefined;
+    height: undefined;
+    width: undefined;
 }>>>, {
     name: string;
     legend: Partial<LegendOptions<"bar">>;
+    width: string;
+    height: string;
     paragraph: string;
     transpose: boolean;
     stacked: boolean;
@@ -87,6 +120,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideXAxis: boolean;
     hideYAxis: boolean;
     tooltip: Partial<TooltipOptions<"bar">>;
+    datalabels: Partial<FmChartDataLabelsOptions>;
+    xCfg: Partial<FmChartAxisOptions>;
+    yCfg: Partial<FmChartAxisOptions>;
 }, {}>, {
     title?(_: {}): any;
 }>;

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

@@ -0,0 +1,50 @@
+export declare enum FmAxisPosition {
+    Left = "left",
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Center = "center"
+}
+declare enum FmAlignPosition {
+    Start = "start",
+    Center = "center",
+    End = "end",
+    Left = "left",
+    Right = "right",
+    Top = "top",
+    Bottom = "bottom"
+}
+declare enum FmAnchorPosition {
+    Start = "start",
+    Center = "center",
+    End = "end"
+}
+export interface FmChartDataLabelsOptions {
+    display?: boolean;
+    align?: FmAlignPosition | `${FmAlignPosition}`;
+    anchor?: FmAnchorPosition | `${FmAnchorPosition}`;
+    offset?: number;
+    rotation?: number;
+    font?: {
+        size?: number;
+    };
+}
+export interface FmChartAxisOptions {
+    display?: boolean;
+    position?: FmAxisPosition | `${FmAxisPosition}`;
+    title?: {
+        display?: boolean;
+        text?: string;
+    };
+    grid?: {
+        display?: boolean;
+    };
+    ticks?: {
+        display?: boolean;
+        font?: {
+            size?: number;
+        };
+    };
+    stacked?: boolean;
+}
+export {};

package/dist/components/chart/line/FmLine.vue.d.ts

@@ -1,4 +1,5 @@
 import type { LegendOptions, TooltipOptions } from 'chart.js';
+import type { FmChartAxisOptions, FmChartDataLabelsOptions } from '../../../components/chart';
 export interface Dataset {
     label: string;
     data: number[];
@@ -40,15 +41,15 @@ type FmLineProp = {
      */
     stacked?: boolean;
     /**
-     * maintain the Aspect ratio so it will always make a sizable chart
+     * @deprecated Please use `:xCfg={stacked: false}` and `:yCfg={stacked: false}` from now on.
      */
     maintainAspectRatio?: boolean;
     /**
-     * hide the x axis
+     * @deprecated Please use `:xCfg={display: false}` from now on.
      */
     hideXAxis?: boolean;
     /**
-     * hide the y axis
+     * @deprecated Please use `:yCfg={display: false}` from now on.
      */
     hideYAxis?: boolean;
     /**
@@ -60,6 +61,26 @@ type FmLineProp = {
      * customize tooltip
      */
     tooltip?: Partial<TooltipOptions<'line'>>;
+    /**
+     * customize datalabels
+     */
+    datalabels?: Partial<FmChartDataLabelsOptions>;
+    /**
+     * customize X axis
+     */
+    xCfg?: Partial<FmChartAxisOptions>;
+    /**
+     * customize Y axis
+     */
+    yCfg?: Partial<FmChartAxisOptions>;
+    /**
+     * custom chart height
+     */
+    height?: string;
+    /**
+     * custom chart width
+     */
+    width?: string;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmLineProp>, {
     name: undefined;
@@ -67,21 +88,39 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     transpose: boolean;
     hideXAxis: undefined;
     hideYAxis: undefined;
+    xCfg: undefined;
+    yCfg: undefined;
     legend: undefined;
+    tooltip: undefined;
+    datalabels: undefined;
+    height: undefined;
+    width: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmLineProp>, {
     name: undefined;
     paragraph: undefined;
     transpose: boolean;
     hideXAxis: undefined;
     hideYAxis: undefined;
+    xCfg: undefined;
+    yCfg: undefined;
     legend: undefined;
+    tooltip: undefined;
+    datalabels: undefined;
+    height: undefined;
+    width: undefined;
 }>>>, {
     name: string;
     legend: Partial<LegendOptions<"line">>;
+    width: string;
+    height: string;
     paragraph: string;
     transpose: boolean;
     hideXAxis: boolean;
     hideYAxis: boolean;
+    tooltip: Partial<TooltipOptions<"line">>;
+    datalabels: Partial<FmChartDataLabelsOptions>;
+    xCfg: Partial<FmChartAxisOptions>;
+    yCfg: Partial<FmChartAxisOptions>;
 }, {}>, {
     title?(_: {}): any;
 }>;

package/dist/components/chart/pie/FmPie.vue.d.ts

@@ -1,9 +1,11 @@
 import type { ChartType, LegendOptions, TooltipOptions } from 'chart.js';
+import type { FmChartDataLabelsOptions } from '../../../components/chart';
 export interface PieDataset {
     label: string;
     data: number[];
     backgroundColor?: string[] | string;
     hoverOffset?: number;
+    datalabels: FmChartDataLabelsOptions;
 }
 type FmPieProp = {
     /**
@@ -56,6 +58,18 @@ type FmPieProp = {
      * customize tooltip
      */
     tooltip?: TooltipOptions<Extract<ChartType, 'pie' | 'doughnut'>>;
+    /**
+     * customize datalabels
+     */
+    datalabels?: Partial<FmChartDataLabelsOptions>;
+    /**
+     * custom chart height
+     */
+    height?: string;
+    /**
+     * custom chart width
+     */
+    width?: string;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPieProp>, {
     name: undefined;
@@ -66,6 +80,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     textStyle: string;
     maintainAspectRatio: boolean;
     percentage: undefined;
+    datalabels: undefined;
+    height: undefined;
+    width: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPieProp>, {
     name: undefined;
     paragraph: undefined;
@@ -75,13 +92,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     textStyle: string;
     maintainAspectRatio: boolean;
     percentage: undefined;
+    datalabels: undefined;
+    height: undefined;
+    width: undefined;
 }>>>, {
     name: string;
     legend: Partial<LegendOptions<"pie" | "doughnut">>;
     text: string;
     textColor: string;
+    width: string;
+    height: string;
     paragraph: string;
     maintainAspectRatio: boolean;
+    datalabels: Partial<FmChartDataLabelsOptions>;
     textStyle: string;
     percentage: string;
 }, {}>, {

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -102,13 +102,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperText: string;
     helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
+    formatter: (value: string) => string;
     showValidBorder: boolean;
     minLength: number;
     maxLength: number;
     inputmode: "text" | "numeric" | "search" | "none" | "email" | "password" | "tel" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
-    formatter: (value: string) => string;
     shiftDatalist: boolean;
     datalistMaxHeight: number;
     datalistZIndex: number;