@fewangsit/wangsvue-fats 1.0.0-alpha.32 → 1.0.0-alpha.34

package/components/filtercontainer/FilterContainer.vue.d.ts

@@ -1,166 +1,163 @@
 import { DefineComponent, Slot } from 'vue';
 import { CalendarProps } from '../calendar/Calendar.vue.d';
 import { QueryParams } from '../datatable/DataTable.vue.d';
-import {
-  DropdownProps,
-  Option,
-} from '../../components/dropdown/Dropdown.vue.d';
+import { DropdownProps, Option } from '../dropdown/Dropdown.vue.d';
 import { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
 import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
 import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
 
 export type FilterMatchMode =
-  | 'CONTAINS'
-  | 'EQUALS'
-  | 'NOT_EQUALS'
-  | 'IN'
-  | 'LESS_THAN'
-  | 'LESS_THAN_OR_EQUAL_TO'
-  | 'GREATER_THAN'
-  | 'GREATER_THAN_OR_EQUAL_TO'
-  | 'BETWEEN'
-  | 'DATE_BETWEEN';
+    | 'CONTAINS'
+    | 'EQUALS'
+    | 'NOT_EQUALS'
+    | 'IN'
+    | 'LESS_THAN'
+    | 'LESS_THAN_OR_EQUAL_TO'
+    | 'GREATER_THAN'
+    | 'GREATER_THAN_OR_EQUAL_TO'
+    | 'BETWEEN'
+    | 'DATE_BETWEEN';
 
 // More specific filter field types
 export interface MultiSelectFilterField extends MultiSelectProps {
-  type: 'multiselect';
-  /**
-   * The name of the field this filter applies to.
-   *
-   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-   * unique full names from the table data and use them as filter options.
-   */
-  field: string;
-  optionField?: string; // @example - actionOptions
-  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-  fetchOptionFn?:
-    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
-    | ((args?: any) => Promise<Option[] | undefined>); // Async function
+    type: 'multiselect';
+    /**
+     * The name of the field this filter applies to.
+     *
+     * When using a static filter, it also specifies the field in the data to be used for generating unique options.
+     * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
+     * unique full names from the table data and use them as filter options.
+     */
+    field: string;
+    optionField?: string; // @example - actionOptions
+    params?: QueryParams; // Additional QueryParams for the fetchOptionFn
+    fetchOptionFn?:
+        | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+        | ((args?: any) => Promise<Option[] | undefined>); // Async function
 }
 
 export interface DropdownFilterField extends DropdownProps {
-  type: 'dropdown';
-  /**
-   * The name of the field this filter applies to.
-   *
-   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-   * unique full names from the table data and use them as filter options.
-   */
-  field: string;
-  optionField?: string; // @example - actionOptions
-  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-  fetchOptionFn?:
-    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
-    | ((args?: any) => Promise<Option[]> | undefined); // Async function
+    type: 'dropdown';
+    /**
+     * The name of the field this filter applies to.
+     *
+     * When using a static filter, it also specifies the field in the data to be used for generating unique options.
+     * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
+     * unique full names from the table data and use them as filter options.
+     */
+    field: string;
+    optionField?: string; // @example - actionOptions
+    params?: QueryParams; // Additional QueryParams for the fetchOptionFn
+    fetchOptionFn?:
+        | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+        | ((args?: any) => Promise<Option[]> | undefined); // Async function
 }
 
 export interface RangeNumberFilterField extends InputRangeNumberProps {
-  type: 'rangenumber';
-  /**
-   * Specify min and max field
-   *
-   * @example ['minAge', 'maxAge']
-   */
-  fields?: string[];
-
-  /**
-   * Specify single field for both min and max input.
-   * The value will be a number array.
-   *
-   * Prever use this property when you are working with Static Filtering
-   *
-   * @example value: [1000,5000] or equal to 'value.0': 1000 & 'value.1': 5000
-   */
-  field?: string;
-  tooltip?: string;
+    type: 'rangenumber';
+    /**
+     * Specify min and max field
+     *
+     * @example ['minAge', 'maxAge']
+     */
+    fields?: string[];
+
+    /**
+     * Specify single field for both min and max input.
+     * The value will be a number array.
+     *
+     * Prever use this property when you are working with Static Filtering
+     *
+     * @example value: [1000,5000] or equal to 'value.0': 1000 & 'value.1': 5000
+     */
+    field?: string;
+    tooltip?: string;
 }
 
 export interface ButtonSelectTreeFilterField
-  extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
-  type: 'group' | 'category';
-  field: string; // The name of the field this filter applies to
-  /**
-   * The field label.
-   */
-  label?: string;
-  /**
-   * The button label.
-   * @default to Select Group|Category
-   */
-  buttonLabel?: string;
-  params?: QueryParams; // Override QueryParams for the fetchTree
+    extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
+    type: 'group' | 'category';
+    field: string; // The name of the field this filter applies to
+    /**
+     * The field label.
+     */
+    label?: string;
+    /**
+     * The button label.
+     * @default to Select Group|Category
+     */
+    buttonLabel?: string;
+    params?: QueryParams; // Override QueryParams for the fetchTree
 }
 
 export interface CalendarFilterField extends CalendarProps {
-  type: 'calendar';
-  field: string;
+    type: 'calendar';
+    field: string;
 }
 
 export type AdditionalFilterField = ButtonSelectTreeFilterField;
 
 export type FilterField =
-  | AdditionalFilterField
-  | MultiSelectFilterField
-  | DropdownFilterField
-  | RangeNumberFilterField
-  | CalendarFilterField;
+    | AdditionalFilterField
+    | MultiSelectFilterField
+    | DropdownFilterField
+    | RangeNumberFilterField
+    | CalendarFilterField;
 
 export type FilterOptions<Opt = Record<string, boolean>> = Record<
-  keyof Opt,
-  Option[]
+    keyof Opt,
+    Option[]
 >;
 
 export type LoadingFilters = Record<string, boolean>;
 
 export type FetchOptionResponse<Opt = Record<string, boolean>> = {
-  message: string;
-  data: FilterOptions<Opt>;
+    message: string;
+    data: FilterOptions<Opt>;
 };
 
 export interface FilterContainerLocaleConfig {
-  clearFieldText?: string;
-  applyText?: string;
+    clearFieldText?: string;
+    applyText?: string;
 }
 
 export interface FilterContainerProps {
-  /**
-   * Specify the table name integrated with this filter.
-   *
-   * @default datatable - the default table name
-   */
-  tableName?: string;
-  /**
-   * Set the fields count in a row
-   *
-   * @default 4 grid columns
-   */
-  fieldsPerRow?: number;
-  fields: FilterField[];
-  /**
-   * Enable static filtering
-   */
-  static?: boolean;
+    /**
+     * Specify the table name integrated with this filter.
+     *
+     * @default datatable - the default table name
+     */
+    tableName?: string;
+    /**
+     * Set the fields count in a row
+     *
+     * @default 4 grid columns
+     */
+    fieldsPerRow?: number;
+    fields: FilterField[];
+    /**
+     * Enable static filtering
+     */
+    static?: boolean;
 }
 
 /**
  * Slots for FilterContainer component
  */
 export type FilterContainerSlots = {
-  /**
-   * @deprecated Please use props.fields instead
-   */
-  default: Slot;
-
-  /**
-   * Additional template for field.
-   */
-  field: Slot<{ field: AdditionalFilterField; fieldName: string }>;
+    /**
+     * @deprecated Please use props.fields instead
+     */
+    default: Slot;
+
+    /**
+     * Additional template for field.
+     */
+    field: Slot<{ field: AdditionalFilterField; fieldName: string }>;
 };
 
 export type FilterContainerEmits = {
-  apply: [filter: QueryParams];
+    apply: [filter: QueryParams];
 };
 
 /**
@@ -176,9 +173,9 @@ export type FilterContainerEmits = {
  * @group components
  */
 declare const FilterContainer: DefineComponent<
-  FilterContainerProps,
-  FilterContainerEmits,
-  FilterContainerSlots
+    FilterContainerProps,
+    FilterContainerEmits,
+    FilterContainerSlots
 >;
 
 export default FilterContainer;

package/components/filtercontainer/helpers/applyFilter.helper.d.ts

@@ -0,0 +1,14 @@
+import { GenericObject } from 'vee-validate';
+import { FilterField } from '../FilterContainer.vue.d';
+declare const applyFilter: (
+    values: GenericObject,
+    tableName: string,
+    emit?: (...args: any[]) => any,
+) => void;
+export declare const applyStaticFilter: (
+    values: GenericObject,
+    tableName: string,
+    fields: FilterField[],
+    emit?: (...args: any[]) => any,
+) => void;
+export default applyFilter;

package/components/filtercontainer/helpers/formatDateTimeRange.helper.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Format the time in range selection when not show time.
+ * It will adjust the end range time to 23.59.59 and the start to 00.00.00
+ *
+ * @returns {number[]} - The formatted date time range in millis. [start, end]
+ */
+export declare const formatDateTimeRange: (e: number[]) => number[];

package/components/filtercontainer/helpers/getOption.helper.d.ts

@@ -0,0 +1,12 @@
+import {
+    FilterOptions,
+    LoadingFilters,
+    MultiSelectFilterField,
+} from '../FilterContainer.vue.d';
+declare const getOptions: (
+    fn: MultiSelectFilterField['fetchOptionFn'],
+    field: string,
+    filterOption: FilterOptions,
+    loading: LoadingFilters,
+) => Promise<void>;
+export default getOptions;