@mobileaction/action-kit 1.40.1-beta.2 → 1.40.1-beta.20

package/dist/src/components/select-2/types.d.ts

@@ -0,0 +1,174 @@
+import { MaPopover2Props as MaPopoverProps } from '@/components/popover-2/index.vue';
+export declare const MaSelectSizes: readonly ["small", "medium", "large"];
+export declare const MaSelectOptionCheckboxDisplays: readonly ["left", "right", "hidden"];
+export declare const MaSelectMultiSelectionInputs: readonly ["checkbox", "toggle"];
+export type MaSelectSize = (typeof MaSelectSizes)[number];
+export type MaSelectOptionCheckboxDisplay = (typeof MaSelectOptionCheckboxDisplays)[number];
+export type MaSelectMultiSelectionInput = (typeof MaSelectMultiSelectionInputs)[number];
+export type MaSelectValue = string | number | string[] | number[];
+export type MaSelectOptionValue = string | number;
+export interface MaSelectOption {
+    label?: string;
+    value: MaSelectOptionValue;
+    disabled?: boolean;
+}
+export interface MaSelectProps {
+    /**
+    * Size of the select input
+    * @default small
+    */
+    size?: MaSelectSize;
+    /**
+    * Determines if the select component should operate in single or multiple selection mode.
+    * @default false
+    */
+    multiple?: boolean;
+    /**
+    * Current selected option (v-model)
+    */
+    value?: MaSelectValue;
+    /**
+    * Placeholder of select
+    */
+    placeholder?: string;
+    /**
+    * Data of the selectOption, manual construction work is no longer needed if this property has been set
+    * @default []
+    */
+    options?: MaSelectOption[];
+    /**
+    * Show clear button.
+    * @default false
+    */
+    allowClear?: boolean;
+    /**
+    * Show search input on the dropdown.
+    * @default false
+    */
+    showSearch?: boolean;
+    /**
+    * The placeholder of the search button.
+    * @default Search...
+    */
+    searchPlaceholder?: string;
+    /**
+    * The custom prefix icon
+    */
+    prefixIcon?: string;
+    /**
+    * className of dropdown menu
+    */
+    dropdownClassName?: string;
+    /**
+    * The disabled state of the component
+    * @default false
+    */
+    disabled?: boolean;
+    /**
+    * The loading state of the component
+    * @default false
+    */
+    loading?: boolean;
+    /**
+    * The current input "search" text
+    */
+    searchValue?: string;
+    /**
+    * Controlled open state of dropdown
+    */
+    open?: boolean;
+    /**
+    * Config popup height
+    * @default 256
+    */
+    listHeight?: number;
+    /**
+    * Determine whether the dropdown menu and the select input are the same width.
+    * When it is false, a specific width must be given for the dropdown! Otherwise virtual scroll does not work
+    * @default true
+    */
+    dropdownMatchSelectWidth?: boolean;
+    /**
+    * borderless version of the select
+    * @default false
+    */
+    borderless?: boolean;
+    /**
+    * inline version of the select
+    * @default false
+    */
+    inline?: boolean;
+    /**
+    * error version of the select
+    * @default false
+    */
+    hasError?: boolean;
+    /**
+    * hint text of the select
+    */
+    hint?: string;
+    /**
+    * popover component props, See the popover component props for details
+    */
+    dropdownProps?: MaPopoverProps;
+    /**
+    * checkbox will appear on the right, left or hidden
+    * works only multiple mode
+    * @default left
+    */
+    checkboxDisplay?: MaSelectOptionCheckboxDisplay;
+    /**
+    * Active selection item input
+    * works only multiple mode
+    * @default checkbox
+    */
+    multiSelectionInput?: MaSelectMultiSelectionInput;
+    /**
+    * Whether there will be a check icon on the selected item label or not
+    * works only single mode
+    */
+    hideCheckIcon?: boolean;
+    /**
+    * compact mode, Some spaces change in the input
+    * @default false
+    */
+    compact?: boolean;
+}
+export interface MaSelectOptionProps {
+    /**
+    * checkbox will appear on the right, left or hidden
+    * works only multiple mode
+    * @default left
+    */
+    checkboxDisplay?: MaSelectOptionCheckboxDisplay;
+    /**
+    * Whether there will be a check icon on the selected item label or not
+    * works only single mode
+    */
+    hideCheckIcon?: boolean;
+    /**
+    * Active selection item input
+    * works only multiple mode
+    * @default checkbox
+    */
+    multiSelectionInput?: MaSelectMultiSelectionInput;
+    /**
+    * The value of the option
+    */
+    value: MaSelectOptionValue;
+    /**
+    * The label of the option
+    */
+    label?: string;
+    /**
+    * The disabled state of the option
+    * @default false
+    */
+    disabled?: boolean;
+}
+export interface MaSelectGroupProps {
+    /**
+    * The label of the option group
+    */
+    label?: string;
+}

package/dist/src/index.d.ts

@@ -24,6 +24,9 @@ export { default as MaSelect } from './components/select/index.vue';
 export { default as MaSelectOption } from './components/select/components/option.vue';
 export { SelectOptGroup as MaSelectOptGroup } from 'ant-design-vue';
 export * from './components/select/types';
+export { default as MaSelect2 } from './components/select-2/index.vue';
+export { default as MaSelect2Option } from './components/select-2/components/selectOption.vue';
+export { default as MaSelect2OptionGroup } from './components/select-2/components/selectOptionGroup.vue';
 export { default as MaCheckbox } from './components/checkbox/index.vue';
 export { default as MaCheckboxGroup } from './components/checkbox/group.vue';
 export { default as MaContentScroller } from './components/content-scroller/index.vue';
@@ -90,9 +93,6 @@ export { default as MaStep } from './components/steps/components/index.vue';
 export { default as MaPagination } from './components/pagination/index.vue';
 export { default as MaImage } from './components/image/index.vue';
 export { default as MaImageGroup } from './components/image/group.vue';
-export { default as MaImage2 } from './components/image-2/index.vue';
-export { default as MaImageGroup2 } from './components/image-2/group.vue';
-export { default as MaImagePreview } from './components/image-2/preview.vue';
 export { default as MaResult } from './components/result/index.vue';
 export { default as MaPopconfirm } from './components/popconfirm/index.vue';
 export { default as MaStepItems } from './components/step-items/index.vue';