@farris/ui-vue 1.0.0-beta.6 → 1.0.0

package/types/dropdown/src/dropdown.component.d.ts

@@ -0,0 +1,179 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const _default: import("vue").DefineComponent<{
+    nest: {
+        type: BooleanConstructor;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    hover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    splitButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: import("vue").PropType<import("./types").DropdownItem[]>;
+        default: {
+            label: string;
+            value: string;
+        }[];
+    };
+    globalListenFunc: {
+        type: import("vue").PropType<() => void>;
+        default: () => void;
+    };
+    menuListenFunc: {
+        type: import("vue").PropType<() => void>;
+        default: () => void;
+    };
+    onSelect: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    nest: {
+        type: BooleanConstructor;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    hover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    splitButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: import("vue").PropType<import("./types").DropdownItem[]>;
+        default: {
+            label: string;
+            value: string;
+        }[];
+    };
+    globalListenFunc: {
+        type: import("vue").PropType<() => void>;
+        default: () => void;
+    };
+    menuListenFunc: {
+        type: import("vue").PropType<() => void>;
+        default: () => void;
+    };
+    onSelect: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    size: string;
+    width: string | number;
+    type: string;
+    onSelect: Function;
+    disabled: boolean;
+    position: string;
+    show: boolean;
+    active: boolean;
+    iconClass: string;
+    nest: boolean;
+    hover: boolean;
+    hideOnClick: boolean;
+    splitButton: boolean;
+    model: import("./types").DropdownItem[];
+    globalListenFunc: () => void;
+    menuListenFunc: () => void;
+}>;
+export default _default;

package/types/dropdown/src/dropdown.item.component.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    divide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSelect: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    divide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSelect: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    onSelect: Function;
+    disabled: boolean;
+    value: string;
+    divide: boolean;
+    active: boolean;
+}>;
+export default _default;

package/types/dropdown/src/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export interface DropdownItem {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+    active?: boolean;
+    divide?: boolean;
+    select?: any;
+}
+export interface DropdownProps {
+    width: string | number;
+    /** 下拉按钮对应文字 */
+    title: string;
+    /** 是否禁用该按钮 */
+    disabled: boolean;
+    hover: boolean;
+    size: string;
+    /** 下拉框类型 */
+    type: string;
+    hideOnClick: boolean;
+    /** 下拉按钮是否分开展示 */
+    splitButton: boolean;
+    position: string;
+    /** 下拉框内容 */
+    model: DropdownItem[];
+    show: boolean;
+    nest: boolean;
+    /** 下拉框内容是否被选中 */
+    active: boolean;
+    /** 图标样式 */
+    iconClass: string;
+}

package/types/dynamic-form/index.d.ts

@@ -0,0 +1,14 @@
+import FDynamicForm from './src/dynamic-form.component';
+import FDynamicFormGroup from './src/component/dynamic-form-group/dynamic-form-group.component';
+import { App } from 'vue';
+export * from './src/types';
+export * from './src/composition/types';
+export * from './src/dynamic-form.props';
+export * from './src/component/dynamic-form-group/dynamic-form-group.props';
+export { FDynamicForm, FDynamicFormGroup };
+declare const _default: {
+    install(app: App): void;
+    register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+    registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+};
+export default _default;

package/types/dynamic-form/src/component/dynamic-form-group/dynamic-form-group.props.d.ts

@@ -0,0 +1,4 @@
+import { ExtractPropTypes } from 'vue';
+export declare const dynamicFormGroupProps: Record<string, any>;
+export type DynamicFormGroupProps = ExtractPropTypes<typeof dynamicFormGroupProps>;
+export declare const formGroupPropsResolver: (schemaValue: Record<string, any>) => Record<string, any>;

package/types/dynamic-form/src/component/dynamic-form-label/dynamic-form-label.props.d.ts

@@ -0,0 +1,15 @@
+import { ExtractPropTypes } from "vue";
+export declare const dynamicFormLabelProps: {
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+    };
+};
+export type DynamicFormLabelProps = ExtractPropTypes<typeof dynamicFormLabelProps>;

package/types/dynamic-form/src/composition/types.d.ts

@@ -0,0 +1,5 @@
+import { EditorConfig } from "../types";
+export interface UseTypeResolver {
+    resolveEditorProps(type: string, config: EditorConfig): Record<string, any>;
+    resolveEditorType(type: string): any;
+}

package/types/dynamic-form/src/dynamic-form.props.d.ts

@@ -0,0 +1,3 @@
+import { ExtractPropTypes } from 'vue';
+export declare const dynamicFormProps: {};
+export type DynamicFormProps = ExtractPropTypes<typeof dynamicFormProps>;

package/types/dynamic-form/src/schema/schema-mapper.d.ts

@@ -0,0 +1,2 @@
+import { MapperFunction } from '../../../dynamic-resolver';
+export declare const schemaMapper: Map<string, string | MapperFunction>;

package/types/dynamic-form/src/types.d.ts

@@ -0,0 +1,17 @@
+export type EditorType = 'button-edit' | 'check-box' | 'combo-list' | 'combo-lookup' | 'date-picker' | 'date-range' | 'datetime-picker' | 'datetime-range' | 'month-picker' | 'month-range' | 'year-picker' | 'year-range' | 'input-group' | 'lookup' | 'number-range' | 'number-spinner' | 'radio-group' | 'text';
+export interface EditorConfig {
+    /** 编辑器类型 */
+    type: EditorType;
+    /** 自定义样式 */
+    customClass?: string;
+    /** 禁用 */
+    disable?: boolean;
+    /** 只读 */
+    readonly?: boolean;
+    /** 必填 */
+    required?: boolean;
+    /** 提示文本 */
+    placeholder?: string;
+    /** 其他属性 */
+    [key: string]: any;
+}

package/types/dynamic-resolver/index.d.ts

@@ -0,0 +1,3 @@
+export * from './src/types';
+export * from './src/props-resolver';
+export * from './src/common/appearance-resolver';

package/types/dynamic-resolver/src/common/appearance-resolver.d.ts

@@ -0,0 +1,6 @@
+export declare function resolveAppearance(key: string, appearanceObject: {
+    class: string;
+    style: string;
+}): {
+    customClass: string;
+};

package/types/dynamic-resolver/src/props-resolver.d.ts

@@ -0,0 +1,2 @@
+import { MapperFunction } from './types';
+export declare function createPropsResolver<T extends Record<string, any>>(componentPropsObject: T, defaultSchema: Record<string, any>, schemaMapper?: Map<string, string | MapperFunction>): (schemaValue: Record<string, any>) => Record<string, any>;

package/types/dynamic-resolver/src/schema-resolver.d.ts

@@ -0,0 +1,5 @@
+import { MapperFunction } from "./types";
+declare const schemaMap: Record<string, any>;
+declare function getSchemaByType(componentType: string): Record<string, any> | null;
+declare function resolveSchemaToProps(schemaValue: Record<string, any>, defaultSchema: Record<string, any>, schemaMapper?: Map<string, string | MapperFunction>): Record<string, any>;
+export { getSchemaByType, resolveSchemaToProps, schemaMap };

package/types/dynamic-resolver/src/types.d.ts

@@ -0,0 +1 @@
+export type MapperFunction = (key: string, value: any) => Record<string, any>;

package/types/dynamic-view/index.d.ts

@@ -0,0 +1,8 @@
+import type { App } from 'vue';
+import DynamicView from './src/dynamic-view.component';
+export * from './src/dynamic-view.props';
+export { DynamicView };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/dynamic-view/src/components/maps.d.ts

@@ -0,0 +1,4 @@
+declare const componentMap: Record<string, any>;
+declare const componentPropsConverter: Record<string, any>;
+declare function loadRegister(): void;
+export { componentMap, componentPropsConverter, loadRegister };

package/types/dynamic-view/src/dynamic-view.props.d.ts

@@ -0,0 +1,15 @@
+import { ExtractPropTypes } from 'vue';
+export declare const dynamicViewProps: {
+    schema: {
+        type: ObjectConstructor;
+        default: {};
+    };
+    /**
+     * 组件值
+     */
+    modelValue: {
+        type: ObjectConstructor;
+        default: {};
+    };
+};
+export type DynamicViewProps = ExtractPropTypes<typeof dynamicViewProps>;

package/types/filter-bar/index.d.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue';
+export * from './src/types';
+export * from './src/filter-bar.props';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/filter-bar/src/components/ellipsis-button.component.d.ts

@@ -0,0 +1,3 @@
+import { SetupContext } from 'vue';
+import { FilterBarProps } from '../filter-bar.props';
+export default function (props: FilterBarProps, context: SetupContext): () => JSX.Element;

package/types/filter-bar/src/components/filter-item.component.d.ts

@@ -0,0 +1,5 @@
+import { SetupContext } from 'vue';
+import { FilterBarProps } from '../filter-bar.props';
+import { FilterItem } from '../types';
+import { UseFilterItems } from '../composition/types';
+export default function (props: FilterBarProps, context: SetupContext, useFilterItemComposition: UseFilterItems): (filterItem: FilterItem, index: number) => JSX.Element;

package/types/filter-bar/src/components/toolbar-component.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { FilterBarProps } from '../filter-bar.props';
+import { UseFilterItems } from '../composition/types';
+export default function (props: FilterBarProps, context: SetupContext, useFilterItemsComposition: UseFilterItems): () => JSX.Element;

package/types/filter-bar/src/composition/types.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from "vue";
+import { FilterItem } from "../types";
+import { Condition, FieldConfig } from "../../../condition/src/types";
+export interface UseFilterItems {
+    clearAll: () => void;
+    clearFilterItem: (itemToBeRemoved: FilterItem) => void;
+    currentFilterId: Ref<string>;
+    filterFields: Ref<FieldConfig[]>;
+    filterItems: Ref<FilterItem[]>;
+    loadFilterItems: (fields: FieldConfig[], conditions: Condition[]) => void;
+    removeFilterItem: (itemToBeRemoved: FilterItem) => void;
+    reset: () => void;
+    shouldShowClearButtonInFilterItem: (filterItem: FilterItem) => boolean;
+}

package/types/filter-bar/src/composition/use-filter-items.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { FilterBarProps } from '../filter-bar.props';
+import { UseFilterItems } from './types';
+export declare function useFilterItems(props: FilterBarProps, context: SetupContext): UseFilterItems;

package/types/filter-bar/src/filter-bar.props.d.ts

@@ -0,0 +1,53 @@
+import { ExtractPropTypes, PropType } from "vue";
+import { Condition, FieldConfig } from "../../condition/src/types";
+export type FilterMode = 'editable' | 'display-only';
+export declare const filterBarProps: {
+    /** 被绑定数据 */
+    data: {
+        type: {
+            (arrayLength: number): Condition[];
+            (...items: Condition[]): Condition[];
+            new (arrayLength: number): Condition[];
+            new (...items: Condition[]): Condition[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    fields: {
+        type: {
+            (arrayLength: number): FieldConfig[];
+            (...items: FieldConfig[]): FieldConfig[];
+            new (arrayLength: number): FieldConfig[];
+            new (...items: FieldConfig[]): FieldConfig[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    mode: {
+        type: PropType<FilterMode>;
+        default: string;
+    };
+    resetText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type FilterBarProps = ExtractPropTypes<typeof filterBarProps>;

package/types/filter-bar/src/types.d.ts

@@ -0,0 +1,9 @@
+import { EditorConfig } from "../../dynamic-form";
+export interface FilterItem {
+    id: string;
+    fieldCode: string;
+    fieldName: string;
+    editor: EditorConfig;
+    displayText?: string;
+    hasValue?: boolean;
+}

package/types/image-cropper/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { App } from 'vue';
+import ImageCropper from './src/image-cropper.component';
+export * from './src/image-cropper.props';
+export { ImageCropper };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/image-cropper/src/composition/type.d.ts

@@ -0,0 +1,44 @@
+export interface CropperPosition {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export interface Dimensions {
+    width: number | undefined;
+    height: number | undefined;
+}
+export interface ExifTransform {
+    rotate: number;
+    flip: boolean;
+}
+export interface ImageCroppedEvent {
+    base64?: string | null;
+    file?: Blob | null;
+    width: number;
+    height: number;
+    cropperPosition: CropperPosition;
+    imagePosition: CropperPosition;
+    offsetImagePosition?: CropperPosition;
+}
+export interface ImageTransform {
+    scale?: number;
+    rotate?: number;
+    flipH?: boolean;
+    flipV?: boolean;
+}
+export declare enum MoveTypes {
+    Move = "move",
+    Resize = "resize"
+}
+export interface MoveStart {
+    active: boolean;
+    type: MoveTypes | null;
+    position: string | null;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    clientX: number;
+    clientY: number;
+}

package/types/image-cropper/src/composition/use-check-aspect-ratio.d.ts

@@ -0,0 +1,2 @@
+/** 用于处理树自动勾选子节点和优先返回父节点相关功能 */
+export declare function useCheckAspectRatio(cropper: any, maxSize: any, aspectRatio: any, moveStart: any): any;

package/types/image-cropper/src/composition/use-image-cropper.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ExifTransform } from './type';
+export declare function useImageCropper(): {
+    resizeCanvas: (canvas: HTMLCanvasElement, width: number, height: number) => void;
+    getTransformationsFromExifData: (exifRotationOrBase64Image: number | string) => ExifTransform;
+};