@farris/ui-vue 1.0.0-beta.3 → 1.0.0-beta.4

package/types/button/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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 FButton from './src/button.component';
+export * from './src/button.props';
+export * from './src/button-group.props';
+export { FButton };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/button/src/button-group.component.d.ts

@@ -0,0 +1,106 @@
+declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    rectifyReferenceH: {
+        type: ObjectConstructor;
+    };
+    rectifyReferenceV: {
+        type: ObjectConstructor;
+    };
+    autoRectify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    realPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    rectifyPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: ArrayConstructor;
+    };
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<"top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "bottom" | "bottom-left" | "bottom-right" | "right" | "right-top" | "right-bottom">;
+        default: string;
+    };
+    showPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dpFlag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "click" | "changeState" | "clickMenuOut", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    rectifyReferenceH: {
+        type: ObjectConstructor;
+    };
+    rectifyReferenceV: {
+        type: ObjectConstructor;
+    };
+    autoRectify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    realPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    rectifyPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: ArrayConstructor;
+    };
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<"top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "bottom" | "bottom-left" | "bottom-right" | "right" | "right-top" | "right-bottom">;
+        default: string;
+    };
+    showPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dpFlag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    type: string;
+    size: string;
+    autoRectify: boolean;
+    realPlacement: string;
+    rectifyPlacement: string;
+    count: number;
+    placement: "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "bottom" | "bottom-left" | "bottom-right" | "right" | "right-top" | "right-bottom";
+    showPanel: boolean;
+    dpFlag: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,106 @@
+/**
+ * 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 PlacementDirection = 'top' | 'top-left' | 'top-right' | 'left' | 'left-top' | 'left-bottom' | 'bottom' | 'bottom-left' | 'bottom-right' | 'right' | 'right-top' | 'right-bottom';
+export declare const buttonGroupProps: {
+    /**
+     * 组件标识
+     */
+    id: StringConstructor;
+    /**
+     * 横向纠正的参照
+     */
+    rectifyReferenceH: {
+        type: ObjectConstructor;
+    };
+    /**
+     * 纵向纠正的参照
+     */
+    rectifyReferenceV: {
+        type: ObjectConstructor;
+    };
+    /**
+     * 是否自动纠正位置
+     */
+    autoRectify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 计算方向的真正placement
+     */
+    realPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 重新计算后的placement
+     */
+    rectifyPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 按钮信息
+     */
+    data: {
+        type: ArrayConstructor;
+    };
+    /**
+     * 显示的按钮数量  默认为2
+     */
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 按钮大小
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 按钮样式
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 按钮展示位置
+     */
+    placement: {
+        type: PropType<PlacementDirection>;
+        default: string;
+    };
+    /**
+     * 下拉面板显示
+     */
+    showPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 下拉面板显示标志
+     */
+    dpFlag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export default buttonGroupProps;
+export type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>;

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

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    type: {
+        type: import("vue").PropType<"link" | "primary" | "warning" | "danger" | "success" | "secondary">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "large">;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    type: {
+        type: import("vue").PropType<"link" | "primary" | "warning" | "danger" | "success" | "secondary">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "large">;
+        default: string;
+    };
+}>>, {
+    type: "link" | "primary" | "warning" | "danger" | "success" | "secondary";
+    disabled: boolean;
+    size: "small" | "large";
+}>;
+export default _default;

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

@@ -0,0 +1,47 @@
+/**
+ * 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 ButtonType = 'primary' | 'warning' | 'danger' | 'success' | 'link' | 'secondary';
+type SizeType = 'small' | 'large';
+export declare const buttonProps: {
+    /**
+     * 组件标识
+     */
+    id: StringConstructor;
+    /**
+     * 设置按钮类型
+     */
+    type: {
+        type: PropType<ButtonType>;
+        default: string;
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 按钮尺寸
+     */
+    size: {
+        type: PropType<SizeType>;
+        default: string;
+    };
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+export {};

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

@@ -0,0 +1,24 @@
+/**
+ * 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 UseButtonGroup {
+    showPanel: any;
+    clickEvent: ($event: Event) => void;
+    toggle: ($event: Event, btn: any) => void;
+    getRealPlacement: (pment: any) => void;
+    bindMenuMouseenter: (this: any) => void;
+    unbindMenuMouseleave: (this: any) => void;
+    bindMenuMouseleave: (this: any) => void;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * 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 UseButton {
+    /**
+     * 附加按钮的Class
+     */
+    /**
+     * 点击附加按钮事件响应函数
+     */
+    onClickButton: ($event: Event) => void;
+}

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

@@ -0,0 +1,19 @@
+/**
+ * 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 { UseButtonGroup } from './types-group';
+import { ButtonGroupProps } from '../button-group.props';
+import { SetupContext } from 'vue';
+export declare function useButtonGroup(props: ButtonGroupProps, context: SetupContext, dpMenu: any, dpBtn: any): UseButtonGroup;

package/types/button/src/composition/use-button.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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 { UseButton } from './types';
+import { ButtonProps } from '../button.props';
+import { SetupContext } from 'vue';
+export declare function useButton(props: ButtonProps, context: SetupContext): UseButton;

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

package/types/button-edit/src/button-edit.props.d.ts

@@ -0,0 +1,135 @@
+/**
+ * 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 TextAlignment = 'left' | 'center' | 'right';
+export declare const buttonEditProps: {
+    /**
+     * 组件标识
+     */
+    id: StringConstructor;
+    /**
+     * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
+     */
+    buttonContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 启用输入框自动完成功能
+     */
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件自定义样式
+     */
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
+     */
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 允许在输入框中录入文本。
+     */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示清空文本按钮
+     */
+    enableClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件值
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 文本对齐方式
+     */
+    textAlign: {
+        type: PropType<TextAlignment>;
+        default: string;
+    };
+    /**
+     * 禁用组件时，是否显示扩展按钮
+     */
+    showButtonWhenDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示输入框的标签
+     */
+    enableTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入框类型
+     */
+    inputType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 显示输入框提示信息
+     */
+    forcePlaceholder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入框提示文本
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入框最小长度
+     */
+    minLength: NumberConstructor;
+    /**
+     * 输入框最大长度
+     */
+    maxLength: NumberConstructor;
+    /**
+     * 输入框Tab键索引
+     */
+    tabIndex: NumberConstructor;
+};
+export type ButtonEditProps = ExtractPropTypes<typeof buttonEditProps>;
+export {};

package/types/button-edit/src/composition/types.d.ts

@@ -0,0 +1,118 @@
+/**
+ * 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 { ComputedRef, Ref } from 'vue';
+export interface UseButton {
+    /**
+     * 附加按钮的Class
+     */
+    buttonClass: ComputedRef<Record<string, boolean | undefined>>;
+    /**
+     * 点击附加按钮事件响应函数
+     */
+    onClickButton: ($event: Event) => void;
+    /**
+     * 鼠标移入附加按钮事件响应函数
+     */
+    onMouseEnterButton: ($event: MouseEvent) => void;
+    /**
+     * 鼠标移出附加按钮事件响应函数
+     */
+    onMouseLeaveButton: ($event: MouseEvent) => void;
+    /**
+     * 鼠标滑过附加按钮事件响应函数
+     */
+    onMouseOverButton: () => void;
+}
+export interface UseClear {
+    /**
+     * 启用清空按钮
+     */
+    enableClearButton: ComputedRef<boolean>;
+    /**
+     * 显示清空按钮
+     */
+    showClearButton: Ref<boolean>;
+    /**
+     * 清空输入框值事件响应函数
+     */
+    onClearValue: ($event: Event) => void;
+    /**
+     * 鼠标进入输入框事件响应函数
+     */
+    onMouseEnterTextBox: ($event: MouseEvent) => void;
+    /**
+     * 鼠标移出输入框事件响应函数
+     */
+    onMouseLeaveTextBox: ($event: MouseEvent) => void;
+}
+export interface UseTextBox {
+    /**
+     * 输入框是否获得焦点
+     */
+    hasFocusedTextBox: ComputedRef<boolean>;
+    /**
+     * 输入框是否处于只读状态
+     */
+    isTextBoxReadonly: ComputedRef<boolean>;
+    /**
+     * 输入框Class
+     */
+    textBoxClass: ComputedRef<Record<string, boolean | undefined>>;
+    /**
+     * 输入框提示语
+     */
+    textBoxPlaceholder: ComputedRef<string>;
+    /**
+     * 输入框提示标签
+     */
+    textBoxTitle: ComputedRef<string>;
+    /**
+     * 更新输入框的值并触发change事件
+     */
+    changeTextBoxValue: (newValue: string, showEmitChangeEmit: boolean) => void;
+    /**
+     * 输入框失去焦点事件响应函数
+     */
+    onBlurTextBox: ($event: Event) => void;
+    /**
+     * 鼠标点击输入框事件响应函数
+     */
+    onClickTextBox: ($event: Event) => void;
+    /**
+     * 输入框获得焦点事件响应函数
+     */
+    onFocusTextBox: ($event: Event) => void;
+    /**
+     * 输入框值变化事件
+     */
+    onInput: ($event: Event) => void;
+    /**
+     * 鼠标点击输入框事件响应函数
+     */
+    onMouseDownTextBox: ($event: MouseEvent) => void;
+    /**
+     * 键盘在输入框按下事件
+     */
+    onKeyDownTextBox: ($event: Event) => void;
+    /**
+     * 键盘在输入框抬起事件
+     */
+    onKeyUpTextBox: ($event: Event) => void;
+    /**
+     * 输入框值变化事件响应函数
+     */
+    onTextBoxValueChange: ($event: Event) => void;
+}