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

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;
+}

package/types/button-edit/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 { Ref, SetupContext } from 'vue';
+import { ButtonEditProps } from '../button-edit.props';
+export declare function useButton(props: ButtonEditProps, context: SetupContext, shouldShowConent: Ref<boolean>): UseButton;

package/types/button-edit/src/composition/use-clear.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 { ComputedRef, Ref, SetupContext } from 'vue';
+import { ButtonEditProps } from '../button-edit.props';
+import { UseClear } from './types';
+export declare function useClear(props: ButtonEditProps, context: SetupContext, modelValue: Ref<string>, hasFocusedTextBox: ComputedRef<boolean>, displayText: Ref<string>): UseClear;

package/types/button-edit/src/composition/use-text-box.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 { Ref, SetupContext } from 'vue';
+import { ButtonEditProps } from '../button-edit.props';
+import { UseTextBox } from './types';
+export declare function useTextBox(props: ButtonEditProps, context: SetupContext, modelValue: Ref<string>, displayText: Ref<string>): UseTextBox;

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

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

@@ -0,0 +1,148 @@
+declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    enumData: {
+        type: {
+            (arrayLength: number): import("./composition/types").Checkbox[];
+            (...items: import("./composition/types").Checkbox[]): import("./composition/types").Checkbox[];
+            new (arrayLength: number): import("./composition/types").Checkbox[];
+            new (...items: import("./composition/types").Checkbox[]): import("./composition/types").Checkbox[];
+            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[];
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: (StringConstructor | {
+        (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;
+    })[];
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    isStringValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadData: {
+        type: FunctionConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:modelValue" | "changeValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    enumData: {
+        type: {
+            (arrayLength: number): import("./composition/types").Checkbox[];
+            (...items: import("./composition/types").Checkbox[]): import("./composition/types").Checkbox[];
+            new (arrayLength: number): import("./composition/types").Checkbox[];
+            new (...items: import("./composition/types").Checkbox[]): import("./composition/types").Checkbox[];
+            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[];
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: (StringConstructor | {
+        (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;
+    })[];
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    isStringValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadData: {
+        type: FunctionConstructor;
+    };
+}>>, {
+    name: string;
+    disable: boolean;
+    tabIndex: number;
+    enumData: import("./composition/types").Checkbox[];
+    textField: string;
+    valueField: string;
+    horizontal: boolean;
+    separator: string;
+    isStringValue: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,123 @@
+/**
+ * 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';
+import { Checkbox } from './composition/types';
+export declare const checkboxGroupProps: {
+    /**
+     * 组件标识
+     */
+    id: StringConstructor;
+    /**
+     * 组件名称
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 单选组枚举数组
+     */
+    enumData: {
+        type: {
+            (arrayLength: number): Checkbox[];
+            (...items: Checkbox[]): Checkbox[];
+            new (arrayLength: number): Checkbox[];
+            new (...items: Checkbox[]): Checkbox[];
+            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[];
+    };
+    /**
+     * 枚举数组中展示文本的key值。
+     */
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 枚举数组中枚举值的key值。
+     */
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 组件是否水平排列
+     */
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 禁用组件，不允许切换单选值
+     */
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件值，字符串或者数组
+     */
+    modelValue: (StringConstructor | {
+        (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;
+    })[];
+    /**
+     * 输入框Tab键索引
+     */
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 分隔符，默认逗号
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 值类型是否为字符串
+     */
+    isStringValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 异步获取枚举数组方法
+     */
+    loadData: {
+        type: FunctionConstructor;
+    };
+};
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;

package/types/checkbox/src/composition/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.
+ */
+import { ComputedRef, Ref } from 'vue';
+export interface Checkbox {
+    [key: string]: any;
+    /**
+     * 枚举值
+     */
+    value: ComputedRef<any>;
+    /**
+     * 枚举展示文本
+     */
+    name: ComputedRef<any>;
+}
+export interface ChangeCheckbox {
+    enumData: Ref<Array<Checkbox>>;
+    /**
+     * 获取枚举值
+     */
+    getValue(item: Checkbox): any;
+    /**
+     * 获取枚举文本
+     */
+    getText(item: Checkbox): any;
+    /**
+     * 校验复选框是否为选中状态
+     */
+    checked(item: Checkbox): boolean;
+    /**
+     * 点击复选框事件
+     */
+    onClickCheckbox: (item: Checkbox, $event: Event) => void;
+}

package/types/checkbox/src/composition/use-checkbox-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 { ChangeCheckbox } from './types';
+import { Ref, SetupContext } from 'vue';
+import { CheckboxGroupProps } from '../checkbox-group.props';
+export declare function useCheckboxGroup(props: CheckboxGroupProps, context: SetupContext, modelValue: Ref<string | Array<string> | undefined>): ChangeCheckbox;

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