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

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

@@ -0,0 +1,290 @@
+/**
+ * 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 { Options, Placement, Remote, ViewType } from './types';
+/**
+ * 下拉列表属性
+ */
+export declare const comboListProps: {
+    /**
+     * 组件标识
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * 可选，是否可编辑
+     * 默认`false`
+     */
+    editable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 可选，是否禁用
+     * 默认为`false`
+     */
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 可选，是否只读
+     * 默认为`false`
+     */
+    readonly: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 最大输入长度
+     */
+    maxLength: {
+        type: NumberConstructor;
+    };
+    /**
+     * 占位符
+     */
+    placeholder: {
+        type: StringConstructor;
+    };
+    /**
+     * 可选，强制显示占位符
+     * 默认`false`
+     */
+    forcePlaceholder: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 可选，是否启用清空
+     * 默认启用
+     */
+    enableClear: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 可选，鼠标悬停时是否显示控件值
+     * 默认显示
+     */
+    enableTitle: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 可选，下拉列表值展示方式
+     * 支持text | tag，即文本或标签，默认为`ViewType.Text`，即文本方式`text`
+     */
+    viewType: {
+        default: ViewType;
+        type: PropType<ViewType>;
+    };
+    /**
+     * 可选，字段映射
+     */
+    mapFields: {
+        type: ObjectConstructor;
+    };
+    /**
+     * 下拉数据源
+     */
+    data: {
+        type: PropType<Options>;
+    };
+    /**
+     * 可选，数据源id字段
+     * 默认为`id`
+     */
+    idField: {
+        default: string;
+        type: StringConstructor;
+    };
+    /**
+     * 可选，数据源值字段
+     * 默认为`id`
+     */
+    valueField: {
+        default: string;
+        type: StringConstructor;
+    };
+    /**
+     * 可选，数据源显示字段
+     * 默认为`label`
+     */
+    textField: {
+        default: string;
+        type: StringConstructor;
+    };
+    /**
+     * 可选，是否支持多选
+     * 默认`false`
+     */
+    multiSelect: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 远端数据源信息
+     */
+    remote: {
+        default: null;
+        type: PropType<Remote>;
+    };
+    /**
+     * 可选，最大高度
+     * 默认`350`
+     */
+    maxHeight: {
+        default: number;
+        type: NumberConstructor;
+    };
+    /**
+     * 可选，是否支持远端过滤
+     * 默认`false`
+     */
+    remoteSearch: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 可选，清空值时隐藏面板
+     * 默认`true`
+     */
+    hidePanelOnClear: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 可选，分隔符
+     * 默认`,`
+     */
+    separator: {
+        default: string;
+        type: StringConstructor;
+    };
+    /**
+     * 可选，展示文本
+     * 默认为空字符串
+     */
+    displayText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 绑定值
+     */
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /**
+     * 可选，下拉图标
+     * 默认为'<span class="f-icon f-icon-arrow-60-down"></span>'
+     */
+    dropDownIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * tabIndex
+     */
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 可选，启用搜索
+     * 默认为`false`
+     */
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 可选，下拉面板展示位置
+     * 默认为`auto`
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: Placement;
+    };
+};
+export type ComboListProps = ExtractPropTypes<typeof comboListProps>;
+/**
+ * option 属性
+ */
+export declare const optionProps: {
+    /**
+     * 必须，值
+     */
+    value: {
+        required: boolean;
+        type: PropType<string | number>;
+    };
+    /**
+     * 必须，名称
+     */
+    name: {
+        required: boolean;
+        type: PropType<string | number>;
+    };
+    /**
+     * 可选，是否禁用
+     * 默认`false`
+     */
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    /**
+     * 是否已经勾选
+     */
+    checked: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+};
+export type OptionProps = ExtractPropTypes<typeof optionProps>;
+/**
+ * panel 属性
+ */
+export declare const panelProps: {
+    /**
+     * 下拉面板是否可见
+     */
+    isPanelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 可选，下拉列表展示位置
+     * 默认为`bottom`
+     */
+    position: {
+        type: PropType<Placement>;
+        default: Placement;
+    };
+};
+export type PanelProps = ExtractPropTypes<typeof panelProps>;
+/**
+ * options 属性
+ */
+export declare const optionsProps: {
+    options: {
+        type: PropType<Options>;
+    };
+};
+export type OptionsProps = ExtractPropTypes<typeof optionsProps>;

package/types/combo-list/src/components/option.component.d.ts

@@ -0,0 +1,39 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        required: boolean;
+        type: import("vue").PropType<string | number>;
+    };
+    name: {
+        required: boolean;
+        type: import("vue").PropType<string | number>;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    checked: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        required: boolean;
+        type: import("vue").PropType<string | number>;
+    };
+    name: {
+        required: boolean;
+        type: import("vue").PropType<string | number>;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    checked: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>>, {
+    disabled: boolean;
+    checked: boolean;
+}>;
+export default _default;

package/types/combo-list/src/components/options.component.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: import("vue").PropType<import("../types").Options>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: import("vue").PropType<import("../types").Options>;
+    };
+}>>, {}>;
+export default _default;

package/types/combo-list/src/composition/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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 * from './use-option';
+export * from './use-combo-list';
+export * from './use-panel';

package/types/combo-list/src/composition/use-combo-list.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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 { SetupContext } from 'vue';
+import { ComboListProps } from '../combo-list.props';
+import { Option, UseComboListEventOptions, UseComboListEvent } from '../types';
+export declare function useComboList(props: ComboListProps, context: SetupContext): {
+    displayText: import("vue").Ref<string | undefined>;
+    modelValue: import("vue").Ref<string | number | undefined>;
+    isPanelVisible: import("vue").Ref<boolean>;
+    dataSource: import("vue").Ref<any>;
+    onValueChange: (item: Option) => void;
+};
+/**
+ * 下拉列表事件处理钩子
+ * @param options 上下文
+ */
+export declare function useComboListEvent(options: UseComboListEventOptions): UseComboListEvent;

package/types/combo-list/src/composition/use-option.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 { SetupContext } from 'vue';
+import { UseOption } from '../types';
+import { OptionProps } from '../combo-list.props';
+export declare function useOption(props: OptionProps, context: SetupContext): UseOption;

package/types/combo-list/src/composition/use-options.d.ts

@@ -0,0 +1,2 @@
+import { UseOptions } from '../types';
+export declare function useOptions(): UseOptions;

package/types/combo-list/src/composition/use-panel.d.ts

@@ -0,0 +1,8 @@
+import { UsePanelEventOptions, UsePanelEvent, UsePanelOptions, UsePanel } from '../types';
+export declare function usePanel(options: UsePanelOptions): UsePanel;
+/**
+ * 下拉列表事件处理钩子
+ * @param options 上下文
+ */
+export declare function usePanelEvent(options: UsePanelEventOptions): UsePanelEvent;
+export declare function debounce(task: (...args: any) => any, timeout?: number): (...args: any) => void;

package/types/combo-list/src/const.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 { InjectionKey } from 'vue';
+import { ComboListContext, ComboListPanelContext } from './types';
+export declare const groupIcon = "<span class=\"f-icon f-icon-arrow-60-down\"></span>";
+/**
+ * combo list injector token
+ */
+export declare const COMBO_LIST_TOKEN: InjectionKey<Readonly<ComboListContext>>;
+/**
+ * combo-list panel injector token
+ */
+export declare const COMBO_LIST_PANEL_TOKEN: InjectionKey<Readonly<ComboListPanelContext>>;
+/**
+ * combo-list component events
+ */
+export declare const enum EVENTS {
+    clear = "clear",
+    update = "update:modelValue"
+}
+/**
+ * panel component events
+ */
+export declare const enum PANEL_EVENTS {
+    panelShow = "panelShow",
+    panelHidden = "panelHidden"
+}

package/types/combo-list/src/types.d.ts

@@ -0,0 +1,186 @@
+/**
+ * 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, Slot } from 'vue';
+import { ComboListProps, PanelProps } from './combo-list.props';
+export type ModelValue = number | string | undefined | Array<number | string | undefined>;
+/**
+ * 数据展现方式
+ */
+export declare enum ViewType {
+    Text = "text",
+    Tag = "tag"
+}
+/**
+ * 展示位置
+ */
+export declare const enum Placement {
+    /**
+     * 在控件的上方展示
+     */
+    top = "top",
+    /**
+     * 在控件底部展示
+     */
+    bottom = "bottom",
+    /**
+     * 根据控件的位置自动确认展示位置
+     */
+    auto = "auto"
+}
+export interface UseOption {
+    name: ComputedRef<string | number | undefined>;
+    /**
+     * 下拉列表行样式
+     */
+    rowStyle: ComputedRef<any>;
+    onOptionClick: ($event: Event) => void;
+    optionClass: ComputedRef<object>;
+    multiSelect: ComputedRef<boolean>;
+    isChecked: ComputedRef<boolean>;
+    defaultOptionSlot: any;
+}
+export interface Option {
+    disabled: boolean;
+    [prop: string]: any;
+}
+export type Options = Array<Option>;
+export interface ComboListContext {
+    readonly isPanelVisible: boolean;
+    readonly comboListProps: ComboListProps;
+    readonly comboListRef: Ref<any>;
+    readonly modelValue: string | number | undefined;
+    dataSource: Ref<Options>;
+    readonly defaultOptionSlot: Slot | undefined;
+    readonly [prop: string]: any;
+}
+export interface ComboListPanelContext {
+    readonly onPanelItemClick: (event: any) => void;
+    readonly data: Options;
+}
+/**
+ * combo-list事件钩子参数约定
+ */
+export interface UseComboListEventOptions {
+    /**
+     * is combo-list panel visible(opend)
+     */
+    isPanelVisible: Ref<boolean | unknown>;
+    /**
+     * combo-list props
+     */
+    props: ComboListProps;
+    /**
+     * setup context
+     */
+    context: SetupContext;
+    /**
+     * modelvalue
+     */
+    modelValue: Ref<string | number | undefined>;
+}
+export interface UseComboListEvent {
+    /**
+     * clear event handler
+     */
+    onClear: ($event: Event) => void;
+    /**
+     * button click event handler
+     */
+    onButtonClick: ($event: any) => void;
+    /**
+     * button click event handler
+     */
+    onPanelHidden: ($event: any) => void;
+    /**
+     * text box click event handler
+     * @param $event
+     * @returns
+     */
+    onClick: ($event: any) => void;
+}
+export interface UsePanelOptions {
+    panelRef: Ref<any>;
+    /**
+     * combo-list props
+     */
+    props: PanelProps;
+    /**
+     * is combo-list panel visible(opend)
+     */
+    isPanelVisible: Ref<boolean>;
+    /**
+     * setup context
+     */
+    context: SetupContext;
+}
+export interface UsePanel {
+    /**
+     * panel class
+     */
+    panelClass: ComputedRef<object>;
+    /**
+     * panel styles
+     */
+    panelStyle: ComputedRef<any>;
+    /**
+     * panel card styles
+     */
+    cardStyle: ComputedRef<any>;
+    enableSearch: ComputedRef<boolean>;
+    keyword: Ref<string>;
+    items: Ref<any>;
+}
+export interface UsePanelEventOptions {
+    /**
+     * is combo-list panel visible(opend)
+     */
+    isPanelVisible: Ref<boolean>;
+    panelRef: Ref<any>;
+    /**
+     * setup context
+     */
+    context: SetupContext;
+}
+export interface UsePanelEvent {
+    onPanelContainerClick: ($event: any) => void;
+    onPanelItemClick: ($event: any) => void;
+    onSearchClick: ($event: any) => void;
+    onPanelClick: ($event: any) => void;
+}
+export interface UseOptions {
+    idField: string | undefined;
+    valueField: string | undefined;
+    textField: string | undefined;
+}
+/**
+ * position
+ */
+export interface Position {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    bottom: number;
+}
+/**
+ * remote info
+ */
+export interface Remote {
+    url: string;
+    method?: 'GET' | 'POST' | 'PUT';
+    headers?: any;
+    body?: any;
+}

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

package/types/data-grid/src/components/data/data-area.component.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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 } from 'vue';
+import { UseCellPosition, UseColumn, UseEdit, UseGroupData, UseRow, UseVirtualScroll, UseVisualData, VisualData } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, primaryGridContentRef: Ref<any>, useCellPositionComposition: UseCellPosition, useColumnComposition: UseColumn, useEditComposition: UseEdit, useGroupDataComposition: UseGroupData, useRowComposition: UseRow, useVisualDataComposition: UseVisualData, useVirtualScrollComposition: UseVirtualScroll, visibleDatas: Ref<VisualData[]>): {
+    renderDataArea: () => JSX.Element[];
+};

package/types/data-grid/src/components/editors/date-picker.component.d.ts

@@ -0,0 +1,2 @@
+import { VisualDataCell } from '../../composition/types';
+export default function (cell: VisualDataCell): JSX.Element;