@sirpho/components 1.0.0 → 1.0.1

package/dist/components/Box/ComboBox.vue.d.ts

@@ -0,0 +1,308 @@
+import { ComputedRef } from 'vue';
+import { VxeGridProps, VxeGridInstance } from 'vxe-table';
+import type { InputProps } from '../../../node_modules/ant-design-vue';
+type SelectTableRemoteConfig = {
+    url: string;
+    method: 'get' | 'post';
+    params?: object;
+};
+interface Props {
+    variant?: string;
+    /**
+     * @description Vxe Grid的属性
+     * @link https://vxetable.cn/#/grid/api
+     */
+    gridProps?: VxeGridProps;
+    /**
+     * @description Input属性
+     * @link https://www.antdv.com/components/input-cn#API
+     */
+    inputProps?: InputProps;
+    /**
+     * @description Input Value
+     */
+    value?: string | number | null | (string | number)[];
+    /**
+     * @description setValue & input show label
+     */
+    option: {
+        label: string;
+        value: string;
+    };
+    /**
+     * @description 下拉表格数据来源
+     */
+    remoteConfig?: SelectTableRemoteConfig;
+    /**
+     * @description 是否在组件的第一次加载时是否需要手动发起请求 // 适用requestTrigger==='onParamsChange'
+     * 或者通过修改params来发起请求
+     */
+    manualRequest?: boolean;
+    /**
+     * @description 传入 request 的请求参数
+     * 当params参数发生变化时 会自动发起请求 ）
+     */
+    params?: Record<string, any>;
+    /**
+     * @description 获取数据源的时机
+     */
+    requestTrigger?: 'onMount' | 'onFocus' | 'onParamsChange';
+    /**
+     * @description 请求结束后 是否自动填充列表第一项 //对 requestTrigger=onFocus不适用
+     */
+    autoFill?: boolean;
+    /**
+     * @description 请求结束后 数据处理
+     */
+    transformData?: (raw: unknown) => Record<string, unknown>[];
+    /**
+     * @description inputText 文字显示处理
+     */
+    transformInputText?: (raw: object) => string | number | undefined;
+    /**
+     * @description input输入框有值时是否允许删除
+     */
+    allowClear?: boolean;
+    /**
+     * @description 多选传multiple 单选不传
+     */
+    mode?: 'multiple' | 'tags';
+    /**
+     * @description params改变是否清空值 requestTrigger=onFocus, onParamsChange时使用
+     */
+    paramsChangeClear?: boolean;
+    /**
+     * 基础数据
+     */
+    data?: object[] | ComputedRef<any[]>;
+    /**
+     * @description 请求结束后 改变value 不适用onFocus
+     * @params autoFill: 填入list第一项
+     * @params clear: 清空
+     * @params noChange: 不做改变
+     * @params 默认值：action传入值，action不存在时props.autoFill为true时为'autoFill',为false时:'clear'
+     */
+    action?: 'autoFill' | 'clear' | 'noChange' | undefined;
+    /**
+     * 下拉宽度
+     */
+    popWidth?: string;
+    /**
+     * 宽度
+     */
+    width?: string;
+    /**
+     * 选择框的类
+     */
+    selectClass?: string;
+    /**
+     * 弹出框的类
+     */
+    popClass?: string;
+    /**
+     * 数据提取promise
+     */
+    dataProvider?: (params: any) => Promise<any>;
+    /**
+     * 是否允许输入
+     */
+    allowInput?: boolean;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 最多显示几个标签
+     * 默认1个
+     */
+    maxTagCount?: number;
+    /**
+     * @description 筛选条件后数据小于 allowCheckAllNum 显示全选
+     */
+    allowCheckAllNum?: number;
+    /**
+     * @description 多选最大可选择数
+     */
+    maxSelectNum?: number;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    value: undefined;
+    remoteConfig: undefined;
+    manualRequest: boolean;
+    action: undefined;
+    data: undefined;
+    option: () => any;
+    params: () => {};
+    inputProps: () => {};
+    gridProps: () => {};
+    requestTrigger: string;
+    mode: undefined;
+    autoFill: boolean;
+    allowClear: boolean;
+    transformData: (e: any) => any;
+    transformInputText: () => undefined;
+    paramsChangeClear: boolean;
+    popWidth: string;
+    allowInput: boolean;
+    maxTagCount: number;
+    allowCheckAllNum: number;
+    maxSelectNum: undefined;
+}>, {
+    xTable: import("vue").Ref<VxeGridInstance<any>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    value: undefined;
+    remoteConfig: undefined;
+    manualRequest: boolean;
+    action: undefined;
+    data: undefined;
+    option: () => any;
+    params: () => {};
+    inputProps: () => {};
+    gridProps: () => {};
+    requestTrigger: string;
+    mode: undefined;
+    autoFill: boolean;
+    allowClear: boolean;
+    transformData: (e: any) => any;
+    transformInputText: () => undefined;
+    paramsChangeClear: boolean;
+    popWidth: string;
+    allowInput: boolean;
+    maxTagCount: number;
+    allowCheckAllNum: number;
+    maxSelectNum: undefined;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    data: object[] | ComputedRef<any[]>;
+    option: {
+        label: string;
+        value: string;
+    };
+    value: string | number | (string | number)[] | null;
+    mode: "multiple" | "tags";
+    allowClear: boolean;
+    maxTagCount: number;
+    autoFill: boolean;
+    transformInputText: (raw: object) => string | number | undefined;
+    transformData: (raw: unknown) => Record<string, unknown>[];
+    requestTrigger: "onFocus" | "onMount" | "onParamsChange";
+    manualRequest: boolean;
+    params: Record<string, any>;
+    paramsChangeClear: boolean;
+    gridProps: VxeGridProps<import("vxe-table").VxeTableDataRow>;
+    inputProps: Partial<import("vue").ExtractPropTypes<{
+        id: StringConstructor;
+        prefixCls: StringConstructor;
+        inputPrefixCls: StringConstructor; /**
+         * @description Vxe Grid的属性
+         * @link https://vxetable.cn/#/grid/api
+         */
+        defaultValue: import('../../../node_modules/vue-types').VueTypeDef<string | number>;
+        value: {
+            type: import("vue").PropType<string | number>; /**
+             * @description Input属性
+             * @link https://www.antdv.com/components/input-cn#API
+             */
+            default: any;
+        };
+        placeholder: {
+            type: import("vue").PropType<string | number>;
+        };
+        autocomplete: StringConstructor; /**
+         * @description Input Value
+         */
+        type: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        name: StringConstructor;
+        size: {
+            type: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/button').ButtonSize>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            /**
+             * @description 传入 request 的请求参数
+             * 当params参数发生变化时 会自动发起请求 ）
+             */
+            default: any;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        addonBefore: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        addonAfter: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        prefix: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        suffix: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        allowClear: {
+            /**
+             * @description inputText 文字显示处理
+             */
+            type: BooleanConstructor;
+            default: any;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: import("vue").PropType<boolean | import('../../../node_modules/ant-design-vue/lib/input/inputProps').ShowCountProps>;
+        };
+        htmlSize: NumberConstructor;
+        onPressEnter: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').KeyboardEventHandler>;
+        onKeydown: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').KeyboardEventHandler>;
+        onKeyup: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').KeyboardEventHandler>;
+        onFocus: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').FocusEventHandler>;
+        onBlur: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').FocusEventHandler>;
+        onChange: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').ChangeEventHandler>;
+        onInput: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').ChangeEventHandler>;
+        'onUpdate:value': import("vue").PropType<(val: string) => void>;
+        valueModifiers: ObjectConstructor;
+        hidden: BooleanConstructor;
+    }>>;
+    remoteConfig: SelectTableRemoteConfig;
+    action: "autoFill" | "clear" | "noChange";
+    popWidth: string;
+    allowInput: boolean;
+    allowCheckAllNum: number;
+    maxSelectNum: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/Box/ModalBox.vue.d.ts

@@ -0,0 +1,344 @@
+import { VxeGridProps } from 'vxe-table';
+import type { AutoCompleteProps, InputProps, ButtonProps } from '../../../node_modules/ant-design-vue';
+interface Props {
+    /**
+     * @description Vxe Grid的属性
+     * @link https://vxetable.cn/#/grid/api
+     */
+    gridProps?: VxeGridProps;
+    /**
+     * @description Input属性 ant-design-vue
+     * @link https://www.antdv.com/components/input-cn#API
+     */
+    inputProps?: InputProps;
+    /**
+     * @description AutoComplete属性 ant-design-vue
+     */
+    autoCompleteProps?: AutoCompleteProps;
+    /**
+     * 按钮的属性 ant-design-vue
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * @description Input Value
+     */
+    value?: string | number | null | (string | number)[];
+    /**
+     * @description setValue & input show label
+     */
+    option: {
+        label: string;
+        value: string;
+    };
+    /**
+     * @description Select Table各种场景变化
+     * 内置对的场景请参见 ./consts.ts
+     */
+    variant?: string;
+    /**
+     * @description 下拉表格数据来源
+     */
+    remoteConfig?: object;
+    /**
+     * @description 是否在组件的第一次加载时是否需要手动发起请求
+     * 或者通过修改params来发起请求
+     */
+    manualRequest?: boolean;
+    /**
+     * @description 传入 request 的请求参数
+     * 当params参数发生变化时 会自动发起请求 ）
+     */
+    params?: Record<string, any>;
+    /**
+     * @description 请求结束后 数据处理
+     * 评估阶段，不推荐使用
+     */
+    transformData?: (raw: unknown) => Record<string, unknown>[];
+    /**
+     * @description inputText 文字显示处理
+     * 评估阶段，不推荐使用
+     */
+    transformInputText?: (raw: object) => string | number | undefined;
+    /**
+     * @description input输入框有值时是否允许删除
+     */
+    allowClear?: boolean;
+    /**
+     * @description 多选传multiple 单选不传
+     */
+    mode?: any;
+    /**
+     * @description params改变是否清空值 requestTrigger=onFocus, onParamsChange时使用
+     */
+    paramsChangeClear?: boolean;
+    /**
+     * 基础数据
+     */
+    data?: object[];
+    /**
+     * 弹框的title
+     */
+    title?: string;
+    /**
+     * 是否使用自定义弹框
+     */
+    useModal?: boolean;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 模态框的属性vxe-table
+     */
+    modalProps?: any;
+    /**
+     * 选择框的类
+     */
+    selectClass?: string;
+    /**
+     * 弹出框的类
+     */
+    popClass?: string;
+    /**
+     * 是否允许输入
+     */
+    allowInput?: boolean;
+    /**
+     * 数据提取promise
+     */
+    dataProvider?: (params: any) => Promise<any>;
+    /**
+     * 弹框打开之前的回调
+     */
+    beforeModalOpen?: () => boolean;
+    /**
+     * autoComplete name
+     */
+    name?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    manualRequest: boolean;
+    inputProps: () => any;
+    gridProps: () => any;
+    buttonProps: () => any;
+    mode: string;
+    allowClear: boolean;
+    transformData: (e: any) => any;
+    transformInputText: () => undefined;
+    paramsChangeClear: boolean;
+    useModal: boolean;
+    disabled: boolean;
+    modalProps: () => {
+        width: string;
+    };
+    allowInput: boolean;
+    name: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    manualRequest: boolean;
+    inputProps: () => any;
+    gridProps: () => any;
+    buttonProps: () => any;
+    mode: string;
+    allowClear: boolean;
+    transformData: (e: any) => any;
+    transformInputText: () => undefined;
+    paramsChangeClear: boolean;
+    useModal: boolean;
+    disabled: boolean;
+    modalProps: () => {
+        width: string;
+    };
+    allowInput: boolean;
+    name: string;
+}>>> & {
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    mode: any;
+    disabled: boolean;
+    allowClear: boolean;
+    transformInputText: (raw: object) => string | number | undefined;
+    transformData: (raw: unknown) => Record<string, unknown>[];
+    manualRequest: boolean;
+    paramsChangeClear: boolean;
+    gridProps: VxeGridProps<import("vxe-table").VxeTableDataRow>;
+    inputProps: Partial<import("vue").ExtractPropTypes<{
+        id: StringConstructor;
+        prefixCls: StringConstructor;
+        inputPrefixCls: StringConstructor;
+        defaultValue: import('../../../node_modules/vue-types').VueTypeDef<string | number>;
+        value: {
+            type: import("vue").PropType<string | number>;
+            default: any;
+        };
+        placeholder: {
+            type: import("vue").PropType<string | number>;
+        };
+        autocomplete: StringConstructor;
+        type: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        name: StringConstructor;
+        size: {
+            type: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/button').ButtonSize>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        }; /**
+         * @description 是否在组件的第一次加载时是否需要手动发起请求
+         * 或者通过修改params来发起请求
+         */
+        addonBefore: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        addonAfter: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        prefix: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        suffix: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        loading: {
+            type: BooleanConstructor;
+            default: any; /**
+             * @description 多选传multiple 单选不传
+             */
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: import("vue").PropType<boolean | import('../../../node_modules/ant-design-vue/lib/input/inputProps').ShowCountProps>;
+        };
+        htmlSize: NumberConstructor; /**
+         * 基础数据
+         */
+        onPressEnter: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').KeyboardEventHandler>; /**
+         * 弹框的title
+         */
+        onKeydown: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').KeyboardEventHandler>;
+        /**
+         * 是否使用自定义弹框
+         */
+        onKeyup: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').KeyboardEventHandler>;
+        onFocus: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').FocusEventHandler>;
+        onBlur: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').FocusEventHandler>;
+        onChange: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').ChangeEventHandler>; /**
+         * 选择框的类
+         */
+        onInput: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/_util/EventInterface').ChangeEventHandler>;
+        'onUpdate:value': import("vue").PropType<(val: string) => void>;
+        valueModifiers: ObjectConstructor;
+        hidden: BooleanConstructor;
+    }>>;
+    allowInput: boolean;
+    buttonProps: Partial<import("vue").ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        type: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/button').ButtonType>;
+        htmlType: {
+            type: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/button/buttonTypes').ButtonHTMLType>;
+            default: string;
+        };
+        shape: {
+            type: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/button').ButtonShape>;
+        };
+        size: {
+            type: import("vue").PropType<import('../../../node_modules/ant-design-vue/lib/button').ButtonSize>;
+        };
+        loading: {
+            type: import("vue").PropType<boolean | {
+                delay?: number | undefined;
+            }>;
+            default: () => boolean | {
+                delay?: number | undefined;
+            };
+        };
+        disabled: {
+            type: BooleanConstructor; /**
+             * @description setValue & input show label
+             */
+            default: any;
+        };
+        ghost: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        danger: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        icon: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        href: StringConstructor;
+        target: StringConstructor;
+        title: StringConstructor; /**
+         * @description 传入 request 的请求参数
+         * 当params参数发生变化时 会自动发起请求 ）
+         */
+        onClick: {
+            type: import("vue").PropType<(event: MouseEvent) => void>;
+        };
+        onMousedown: {
+            type: import("vue").PropType<(event: MouseEvent) => void>;
+        };
+    }>>;
+    useModal: boolean;
+    modalProps: any;
+}>, {
+    modal?(_: {
+        setValue: (data: any) => void;
+        modalVisible: boolean;
+        params: Record<string, any> | undefined;
+    }): any;
+    toolbar_buttons?(_: {
+        loadData: (params: any) => Promise<void>;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PageContainer/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/QueryFilterContainer/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/index.d.ts

@@ -1,4 +1,8 @@
 import VxeContainer from './VxeContainer/index.vue';
 import FilterExtend from './FilterExtend/index.vue';
 import StatusPop from './StatusPop/index.vue';
-export { VxeContainer, FilterExtend, StatusPop, };
+import ComboBox from './Box/ComboBox.vue';
+import ModalBox from './Box/ModalBox.vue';
+import PageContainer from './PageContainer/index.vue';
+import QueryFilterContainer from './QueryFilterContainer/index.vue';
+export { PageContainer, QueryFilterContainer, VxeContainer, FilterExtend, StatusPop, ComboBox, ModalBox, };