xrk-components 0.3.2 → 0.3.5

package/lib/packages/base/select/index.d.ts

@@ -0,0 +1,102 @@
+import { DefineComponent } from 'vue';
+export declare type SelectOptionType = {
+    label: string;
+    value?: string | number;
+    disabled?: boolean;
+    options?: Array<SelectOptionType>;
+};
+export declare type SelectValueType = string | number | boolean | SelectOptionType | null | undefined;
+export interface BaseSelectProps {
+    /**
+     * 初始化组件时 执行 remoteMethod 方法
+     */
+    init?: boolean;
+    /**
+     * 使用远程搜索
+     */
+    filterUseRemote?: boolean;
+    /**
+     * 下拉选项
+     */
+    options?: Array<SelectOptionType>;
+    /**
+     * 是否分组
+     */
+    group?: boolean;
+    labelKey?: string;
+    valueKey?: string;
+    optionsKey?: string;
+    /**
+     * 选中项绑定值
+     */
+    modelValue?: SelectValueType | Array<string | number | boolean | SelectOptionType | null | undefined>;
+    /**
+     * 是否多选
+     */
+    multiple?: boolean;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 输入框尺寸
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * 是否可以清空选项
+     */
+    clearable?: boolean;
+    /**
+     * 多选时是否将选中值按文字的形式展示
+     */
+    collapseTags?: boolean;
+    /**
+     * 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true
+     */
+    collapseTagsTooltip?: boolean;
+    /**
+     * multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制
+     */
+    multipleLimit?: number;
+    /**
+     * 占位文字
+     */
+    placeholder?: string;
+    /**
+     * Select 组件是否可筛选
+     */
+    filterable?: boolean;
+    /**
+     * 是否允许用户创建新条目， 只有当 filterable 设置为 true 时才会生效。
+     */
+    allowCreate?: boolean;
+    /**
+     * 下拉框的宽度是否与输入框相同
+     */
+    fitInputWidth?: boolean;
+    /**
+     * 自定义筛选方法
+     */
+    filterMethod?: (searchVal: string) => Array<SelectValueType>;
+    /**
+     * 远程方法
+     */
+    remoteMethod?: (searchVal?: string) => any;
+    /**
+     * 从服务器加载内容时显示的文本
+     */
+    loadingText?: string;
+    /**
+     * 搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置
+     */
+    noMatchText?: string;
+    /**
+     * 无选项时显示的文字，也可以使用 empty 插槽设置自定义内容
+     */
+    noDataText?: string;
+    onChange?: (value: SelectValueType, SelectOption: Array<SelectOptionType>) => void;
+    onRemoveTag?: (value: SelectValueType) => void;
+    onVisibleChange?: (visibleStatus: boolean) => void;
+    onClear?: () => void;
+}
+export declare const BaseSelect: DefineComponent<BaseSelectProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseSelectProps>, {}>;

package/lib/packages/base/select/select.d.ts

@@ -0,0 +1,240 @@
+declare const _default: import("vue").DefineComponent<{
+    init: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    filterUseRemote: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    options: {
+        type: null;
+        required: false;
+    };
+    group: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    labelKey: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    optionsKey: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collapseTags: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    multipleLimit: {
+        type: NumberConstructor;
+        required: false;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    fitInputWidth: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    filterMethod: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    remoteMethod: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    loadingText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    noMatchText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    noDataText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "visible-change" | "clear")[], "update:modelValue" | "change" | "remove-tag" | "visible-change" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    init: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    filterUseRemote: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    options: {
+        type: null;
+        required: false;
+    };
+    group: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    labelKey: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    optionsKey: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collapseTags: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    multipleLimit: {
+        type: NumberConstructor;
+        required: false;
+    };
+    placeholder: {
+        type: StringConstructor;
+        required: false;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    fitInputWidth: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    filterMethod: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    remoteMethod: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    loadingText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    noMatchText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    noDataText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+}, {
+    init: boolean;
+    filterUseRemote: boolean;
+    group: boolean;
+    labelKey: string;
+    valueKey: string;
+    optionsKey: string;
+    multiple: boolean;
+    disabled: boolean;
+    clearable: boolean;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
+    filterable: boolean;
+    allowCreate: boolean;
+    fitInputWidth: boolean;
+    loadingText: string;
+    noMatchText: string;
+    noDataText: string;
+}>;
+export default _default;

package/lib/packages/base/switch/index.d.ts

@@ -0,0 +1,17 @@
+import { Component, DefineComponent } from 'vue';
+export declare type BaseSwitchProps = {
+    modelValue?: boolean | string | number;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: 'large' | 'default' | 'small';
+    width?: number;
+    activeIcon?: string | Component;
+    activeText?: string;
+    activeValue?: boolean | string | number;
+    inactiveIcon?: string | Component;
+    inactiveText?: string;
+    inactiveValue?: boolean | string | number;
+    beforeChange?: () => Promise<any> | boolean;
+    onChange?: (value: boolean | string | number) => void;
+};
+export declare const BaseSwitch: DefineComponent<BaseSwitchProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseSwitchProps>, {}>;

package/lib/packages/base/switch/switch.d.ts

@@ -0,0 +1,114 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+    };
+    activeIcon: {
+        type: null;
+        required: false;
+    };
+    activeText: {
+        type: StringConstructor;
+        required: false;
+    };
+    activeValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    inactiveIcon: {
+        type: null;
+        required: false;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        required: false;
+    };
+    inactiveValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    beforeChange: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+    };
+    activeIcon: {
+        type: null;
+        required: false;
+    };
+    activeText: {
+        type: StringConstructor;
+        required: false;
+    };
+    activeValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    inactiveIcon: {
+        type: null;
+        required: false;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        required: false;
+    };
+    inactiveValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: false;
+        default: boolean;
+    };
+    beforeChange: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    loading: boolean;
+    activeValue: string | number | boolean;
+    inactiveValue: string | number | boolean;
+}>;
+export default _default;

package/lib/packages/base/table/hooks/use-table.d.ts

@@ -0,0 +1,2 @@
+import { BaseTableColumnProps } from '../types/type';
+export declare const useTableColumn: (props: BaseTableColumnProps) => BaseTableColumnProps;

package/lib/packages/base/table/index.d.ts

@@ -0,0 +1,5 @@
+import { DefineComponent } from 'vue';
+import { BaseTableColumnProps, BaseTableProps } from './types/type';
+export declare const BaseTable: DefineComponent<BaseTableProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseTableProps>, {}>;
+export declare const BaseTableColumn: DefineComponent<BaseTableColumnProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseTableColumnProps>, {}>;
+export declare const useTableColumn: (props: BaseTableColumnProps) => BaseTableColumnProps;

package/lib/packages/base/table/store/index.d.ts

@@ -0,0 +1,8 @@
+export declare const useTableSetup: () => {
+    selectionRows: Map<string | number, any>;
+    hasSelectionRow: (rowId: number | string) => boolean;
+    addSelectionRow: (rowId: number | string, row: any) => void;
+    removeSelectionRow: (rowId: number | string) => void;
+    getSelectionRows: () => any[];
+    clearSelectionRows: () => void;
+};