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

package/types/image-cropper/src/image-cropper.component.d.ts

@@ -0,0 +1,248 @@
+import { CropperPosition } from './composition/type';
+declare const _default: import("vue").DefineComponent<{
+    format: {
+        type: import("vue").PropType<"jpeg" | "png" | "bmp" | "webp" | "ico">;
+        default: string;
+    };
+    maintainAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transform: {
+        type: import("vue").PropType<import("./composition/type").ImageTransform>;
+        default: {
+            scale: number;
+            rotate: number;
+            flipH: boolean;
+            flipV: boolean;
+        };
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resizeToWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resizeToHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperMinWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperMinHeight: {
+        type: NumberConstructor;
+        default: number; /** 裁剪的坐标 */
+    }; /** 裁剪的坐标 */
+    canvasRotation: {
+        type: NumberConstructor; /** scale缩放 rotate旋转 flipH横向反转 flipV垂直翻转 执行变化 */
+        default: number;
+    };
+    roundCropper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onlyScaleDown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageQuality: {
+        type: NumberConstructor;
+        default: number; /** 宽高比例 width/height */
+    }; /** 宽高比例 width/height */
+    autoCrop: {
+        type: BooleanConstructor; /** 是否每次修改cropper的位置或大小时，cropper都会发出一个图像 */
+        default: boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    containWithinAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean; /** 裁剪后图片被调整为的宽高 */
+    }; /** 裁剪后图片被调整为的宽高 */
+    hideResizeSquares: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadImageErrorText: {
+        type: StringConstructor;
+        default: string;
+    };
+    alignImage: {
+        type: import("vue").PropType<"left" | "center">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageURL: {
+        type: StringConstructor;
+        default: string;
+    };
+    imageChangedEvent: {
+        type: ObjectConstructor; /** 适用于使用jpeg或webp作为输出格式时。输入0到100之间的数字将决定输出图像的质量 */
+        default: null;
+    };
+    imageBase64: {
+        type: StringConstructor;
+        default: string;
+    };
+    imageFile: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    cropper: {
+        /** 裁剪最小高度 */
+        type: import("vue").PropType<CropperPosition>;
+        default: {
+            x1: number;
+            /** 图片居中 */
+            y1: number;
+            x2: number;
+            y2: number;
+        }; /** 裁剪形状是否为圆形 */
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    format: {
+        type: import("vue").PropType<"jpeg" | "png" | "bmp" | "webp" | "ico">;
+        default: string;
+    };
+    maintainAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transform: {
+        type: import("vue").PropType<import("./composition/type").ImageTransform>;
+        default: {
+            scale: number;
+            rotate: number;
+            flipH: boolean;
+            flipV: boolean;
+        };
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resizeToWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resizeToHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperMinWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cropperMinHeight: {
+        type: NumberConstructor;
+        default: number; /** 裁剪的坐标 */
+    }; /** 裁剪的坐标 */
+    canvasRotation: {
+        type: NumberConstructor; /** scale缩放 rotate旋转 flipH横向反转 flipV垂直翻转 执行变化 */
+        default: number;
+    };
+    roundCropper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onlyScaleDown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageQuality: {
+        type: NumberConstructor;
+        default: number; /** 宽高比例 width/height */
+    }; /** 宽高比例 width/height */
+    autoCrop: {
+        type: BooleanConstructor; /** 是否每次修改cropper的位置或大小时，cropper都会发出一个图像 */
+        default: boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    containWithinAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean; /** 裁剪后图片被调整为的宽高 */
+    }; /** 裁剪后图片被调整为的宽高 */
+    hideResizeSquares: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadImageErrorText: {
+        type: StringConstructor;
+        default: string;
+    };
+    alignImage: {
+        type: import("vue").PropType<"left" | "center">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageURL: {
+        type: StringConstructor;
+        default: string;
+    };
+    imageChangedEvent: {
+        type: ObjectConstructor; /** 适用于使用jpeg或webp作为输出格式时。输入0到100之间的数字将决定输出图像的质量 */
+        default: null;
+    };
+    imageBase64: {
+        type: StringConstructor;
+        default: string;
+    };
+    imageFile: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    cropper: {
+        /** 裁剪最小高度 */
+        type: import("vue").PropType<CropperPosition>;
+        default: {
+            x1: number;
+            /** 图片居中 */
+            y1: number;
+            x2: number;
+            y2: number;
+        }; /** 裁剪形状是否为圆形 */
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    transform: import("./composition/type").ImageTransform;
+    backgroundColor: string;
+    format: "jpeg" | "png" | "bmp" | "webp" | "ico";
+    aspectRatio: number;
+    maintainAspectRatio: boolean;
+    resizeToWidth: number;
+    resizeToHeight: number;
+    cropperMinWidth: number;
+    cropperMinHeight: number;
+    canvasRotation: number;
+    roundCropper: boolean;
+    onlyScaleDown: boolean;
+    imageQuality: number;
+    autoCrop: boolean;
+    containWithinAspectRatio: boolean;
+    hideResizeSquares: boolean;
+    loadImageErrorText: string;
+    alignImage: "left" | "center";
+    imageURL: string;
+    imageChangedEvent: Record<string, any>;
+    imageBase64: string;
+    imageFile: Record<string, any>;
+    cropper: CropperPosition;
+}>;
+export default _default;

package/types/image-cropper/src/image-cropper.props.d.ts

@@ -0,0 +1,153 @@
+/**
+ * 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';
+import { ImageTransform, CropperPosition } from './composition/type';
+type FormatValue = 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
+type AlignImageValue = 'left' | 'center';
+export declare const imageCropperProps: {
+    /** 输出图片格式 */
+    format: {
+        type: PropType<FormatValue>;
+        default: string;
+    };
+    /** 保持长宽比例 */
+    maintainAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** scale缩放 rotate旋转 flipH横向反转 flipV垂直翻转 执行变化 */
+    transform: {
+        type: PropType<ImageTransform>;
+        default: {
+            scale: number;
+            rotate: number;
+            flipH: boolean;
+            flipV: boolean;
+        };
+    };
+    /** 宽高比例 width/height */
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 裁剪后图片被调整为的宽度 */
+    resizeToWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 裁剪后图片被调整为的高度 */
+    resizeToHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 裁剪最小宽度 */
+    cropperMinWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 裁剪最小高度 */
+    cropperMinHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 旋转画布 1 = 90deg  */
+    canvasRotation: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 裁剪形状是否为圆形 */
+    roundCropper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 启用这个选项将确保较小的图像不会被放大 */
+    onlyScaleDown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 适用于使用jpeg或webp作为输出格式时。输入0到100之间的数字将决定输出图像的质量 */
+    imageQuality: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否每次修改cropper的位置或大小时，cropper都会发出一个图像 */
+    autoCrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 背景色 */
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 是否在图像周围添加填充以使其适合长宽比 */
+    containWithinAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 隐藏 */
+    hideResizeSquares: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 图片加载错误的提示 */
+    loadImageErrorText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 图片居中 */
+    alignImage: {
+        type: PropType<AlignImageValue>;
+        default: string;
+    };
+    /** 是否禁用 */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 图片路径 */
+    imageURL: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 图片事件变化 */
+    imageChangedEvent: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    /** imageBase64 */
+    imageBase64: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** imageFile */
+    imageFile: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    /** 裁剪的坐标 */
+    cropper: {
+        type: PropType<CropperPosition>;
+        default: {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        };
+    };
+};
+export type ImageCropperProps = ExtractPropTypes<typeof imageCropperProps>;
+export {};

package/types/index.d.ts

@@ -14,6 +14,11 @@
  * limitations under the License.
  */
 import { App } from 'vue';
+export { Accordion, AccordionItem } from './accordion';
+export { ButtonEdit } from './button-edit';
+export { FDataGrid as DataGrid } from './data-grid';
+export { Section } from './section';
+export * from './uploader';
 declare const _default: {
     install(app: App): void;
 };

package/types/input-group/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 InputGroup from './src/input-group.component';
+export * from './src/input-group.props';
+export { InputGroup };
+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/input-group/src/components/appended-button.component.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { InputGroupProps } from '../input-group.props';
+import { UseAppendedButton, UseClear, UsePassword } from '../composition/types';
+export default function (props: InputGroupProps, context: SetupContext, useAppendedButtonComposition: UseAppendedButton, useClearComposition: UseClear, usePasswordComposition: UsePassword): () => JSX.Element;

package/types/input-group/src/components/text-edit.component.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { InputGroupProps } from '../input-group.props';
+import { UsePassword, UseTextBox } from '../composition/types';
+export default function (props: InputGroupProps, context: SetupContext, usePasswordComposition: UsePassword, useTextBoxComposition: UseTextBox): () => JSX.Element;

package/types/input-group/src/composition/types.d.ts

@@ -0,0 +1,37 @@
+import { ComputedRef, Ref } from "vue";
+export interface UseAppendedButton {
+    appendedButtonClass: ComputedRef<Record<string, boolean>>;
+    appendedContent: Ref<string>;
+    appendedContentTemplate: Ref<HTMLElement | null>;
+    shouldShowAppendedButton: ComputedRef<boolean>;
+}
+export interface UseClear {
+    clearButtonClass: ComputedRef<Record<string, boolean>>;
+    clearButtonStyle: ComputedRef<Record<string, any>>;
+    hasShownClearButton: Ref<boolean>;
+    onClearValue: ($event: MouseEvent) => void;
+    onMouseEnter: ($event: MouseEvent) => void;
+    onMouseLeave: ($event: MouseEvent) => void;
+    shouldShowClearButton: ComputedRef<boolean>;
+}
+export interface UsePassword {
+    isPassword: Ref<boolean>;
+    onClickAppendedButton: () => void;
+}
+export interface UseTextBox {
+    changeTextBoxValue: (newValue: any, shouldEmitChangeEvent?: boolean) => void;
+    disabled: Ref<boolean>;
+    editable: Ref<boolean>;
+    inputGroupEditorClass: ComputedRef<Record<string, boolean>>;
+    inputType: Ref<string>;
+    isEmpty: ComputedRef<boolean>;
+    modelValue: Ref<string>;
+    onBlur: (event: FocusEvent) => void;
+    onEnter: ($event: KeyboardEvent) => void;
+    onInputClick: ($event: MouseEvent) => void;
+    onInputFocus: ($event: FocusEvent) => void;
+    onMousedown: ($event: MouseEvent) => void;
+    onTextBoxValueChange: ($event: Event) => void;
+    readonly: ComputedRef<boolean>;
+    textBoxPlaceholder: ComputedRef<string>;
+}

package/types/input-group/src/composition/use-appended-button.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { InputGroupProps } from "../input-group.props";
+import { UseAppendedButton } from "./types";
+export declare function useAppendedButton(props: InputGroupProps, context: SetupContext): UseAppendedButton;

package/types/input-group/src/composition/use-clear.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { InputGroupProps } from "../input-group.props";
+import { UseClear, UseTextBox } from "./types";
+export declare function useClear(props: InputGroupProps, context: SetupContext, useTextBoxComposition: UseTextBox): UseClear;

package/types/input-group/src/composition/use-password.d.ts

@@ -0,0 +1,4 @@
+import { Ref, SetupContext } from "vue";
+import { InputGroupProps } from "../input-group.props";
+import { UseAppendedButton, UsePassword } from "./types";
+export declare function usePassword(props: InputGroupProps, context: SetupContext, inputType: Ref<string>, useAppendedButtonComposition: UseAppendedButton): UsePassword;

package/types/input-group/src/composition/use-text-box.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { InputGroupProps } from "../input-group.props";
+import { UseTextBox } from "./types";
+export declare function useTextBox(props: InputGroupProps, context: SetupContext): UseTextBox;

package/types/input-group/src/input-group.props.d.ts

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

package/types/input-group/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/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;
+};