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

package/types/list-nav/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 ListNav from './src/list-nav.component';
+export * from './src/list-nav.props';
+export { ListNav };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/list-nav/src/list-nav.component.d.ts

@@ -0,0 +1,61 @@
+declare const _default: import("vue").DefineComponent<{
+    hover: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        Type: import("vue").PropType<"top" | "left" | "bottom" | "right">;
+        default: string; /** 初始收起状态 */
+    }; /** 初始收起状态 */
+    title: {
+        Type: StringConstructor;
+        default: string;
+    };
+    listNavWidth: {
+        Type: NumberConstructor;
+        default: number;
+    };
+    showEntry: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    hover: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        Type: import("vue").PropType<"top" | "left" | "bottom" | "right">;
+        default: string; /** 初始收起状态 */
+    }; /** 初始收起状态 */
+    title: {
+        Type: StringConstructor;
+        default: string;
+    };
+    listNavWidth: {
+        Type: NumberConstructor;
+        default: number;
+    };
+    showEntry: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    disabled: boolean;
+    position: string;
+    hover: boolean;
+    listNavWidth: number;
+    showEntry: boolean;
+}>;
+export default _default;

package/types/list-nav/src/list-nav.props.d.ts

@@ -0,0 +1,51 @@
+/**
+ * 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 { ExtractPropTypes, PropType } from 'vue';
+type positionValue = 'top' | 'left' | 'bottom' | 'right';
+export declare const listNavProps: {
+    /** hover */
+    hover: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否禁用 */
+    disabled: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 位置 */
+    position: {
+        Type: PropType<positionValue>;
+        default: string;
+    };
+    /** listnav 名称 */
+    title: {
+        Type: StringConstructor;
+        default: string;
+    };
+    /** listnav宽度;不支持百分比，因为此处的宽度被用在内部是外部 */
+    listNavWidth: {
+        Type: NumberConstructor;
+        default: number;
+    };
+    /** 显示入口 */
+    showEntry: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ListNavProps = ExtractPropTypes<typeof listNavProps>;
+export {};

package/types/list-view/src/components/header/content-header.component.d.ts

@@ -0,0 +1,6 @@
+import { SetupContext } from "vue";
+import { ListViewProps } from "../../list-view.props";
+import { UseSearch } from "../../composition/types";
+export default function (props: ListViewProps, context: SetupContext, useSearchComposition: UseSearch): {
+    renderHeader: () => JSX.Element | undefined;
+};

package/types/list-view/src/components/header/search-header.component.d.ts

@@ -0,0 +1,6 @@
+import { SetupContext } from "vue";
+import { ListViewProps } from "../../list-view.props";
+import { UseSearch } from "../../composition/types";
+export default function (props: ListViewProps, context: SetupContext, useSearchComposition: UseSearch): {
+    renderHeader: () => JSX.Element;
+};

package/types/list-view/src/components/list-view-checkbox.props.d.ts

@@ -27,5 +27,12 @@ export declare const listViewCheckBoxProps: {
         Type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * 组件值，字符串或者数组
+     */
+    modelValue: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type ListViewCheckBoxProps = ExtractPropTypes<typeof listViewCheckBoxProps>;

package/types/list-view/src/composition/types.d.ts

@@ -0,0 +1,40 @@
+import { Ref } from "vue";
+export interface UseItem {
+    getKey(item: any, index: number): any;
+    listViewItemClass(item: any, index: number): Record<string, any>;
+    onCheckItem(item: any, index: number): any;
+    onClickItem($event: MouseEvent, item: any, index: number): any;
+}
+export interface UseSelection {
+    clearSelection(): void;
+    findIndexInSelectedItems(item: any): number;
+    selectedItems: Ref<any[]>;
+    toggleSelectItem(item: any, index: number): void;
+}
+export interface UseSearch {
+    search(searchingText: string): void;
+}
+export interface UseDataView {
+    dataView: Ref<any[]>;
+    getSelectionItems: (selectionValues: string[]) => any[];
+}
+export interface UseDraggable {
+    dragstart: (e: DragEvent, item: any, index: number) => void;
+    dragenter: (e: DragEvent, index: number) => void;
+    dragover: (e: DragEvent, index: number) => void;
+    dragend: (e: DragEvent, item: any) => void;
+    isDragging: Ref<boolean>;
+}
+export interface UseRemove {
+    removeItem(index: number): void;
+}
+export interface UseHover {
+    activeIndex: Ref<number>;
+    focusedItemId: Ref<string>;
+    hoverIndex: Ref<number>;
+    onMouseenterItem($event: MouseEvent, item: any, index: number): any;
+    onMouseoverItem($event: MouseEvent, item: any, index: number): any;
+    onMouseoutItem($event: MouseEvent, item: any, index: number): any;
+    resumeHover(): void;
+    suspendHover(): void;
+}

package/types/list-view/src/composition/use-data-view.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { ListViewProps } from "../list-view.props";
+import { UseDataView } from "./types";
+export declare function useDataView(props: ListViewProps, context: SetupContext): UseDataView;

package/types/list-view/src/composition/use-draggable.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { ListViewProps } from "../list-view.props";
+import { UseDataView, UseDraggable, UseHover } from "./types";
+export declare function useDraggable(props: ListViewProps, context: SetupContext, dataViewComposition: UseDataView, useHoverComposition: UseHover): UseDraggable;

package/types/list-view/src/composition/use-hover.d.ts

@@ -0,0 +1,2 @@
+import { UseHover } from "./types";
+export declare function useHover(): UseHover;

package/types/list-view/src/composition/use-item.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { ListViewProps } from "../list-view.props";
+import { UseDraggable, UseHover, UseItem, UseSelection } from "./types";
+export declare function useItem(props: ListViewProps, context: SetupContext, useDraggableComposition: UseDraggable, useHoverComposition: UseHover, useSelectionComposition: UseSelection): UseItem;

package/types/list-view/src/composition/use-remove.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { ListViewProps } from "../list-view.props";
+import { UseDataView, UseRemove } from "./types";
+export declare function useRemove(props: ListViewProps, context: SetupContext, dataViewComposition: UseDataView): UseRemove;

package/types/list-view/src/composition/use-search.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from "vue";
+import { ListViewProps } from "../list-view.props";
+export declare function useSearch(props: ListViewProps, searchingTargetRef: Ref<any>): {
+    search: (searchingText: string) => void;
+};

package/types/list-view/src/composition/use-selection.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { ListViewProps } from "../list-view.props";
+import { UseDataView, UseSelection } from "./types";
+export declare function useSelection(props: ListViewProps, context: SetupContext, useDataViewCompostion: UseDataView): UseSelection;

package/types/list-view/src/list-view.component.d.ts

@@ -0,0 +1,203 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            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[];
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelectMode: {
+        Type: import("vue").PropType<import("./list-view.props").MultiSelectMode>;
+        default: string;
+    };
+    idField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    textField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    view: {
+        Type: import("vue").PropType<import("./list-view.props").ListViewType>;
+        default: string;
+    };
+    size: {
+        Type: import("vue").PropType<import("./list-view.props").ListViewSize>;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    header: {
+        Type: import("vue").PropType<import("./list-view.props").ListViewHeaderType>;
+        default: string;
+    };
+    headerClass: {
+        Type: StringConstructor;
+        default: string;
+    };
+    itemClass: {
+        Type: StringConstructor;
+        default: string;
+    };
+    selectionValues: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            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[];
+    };
+    keepOrder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableField: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            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[];
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        Type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelectMode: {
+        Type: import("vue").PropType<import("./list-view.props").MultiSelectMode>;
+        default: string;
+    };
+    idField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    textField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    view: {
+        Type: import("vue").PropType<import("./list-view.props").ListViewType>;
+        default: string;
+    };
+    size: {
+        Type: import("vue").PropType<import("./list-view.props").ListViewSize>;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    header: {
+        Type: import("vue").PropType<import("./list-view.props").ListViewHeaderType>;
+        default: string;
+    };
+    headerClass: {
+        Type: StringConstructor;
+        default: string;
+    };
+    itemClass: {
+        Type: StringConstructor;
+        default: string;
+    };
+    selectionValues: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            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[];
+    };
+    keepOrder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableField: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    data: any[];
+    header: string;
+    view: string;
+    placeholder: string;
+    multiSelect: boolean;
+    draggable: boolean;
+    textField: string;
+    valueField: string;
+    idField: string;
+    multiSelectMode: string;
+    headerClass: string;
+    itemClass: string;
+    selectionValues: string[];
+    keepOrder: boolean;
+    disableField: string;
+}>;
+export default _default;

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

@@ -13,14 +13,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
+export type MultiSelectMode = 'OnCheck' | 'OnClick' | 'OnCheckAndClick' | 'OnCheckClearByClick';
+export type ListViewType = 'SingleView' | 'ContentView' | 'DraggableView' | 'CardView';
+export type ListViewSize = 'small' | 'default' | 'large';
+export type ListViewHeaderType = 'SearchBar' | 'FilterBar' | 'ContentHeader';
 export declare const listViewProps: {
     data: {
         type: {
-            (arrayLength: number): object[];
-            (...items: object[]): object[];
-            new (arrayLength: number): object[];
-            new (...items: object[]): object[];
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -32,13 +36,78 @@ export declare const listViewProps: {
         };
         default: never[];
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiSelect: {
         Type: BooleanConstructor;
         default: boolean;
     };
-    cardView: {
-        Type: BooleanConstructor;
+    multiSelectMode: {
+        Type: PropType<MultiSelectMode>;
+        default: string;
+    };
+    idField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    textField: {
+        Type: StringConstructor;
+        default: string;
+    };
+    view: {
+        Type: PropType<ListViewType>;
+        default: string;
+    };
+    size: {
+        Type: PropType<ListViewSize>;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    header: {
+        Type: PropType<ListViewHeaderType>;
+        default: string;
+    };
+    headerClass: {
+        Type: StringConstructor;
+        default: string;
+    };
+    itemClass: {
+        Type: StringConstructor;
+        default: string;
+    };
+    selectionValues: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            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[];
+    };
+    keepOrder: {
+        type: BooleanConstructor;
         default: boolean;
     };
+    disableField: {
+        type: StringConstructor;
+        default: string;
+    };
 };
 export type ListViewProps = ExtractPropTypes<typeof listViewProps>;

package/types/loading/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 Loading from './src/loading.component';
+export * from './src/loading.props';
+export { Loading };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/loading/src/composition/types.d.ts

@@ -0,0 +1,19 @@
+export interface LoadingConfig {
+    width?: number;
+    container?: any;
+    message?: string;
+    position?: string;
+    template?: string;
+    type?: number;
+    /** 延迟1s 后在显示 */
+    delay?: number;
+}
+export declare const loadingDefaultConfig: {
+    width: number;
+    container: string;
+    message: string;
+    posion: string;
+    type: number;
+    delay: number;
+};
+export declare const LOADING_STYLES: string[];

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

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<{
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    message: string;
+    isActive: boolean;
+    showMessage: boolean;
+    debug: boolean;
+}>;
+export default _default;

package/types/loading/src/loading.props.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 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 { ExtractPropTypes } from 'vue';
+export declare const loadingProps: {
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type LoadingProps = ExtractPropTypes<typeof loadingProps>;