@fewangsit/wangsvue-fats 1.0.0-alpha.21 → 1.0.0-alpha.23

package/components/checkbox/Checkbox.vue.d.ts

@@ -9,52 +9,52 @@ import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {
-  ClassComponent,
-  GlobalComponentConstructor,
-  PassThrough,
+    ClassComponent,
+    GlobalComponentConstructor,
+    PassThrough,
 } from '../ts-helpers';
 
 export declare type CheckboxPassThroughOptionType =
-  | CheckboxPassThroughAttributes
-  | ((
-      options: CheckboxPassThroughMethodOptions,
-    ) => CheckboxPassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
+    | CheckboxPassThroughAttributes
+    | ((
+          options: CheckboxPassThroughMethodOptions,
+      ) => CheckboxPassThroughAttributes | string)
+    | string
+    | null
+    | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
 export interface CheckboxPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid properties.
-   */
-  props: CheckboxProps;
-  /**
-   * Defines current inline state.
-   */
-  state: CheckboxState;
-  /**
-   * Defines current options.
-   */
-  context: CheckboxContext;
-  /**
-   * Defines valid attributes.
-   */
-  attrs: any;
-  /**
-   * Defines parent options.
-   */
-  parent: any;
-  /**
-   * Defines passthrough(pt) options in global config.
-   */
-  global: object | undefined;
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: CheckboxProps;
+    /**
+     * Defines current inline state.
+     */
+    state: CheckboxState;
+    /**
+     * Defines current options.
+     */
+    context: CheckboxContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -62,245 +62,245 @@ export interface CheckboxPassThroughMethodOptions {
  * @see {@link CheckboxProps.pt}
  */
 export interface CheckboxPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: CheckboxPassThroughOptionType;
-  /**
-   * Used to pass attributes to the input's DOM element.
-   */
-  input?: CheckboxPassThroughOptionType;
-  /**
-   * Used to pass attributes to the box's DOM element.
-   */
-  box?: CheckboxPassThroughOptionType;
-  /**
-   * Used to pass attributes to the icon's DOM element.
-   */
-  icon?: CheckboxPassThroughOptionType;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: CheckboxPassThroughOptionType;
+    /**
+     * Used to pass attributes to the input's DOM element.
+     */
+    input?: CheckboxPassThroughOptionType;
+    /**
+     * Used to pass attributes to the box's DOM element.
+     */
+    box?: CheckboxPassThroughOptionType;
+    /**
+     * Used to pass attributes to the icon's DOM element.
+     */
+    icon?: CheckboxPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
 }
 
 /**
  * Custom passthrough attributes for each DOM elements
  */
 export interface CheckboxPassThroughAttributes {
-  [key: string]: any;
+    [key: string]: any;
 }
 
 /**
  * Defines current inline state in Checkbox component.
  */
 export interface CheckboxState {
-  [key: string]: any;
+    [key: string]: any;
 }
 
 /**
  * Defines valid properties in Checkbox component.
  */
 export interface CheckboxProps {
-  /**
-   * Value of the checkbox. Can be used to set the checkbox field value when using use-validator
-   */
-  value?: any;
-  /**
-   * Value binding of the checkbox.
-   *
-   * The value is vary depends on the {@link trueValue}, {@link falseValue}, {@link binary}
-   */
-  modelValue?: any;
-  /**
-   * The checkbox label.
-   */
-  label?: string;
-  /**
-   * Tooltip info about the checkbox.
-   */
-  tooltip?: string;
-  /**
-   * Tooltip position.
-   *
-   * @default 'top'
-   */
-  tooltipPos?: 'top' | 'right' | 'left' | 'bottom';
-  /**
-   * Name of the input element.
-   */
-  name?: string | undefined;
-  /**
-   * To specify different style when used inside table header
-   *
-   * @default false
-   */
-  withinTable?: boolean;
-  /**
-   * Allows to select a boolean value instead of multiple values.
-   * @default true
-   */
-  binary?: boolean;
-  /**
-   * Enable triple state 'null' 'true' 'false'
-   *
-   * null: not checked;
-   * true: checked;
-   * false: partial checked;
-   *
-   * @default false
-   */
-  triState?: boolean | null;
-  /**
-   * When present, it specifies that the component should have invalid state style.
-   * @defaultValue false
-   */
-  invalid?: boolean | undefined;
-  /**
-   * When present, it specifies that the element should be disabled.
-   * @default false
-   */
-  disabled?: boolean | undefined;
-  /**
-   * When present, it specifies that the element should be selectable.
-   *
-   * Simillar to disabled state, but different style.
-   * @default true
-   */
-  selectable?: boolean | undefined;
-  /**
-   * Specifies the input variant of the component.
-   * @defaultValue outlined
-   */
-  variant?: 'outlined' | 'filled' | undefined;
-  /**
-   * When present, it specifies that an input field is read-only.
-   * @default false
-   */
-  readonly?: boolean | undefined;
-  useValidator?: boolean;
-  fieldName?: string;
-  /**
-   * When present, it specifies that the element is required.
-   * @default false
-   */
-  required?: boolean | undefined;
-  /**
-   * Index of the element in tabbing order.
-   */
-  tabindex?: number | undefined;
-  /**
-   * Value in checked state.
-   * @default true
-   */
-  trueValue?: any;
-  /**
-   * Value in unchecked state.
-   * @default false
-   */
-  falseValue?: any;
-  /**
-   * Identifier of the underlying input element.
-   */
-  inputId?: string | undefined;
-  /**
-   * Style class of the input field.
-   */
-  inputClass?: object | undefined;
-  /**
-   * Inline style of the input field.
-   */
-  inputStyle?: string | object | undefined;
-  /**
-   * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-   */
-  ariaLabelledby?: string | undefined;
-  /**
-   * Establishes a string value that labels the component.
-   */
-  ariaLabel?: string | undefined;
-  /**
-   * Used to pass attributes to DOM elements inside the component.
-   * @type {CheckboxPassThroughOptions}
-   */
-  pt?: PassThrough<CheckboxPassThroughOptions>;
-  /**
-   * Used to configure passthrough(pt) options of the component.
-   * @type {PassThroughOptions}
-   */
-  ptOptions?: PassThroughOptions;
-  /**
-   * When enabled, it removes component related styles in the core.
-   * @defaultValue false
-   */
-  unstyled?: boolean;
-  /**
-   * Style class of the checkbox's label.
-   */
-  labelClass?: any;
+    /**
+     * Value of the checkbox. Can be used to set the checkbox field value when using use-validator
+     */
+    value?: any;
+    /**
+     * Value binding of the checkbox.
+     *
+     * The value is vary depends on the {@link trueValue}, {@link falseValue}, {@link binary}
+     */
+    modelValue?: any;
+    /**
+     * The checkbox label.
+     */
+    label?: string;
+    /**
+     * Tooltip info about the checkbox.
+     */
+    tooltip?: string;
+    /**
+     * Tooltip position.
+     *
+     * @default 'top'
+     */
+    tooltipPos?: 'top' | 'right' | 'left' | 'bottom';
+    /**
+     * Name of the input element.
+     */
+    name?: string | undefined;
+    /**
+     * To specify different style when used inside table header
+     *
+     * @default false
+     */
+    withinTable?: boolean;
+    /**
+     * Allows to select a boolean value instead of multiple values.
+     * @default true
+     */
+    binary?: boolean;
+    /**
+     * Enable triple state 'null' 'true' 'false'
+     *
+     * null: not checked;
+     * true: checked;
+     * false: partial checked;
+     *
+     * @default false
+     */
+    triState?: boolean | null;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be selectable.
+     *
+     * Simillar to disabled state, but different style.
+     * @default true
+     */
+    selectable?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @default false
+     */
+    readonly?: boolean | undefined;
+    useValidator?: boolean;
+    fieldName?: string;
+    /**
+     * When present, it specifies that the element is required.
+     * @default false
+     */
+    required?: boolean | undefined;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabindex?: number | undefined;
+    /**
+     * Value in checked state.
+     * @default true
+     */
+    trueValue?: any;
+    /**
+     * Value in unchecked state.
+     * @default false
+     */
+    falseValue?: any;
+    /**
+     * Identifier of the underlying input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Style class of the input field.
+     */
+    inputClass?: object | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputStyle?: string | object | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     */
+    ariaLabelledby?: string | undefined;
+    /**
+     * Establishes a string value that labels the component.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {CheckboxPassThroughOptions}
+     */
+    pt?: PassThrough<CheckboxPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+    /**
+     * Style class of the checkbox's label.
+     */
+    labelClass?: any;
 }
 
 /**
  * Defines current options in Checkbox component.
  */
 export interface CheckboxContext {
-  /**
-   * Current checked state of the item as a boolean.
-   * @defaultValue false
-   */
-  checked: boolean;
-  /**
-   * Current disabled state of the item as a boolean.
-   * @defaultValue false
-   */
-  disabled: boolean;
+    /**
+     * Current checked state of the item as a boolean.
+     * @defaultValue false
+     */
+    checked: boolean;
+    /**
+     * Current disabled state of the item as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
 }
 
 /**
  * Defines valid slots in Checkbox component.
  */
 export interface CheckboxSlots {
-  /**
-   * Custom icon template.
-   * @param {Object} scope - icon slot's params.
-   */
-  icon(scope: {
     /**
-     * State of the checkbox.
+     * Custom icon template.
+     * @param {Object} scope - icon slot's params.
      */
-    checked: boolean;
-    /**
-     * Style class of the icon.
-     */
-    class: string;
-  }): VNode[];
+    icon(scope: {
+        /**
+         * State of the checkbox.
+         */
+        checked: boolean;
+        /**
+         * Style class of the icon.
+         */
+        class: string;
+    }): VNode[];
 }
 
 /**
  * Defines valid emits in Checkbox component.
  */
 export type CheckboxEmits = {
-  /**
-   * Emitted when the value changes.
-   * @param {*} value - New value.
-   */
-  'update:modelValue': [value: any];
-  /**
-   * Callback to invoke on value change.
-   * @param {Event} event - Browser event.
-   */
-  'change': [event: Event];
-  /**
-   * Callback to invoke when the component receives focus.
-   * @param {Event} event - Browser event.
-   */
-  'focus': [event: Event];
-  /**
-   * Callback to invoke when the component loses focus.
-   * @param {Event} event - Browser event.
-   */
-  'blur': [event: Event];
+    /**
+     * Emitted when the value changes.
+     * @param {*} value - New value.
+     */
+    'update:modelValue': [value: any];
+    /**
+     * Callback to invoke on value change.
+     * @param {Event} event - Browser event.
+     */
+    'change': [event: Event];
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     */
+    'focus': [event: Event];
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     */
+    'blur': [event: Event];
 };
 
 /**
@@ -315,15 +315,15 @@ export type CheckboxEmits = {
  *
  */
 declare class Checkbox extends ClassComponent<
-  CheckboxProps,
-  CheckboxSlots,
-  CheckboxEmits
+    CheckboxProps,
+    CheckboxSlots,
+    CheckboxEmits
 > {}
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    Checkbox: GlobalComponentConstructor<Checkbox>;
-  }
+    interface GlobalComponents {
+        Checkbox: GlobalComponentConstructor<Checkbox>;
+    }
 }
 
 export default Checkbox;

package/components/customcolumn/ColumnList.vue.d.ts

@@ -6,22 +6,42 @@ declare let __VLS_typeProps: CustomColumnProps & {
 type __VLS_PublicProps = {
     modelValue?: TableColumn[];
 } & typeof __VLS_typeProps;
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {
-    setColumnVisibilityConfig: () => Promise<void>;
-    resetToDefault: () => void;
-    updateVisibleColumnsModel: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: TableColumn[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
-    "onUpdate:modelValue"?: (modelValue: TableColumn[]) => any;
-}, {}, {}>;
+declare const _default: import('vue').DefineComponent<
+    __VLS_TypePropsToOption<__VLS_PublicProps>,
+    {
+        setColumnVisibilityConfig: () => Promise<void>;
+        resetToDefault: () => void;
+        updateVisibleColumnsModel: () => void;
+    },
+    unknown,
+    {},
+    {},
+    import('vue').ComponentOptionsMixin,
+    import('vue').ComponentOptionsMixin,
+    {
+        'update:modelValue': (modelValue: TableColumn[]) => void;
+    },
+    string,
+    import('vue').PublicProps,
+    Readonly<
+        import('vue').ExtractPropTypes<
+            __VLS_TypePropsToOption<__VLS_PublicProps>
+        >
+    > & {
+        'onUpdate:modelValue'?: (modelValue: TableColumn[]) => any;
+    },
+    {},
+    {}
+>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<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;
-    };
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+          }
+        : {
+              type: import('vue').PropType<T[K]>;
+              required: true;
+          };
 };

package/components/customcolumn/CustomColumn.vue.d.ts

@@ -2,36 +2,36 @@ import { TableColumn } from '../datatable/DataTable.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
 export interface CustomColumnLocaleConfig {
-  resetDefaultText: string;
+    resetDefaultText: string;
 }
 
 export type DragableColumn = TableColumn & { order?: number };
 
 export interface CustomColumnProps {
-  tableId: string;
-  defaultColumns: TableColumn[];
-  visibleColumns: TableColumn[];
-  /**
-   * The maximum column count allowed
-   * @default infinity
-   */
-  maxColumn?: number;
-  type?: 'menu' | 'flat';
+    tableId: string;
+    defaultColumns: TableColumn[];
+    visibleColumns: TableColumn[];
+    /**
+     * The maximum column count allowed
+     * @default infinity
+     */
+    maxColumn?: number;
+    type?: 'menu' | 'flat';
 }
 
 declare class CustomColumn extends ClassComponent<
-  CustomColumnProps,
-  unknown,
-  unknown
+    CustomColumnProps,
+    unknown,
+    unknown
 > {
-  /**
-   * Method to show custom column menu.
-   */
-  toggleMenu: () => void;
-  /**
-   * Resets the column visibility to default
-   */
-  resetToDefault: () => void;
+    /**
+     * Method to show custom column menu.
+     */
+    toggleMenu: () => void;
+    /**
+     * Resets the column visibility to default
+     */
+    resetToDefault: () => void;
 }
 
 export default CustomColumn;