bank-components 1.0.4

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

@@ -0,0 +1,165 @@
+declare const _default: import("vue").DefineComponent<{
+    model: {
+        type: null;
+        required: true;
+    };
+    rules: {
+        type: null;
+        required: false;
+    };
+    inline: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    labelSuffix: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    statusIcon: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    scrollToError: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    scrollIntoViewOptions: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    columns: {
+        type: null;
+        required: false;
+    };
+    columnCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    model: {
+        type: null;
+        required: true;
+    };
+    rules: {
+        type: null;
+        required: false;
+    };
+    inline: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    labelSuffix: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    statusIcon: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    scrollToError: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    scrollIntoViewOptions: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    columns: {
+        type: null;
+        required: false;
+    };
+    columnCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>>, {
+    inline: boolean;
+    labelPosition: string;
+    labelWidth: string | number;
+    hideRequiredAsterisk: boolean;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    statusIcon: boolean;
+    validateOnRuleChange: boolean;
+    disabled: boolean;
+    scrollToError: boolean;
+    scrollIntoViewOptions: boolean;
+    columnCount: number;
+}>;
+export default _default;

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

@@ -0,0 +1,180 @@
+import { CSSProperties, DefineComponent } from 'vue';
+import { ComponentsProps } from '../../xrk/search/types/type';
+declare type RuleType = 'string' | 'number' | 'boolean' | 'method' | 'regexp' | 'integer' | 'float' | 'array' | 'object' | 'enum' | 'date' | 'url' | 'hex' | 'email' | 'pattern' | 'any';
+interface ValidateOption {
+    suppressWarning?: boolean;
+    suppressValidatorError?: boolean;
+    first?: boolean;
+    firstFields?: boolean | string[];
+    messages?: Partial<ValidateMessages>;
+    /** The name of rules need to be trigger. Will validate all rules if leave empty */
+    keys?: string[];
+    error?: (rule: InternalRuleItem, message: string) => ValidateError;
+}
+declare type SyncErrorType = Error | string;
+declare type SyncValidateResult = boolean | SyncErrorType | SyncErrorType[];
+export interface RuleItem {
+    trigger?: Arrayable<string>;
+    type?: RuleType;
+    required?: boolean;
+    pattern?: RegExp | string;
+    min?: number;
+    max?: number;
+    len?: number;
+    enum?: Array<string | number | boolean | null | undefined>;
+    whitespace?: boolean;
+    fields?: Record<string, Rule>;
+    options?: ValidateOption;
+    defaultField?: Rule;
+    transform?: (value: Value) => Value;
+    message?: string | ((a?: string) => string);
+    asyncValidator?: (rule: InternalRuleItem, value: Value, callback: (error?: string | Error) => void, source: Values, options: ValidateOption) => void | Promise<void>;
+    validator?: (rule: InternalRuleItem, value: Value, callback: (error?: string | Error) => void, source: Values, options: ValidateOption) => SyncValidateResult | void;
+}
+declare type Rule = RuleItem | RuleItem[];
+declare type ExecuteValidator = (rule: InternalRuleItem, value: Value, callback: (error?: string[]) => void, source: Values, options: ValidateOption) => void;
+declare type ValidateMessage<T extends any[] = unknown[]> = string | ((...args: T) => string);
+declare type FullField = string | undefined;
+declare type EnumString = string | undefined;
+declare type Pattern = string | RegExp | undefined;
+declare type Range = number | undefined;
+declare type Type = string | undefined;
+interface ValidateMessages {
+    default?: ValidateMessage;
+    required?: ValidateMessage<[FullField]>;
+    enum?: ValidateMessage<[FullField, EnumString]>;
+    whitespace?: ValidateMessage<[FullField]>;
+    date?: {
+        format?: ValidateMessage;
+        parse?: ValidateMessage;
+        invalid?: ValidateMessage;
+    };
+    types?: {
+        string?: ValidateMessage<[FullField, Type]>;
+        method?: ValidateMessage<[FullField, Type]>;
+        array?: ValidateMessage<[FullField, Type]>;
+        object?: ValidateMessage<[FullField, Type]>;
+        number?: ValidateMessage<[FullField, Type]>;
+        date?: ValidateMessage<[FullField, Type]>;
+        boolean?: ValidateMessage<[FullField, Type]>;
+        integer?: ValidateMessage<[FullField, Type]>;
+        float?: ValidateMessage<[FullField, Type]>;
+        regexp?: ValidateMessage<[FullField, Type]>;
+        email?: ValidateMessage<[FullField, Type]>;
+        url?: ValidateMessage<[FullField, Type]>;
+        hex?: ValidateMessage<[FullField, Type]>;
+    };
+    string?: {
+        len?: ValidateMessage<[FullField, Range]>;
+        min?: ValidateMessage<[FullField, Range]>;
+        max?: ValidateMessage<[FullField, Range]>;
+        range?: ValidateMessage<[FullField, Range, Range]>;
+    };
+    number?: {
+        len?: ValidateMessage<[FullField, Range]>;
+        min?: ValidateMessage<[FullField, Range]>;
+        max?: ValidateMessage<[FullField, Range]>;
+        range?: ValidateMessage<[FullField, Range, Range]>;
+    };
+    array?: {
+        len?: ValidateMessage<[FullField, Range]>;
+        min?: ValidateMessage<[FullField, Range]>;
+        max?: ValidateMessage<[FullField, Range]>;
+        range?: ValidateMessage<[FullField, Range, Range]>;
+    };
+    pattern?: {
+        mismatch?: ValidateMessage<[FullField, Value, Pattern]>;
+    };
+}
+declare type Value = any;
+declare type Values = Record<string, Value>;
+interface ValidateError {
+    message?: string;
+    fieldValue?: Value;
+    field?: string;
+}
+declare type ValidateFieldsError = Record<string, ValidateError[]>;
+interface InternalRuleItem extends Omit<RuleItem, 'validator'> {
+    field?: string;
+    fullField?: string;
+    fullFields?: string[];
+    validator?: RuleItem['validator'] | ExecuteValidator;
+}
+declare type Arrayable<T> = T | T[];
+declare type FormColumnType<Q extends Record<string, any> = any> = {
+    [K in keyof ComponentsProps]: BaseFormItemProps<keyof Q, K>;
+}[keyof ComponentsProps];
+export declare type BaseFormProps<T extends Record<string, any> = any> = {
+    model: T;
+    rules?: Partial<Record<keyof T, Arrayable<RuleItem>>>;
+    inline?: boolean;
+    labelPosition?: 'left' | 'right' | 'top';
+    labelWidth?: string | number | 'auto';
+    labelSuffix?: string;
+    hideRequiredAsterisk?: boolean;
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    statusIcon?: boolean;
+    validateOnRuleChange?: boolean;
+    size?: 'large' | 'default' | 'small';
+    disabled?: boolean;
+    scrollToError?: boolean;
+    scrollIntoViewOptions?: boolean;
+    columns?: Array<FormColumnType<T>>;
+    columnCount?: number;
+};
+export declare type BaseFormItemProps<K = Arrayable<string>, T extends keyof ComponentsProps = keyof ComponentsProps> = {
+    prop: K;
+    label?: string;
+    labelWidth?: string | number | 'auto';
+    required?: boolean;
+    rules?: Arrayable<RuleItem>;
+    error?: string;
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    size?: 'large' | 'default' | 'small';
+    /**
+     * 内部组件配置
+     */
+    style?: CSSProperties;
+    type?: T;
+    config?: ComponentsProps[T]['config'];
+    listener?: ComponentsProps[T]['listener'];
+};
+export declare type BaseFormRef<T extends Record<string, any> = any> = {
+    /**
+     * 对整个表单的内容进行验证。 接收一个回调函数，或返回 Promise。
+     */
+    validate: (callback?: (isValid: boolean, invalidFields?: ValidateFieldsError) => void) => Promise<void>;
+    /**
+     * 验证具体的某个字段。
+     */
+    validateField: (props?: Arrayable<keyof T>, callback?: (isValid: boolean, invalidFields?: ValidateFieldsError) => void) => Promise<void>;
+    /**
+     * 重置该表单项，将其值重置为初始值，并移除校验结果
+     */
+    resetFields: (props?: Arrayable<keyof T>) => void;
+    /**
+     * 	滚动到指定的字段
+     */
+    scrollToField: (prop: keyof T) => void;
+    /**
+     * 	清理某个字段的表单验证信息。
+     */
+    clearValidate: (props?: Arrayable<keyof T>) => void;
+};
+export declare type BaseFormItemRef = {
+    /**
+     * 对该表单项进行重置，将其值重置为初始值并移除校验结果
+     */
+    resetField: () => void;
+    /**
+     * 移除该表单项的校验结果
+     */
+    clearValidate: () => void;
+};
+export declare const BaseFormItem: DefineComponent<BaseFormItemProps<Arrayable<string>, keyof ComponentsProps<any>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseFormItemProps<Arrayable<string>, keyof ComponentsProps<any>>>, {}>;
+export declare const BaseForm: DefineComponent<BaseFormProps<any>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseFormProps<any>>, {
+    model: any;
+}>;
+export {};

package/lib/packages/base/form/test.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    name: string;
+    ref: import("vue").Ref<any[] | undefined>;
+    components: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+};
+export default _default;

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

@@ -0,0 +1,22 @@
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: StringConstructor;
+        required: false;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        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, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        required: false;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { DefineComponent } from 'vue';
+export declare type BaseIonProps = {
+    color?: string;
+    size?: string | number;
+};
+export declare const BaseIcon: DefineComponent<BaseIonProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseIonProps>, {}>;

package/lib/packages/base/image/image-viewer.d.ts

@@ -0,0 +1,131 @@
+declare const _default: import("vue").DefineComponent<{
+    style: {
+        type: null;
+        required: false;
+    };
+    zoomRate: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    previewSrcList: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    infinite: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        required: false;
+    };
+    initialIndex: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    previewTeleported: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    alwaysKeydownFlip: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+        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, ("switch" | "close")[], "switch" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    style: {
+        type: null;
+        required: false;
+    };
+    zoomRate: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    previewSrcList: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    infinite: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        required: false;
+    };
+    initialIndex: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    previewTeleported: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    alwaysKeydownFlip: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & {
+    onSwitch?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    zoomRate: number;
+    infinite: boolean;
+    hideOnClickModal: boolean;
+    initialIndex: number;
+    closeOnPressEscape: boolean;
+    previewTeleported: boolean;
+    hideClose: boolean;
+    alwaysKeydownFlip: boolean;
+    fullScreen: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,122 @@
+import { DefineComponent, StyleValue } from 'vue';
+export declare type BaseImageViewerProps = {
+    style?: StyleValue | string;
+    previewSrcList?: Array<string>;
+    /**
+     * 设置图片预览的 z-index
+     */
+    zIndex?: number;
+    /**
+     * 初始预览图像索引，小于 url-list 的长度
+     */
+    initialIndex?: number;
+    /**
+     * 是否可以无限循环预览
+     */
+    infinite?: boolean;
+    /**
+     * 当开启 preview 功能时，是否可以通过点击遮罩层关闭 preview
+     */
+    hideOnClickModal?: boolean;
+    /**
+     * image 自身是否插入至 body 元素上。 嵌套的父元素属性会发生修改时应该将此属性设置为 true
+     */
+    previewTeleported?: boolean;
+    /**
+     * 缩放事件的缩放速度
+     */
+    zoomRate?: number;
+    /**
+     * 是否可以通过按下 ESC 关闭 Image Viewer
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * 隐藏关闭按钮
+     */
+    hideClose?: boolean;
+    /**
+     * 始终可以使用键盘左右键切换
+     */
+    alwaysKeydownFlip?: boolean;
+    /**
+     * 全屏
+     */
+    fullScreen?: boolean;
+    onSwitch?: (index: number) => void;
+    onClose?: () => void;
+};
+export declare type BaseImageViewerRef = {
+    /**
+     * 手动切换图片
+     * @param index 需要切换的图片的索引，从 0 开始
+     * @returns
+     */
+    setActiveItem?: (index: number) => void;
+    unregisterEventListener?: () => void;
+    registerEventListener?: () => void;
+    /**
+     * 键盘左右键切换图片
+     * @returns
+     */
+    registerFilpEventListener?: () => void;
+    /**
+     * 关闭图片预览
+     * @returns
+     */
+    hide?: () => void;
+    /**
+     * 切换图片显示模式（铺满｜显示全部）
+     * @returns
+     */
+    toggleMode?: () => void;
+    /**
+     * 下一张图片
+     * @returns
+     */
+    next?: () => void;
+    /**
+     * 上一张图片
+     * @returns
+     */
+    prev?: () => void;
+    /**
+     * 切换图片样式
+     * @param action 缩放｜ 旋转
+     * @param options zoomRate 缩放比例 ，rotateDeg 旋转角度， enableTransition 是否动画过度
+     * @returns
+     */
+    handleActions?: (action: 'zoomOut' | 'zoomIn' | 'clockwise' | 'anticlockwise', options?: {
+        zoomRate?: number;
+        rotateDeg?: number;
+        enableTransition?: boolean;
+    }) => void;
+};
+export interface BaseImageProps extends BaseImageViewerProps {
+    src: string;
+    fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+    /**
+     * 浏览器加载图像的策略，和 浏览器原生能力一致
+     */
+    loading?: 'eager' | 'lazy';
+    /**
+     * 是否使用懒加载
+     */
+    lazy?: boolean;
+    /**
+     * 开启懒加载功能后，监听 scroll 事件的容器
+     */
+    scrollContainer?: string | HTMLElement;
+    /**
+     * 原生属性 alt
+     */
+    alt?: string;
+    /**
+     * 原生属性 referrerPolicy
+     */
+    referrerPolicy?: string;
+    onLoad?: (e: Event) => void;
+    onError?: (e: Event) => void;
+}
+export declare const BaseImage: DefineComponent<BaseImageProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseImageProps>, {}>;
+export declare const BaseImageViewer: DefineComponent<BaseImageViewerProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseImageViewerProps>, {}>;
+export declare const createImageViewer: (config?: BaseImageViewerProps) => BaseImageViewerRef;