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

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

@@ -13,278 +13,47 @@
  * 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';
+import { ExtractPropTypes } from 'vue';
+export interface Option {
+    disabled?: boolean;
+    [prop: string]: any;
+}
 /**
- * 下拉列表属性
+ * remote info
  */
-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>;
+export interface Remote {
+    url: string;
+    method?: 'GET' | 'POST' | 'PUT';
+    headers?: any;
+    body?: any;
+}
 /**
- * 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>;
+export declare enum ViewType {
+    Text = "text",
+    Tag = "tag"
+}
 /**
- * panel 属性
+ * 展示位置
  */
-export declare const panelProps: {
+export declare const enum Placement {
     /**
-     * 下拉面板是否可见
+     * 在控件的上方展示
      */
-    isPanelVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    top = "top",
     /**
-     * 可选，下拉列表展示位置
-     * 默认为`bottom`
+     * 在控件底部展示
      */
-    position: {
-        type: PropType<Placement>;
-        default: Placement;
-    };
-};
-export type PanelProps = ExtractPropTypes<typeof panelProps>;
+    bottom = "bottom",
+    /**
+     * 根据控件的位置自动确认展示位置
+     */
+    auto = "auto"
+}
 /**
- * options 属性
+ * 下拉列表属性
  */
-export declare const optionsProps: {
-    options: {
-        type: PropType<Options>;
-    };
-};
-export type OptionsProps = ExtractPropTypes<typeof optionsProps>;
+export declare const comboListProps: Record<string, any>;
+export type ComboListProps = ExtractPropTypes<typeof comboListProps>;
+export declare const propsResolver: (schemaValue: Record<string, any>) => Record<string, any>;

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

@@ -0,0 +1,54 @@
+import { ExtractPropTypes } from "vue";
+import { Option } from '../combo-list.props';
+export declare const listContainerProps: {
+    dataSource: {
+        type: {
+            (arrayLength: number): Option[];
+            (...items: Option[]): Option[];
+            new (arrayLength: number): Option[];
+            new (...items: Option[]): Option[];
+            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[];
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    idField: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiSelect: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    selectedValues: {
+        type: StringConstructor;
+        default: string;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type ListContainerProps = ExtractPropTypes<typeof listContainerProps>;

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

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { Option } from '../combo-list.props';
+export interface UseDataSource {
+    dataSource: Ref<Option[]>;
+    displayText: Ref<string>;
+    editable: Ref<boolean>;
+    modelValue: Ref<string>;
+    getItemsByDisplayText: (text: string) => Option[];
+    getItemsByValue: (value: string) => Option[];
+}

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

@@ -0,0 +1,3 @@
+import { ComboListProps } from "../combo-list.props";
+import { UseDataSource } from "./types";
+export declare function useDataSource(props: ComboListProps): UseDataSource;

package/types/combo-list/src/designer/combo-list.design.component.d.ts

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

package/types/combo-list/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/component/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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 Component from './src/component.component';
+import ComponentDesign from './src/designer/component.design.component';
+export * from './src/component.props';
+export { Component, ComponentDesign };
+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/component/src/component.props.d.ts

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

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

@@ -0,0 +1,10 @@
+export interface UseDesignerRules {
+    /**
+     * 判断是否可以接收拖拽新增的子级控件
+     */
+    canAccepts(): boolean;
+    /**
+     * 判断当前容器是否是固定的上下文的中间层级
+     */
+    checkIsInFixedContextRules(): boolean;
+}

package/types/component/src/designer/use-designer-rules.d.ts

@@ -0,0 +1,2 @@
+import { UseDesignerRules } from "./types";
+export declare function useDesignerRules(schema: Record<string, any>, parentSchema: Record<string, any>): UseDesignerRules;

package/types/component/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/{date-picker → condition}/index.d.ts

@@ -14,14 +14,10 @@
  * limitations under the License.
  */
 import type { App } from 'vue';
-import DatePickerCalendar from './src/components/calendar/calendar.component';
-export * from './src/components/calendar/calendar.props';
-export * from './src/types/calendar';
-export * from './src/types/common';
-export * from './src/types/date-model';
-export * from './src/types/month';
-export * from './src/types/year';
-export { DatePickerCalendar };
+import ConditionFields from './src/condition-fields.component';
+import ConditionList from './src/condition-list.component';
+export * from './src/condition.props';
+export { ConditionFields, ConditionList };
 declare const _default: {
     install(app: App): void;
 };

package/types/condition/src/composition/condition-value/checkbox-value.d.ts

@@ -0,0 +1,13 @@
+import { EditorType } from "../../../../dynamic-form";
+import { ConditionValue } from "./types";
+export declare class CheckBoxValue implements ConditionValue {
+    editorType: EditorType;
+    value: boolean[];
+    constructor(initialData?: {
+        value: boolean[];
+    });
+    clear(): void;
+    setValue(value: boolean[]): void;
+    getValue(): boolean[];
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/combo-lookup-value.d.ts

@@ -0,0 +1,19 @@
+import { ConditionValue } from "./types";
+import { EditorType } from '../../../../dynamic-form';
+export declare class ComboLookupValue implements ConditionValue {
+    editorType: EditorType;
+    textValue: string;
+    value: string[];
+    valueField: string;
+    constructor(initialData?: {
+        textValue: string;
+        value: string[];
+        valueField: string;
+    });
+    clear(): void;
+    getPropValue(helpItem: any, args: Array<string>): any;
+    getTextValue(textField: string): string;
+    getValue(): string;
+    setValue(value: any): void;
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/date-picker-value.d.ts

@@ -0,0 +1,25 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+type propsDateValue = {
+    count: null | number;
+    dateType: string;
+    isFirstDay: boolean;
+    isLastDay: boolean;
+    name: string;
+    period: string;
+    text: string;
+};
+export declare class DatePickerValue implements ConditionValue {
+    editorType: EditorType;
+    value: string | propsDateValue | undefined;
+    constructor(initialData?: {
+        value: string | propsDateValue;
+    });
+    setValue(target: {
+        formatted: string | propsDateValue;
+    }): void;
+    getValue(): string | propsDateValue | undefined;
+    isEmpty(): boolean;
+    clear(): void;
+}
+export {};

package/types/condition/src/composition/condition-value/date-range-value.d.ts

@@ -0,0 +1,18 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+export declare class DateRangeValue implements ConditionValue {
+    editorType: EditorType;
+    begin: string;
+    end: string;
+    constructor(initialData?: {
+        begin: string;
+        end: string;
+    });
+    clear(): void;
+    getValue(): string;
+    setValue(value: {
+        dataRange: string;
+        delimiter: string;
+    }): void;
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/datetime-picker-value.d.ts

@@ -0,0 +1,13 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+export declare class DateTimePickerValue implements ConditionValue {
+    editorType: EditorType;
+    value: string | undefined;
+    constructor(initialData?: {
+        value: string;
+    });
+    clear(): void;
+    getValue(): string | undefined;
+    setValue(value: any): void;
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/dropdown-value.d.ts

@@ -0,0 +1,18 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+export declare class ComboListValue implements ConditionValue {
+    editorType: EditorType;
+    value: any;
+    displayText: string;
+    constructor(initialData?: {
+        value: any;
+        dispalyText: string;
+    });
+    clear(): void;
+    getValue(): string;
+    setValue(data: {
+        value: any[];
+        dispalyText: string;
+    }): void;
+    isEmpty(): boolean;
+}

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

@@ -0,0 +1,21 @@
+import { ConditionValue } from './types';
+import { EditorType } from '../../../../dynamic-form';
+export declare class InputGroupValue implements ConditionValue {
+    editorType: EditorType;
+    value: any[];
+    displayText: string;
+    valueField: string;
+    isInputText: boolean;
+    constructor(initialData?: {
+        value: any[];
+        displayText: string;
+        displayField: string;
+        isInputText: boolean;
+    });
+    clear(): void;
+    getPropValue(item: any, fieldPath: Array<string>): any;
+    getTextValue(targetField: string): string;
+    getValue(): string;
+    setValue(value: any): void;
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/lookup-value.d.ts

@@ -0,0 +1,21 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+export declare class LookupValue implements ConditionValue {
+    editorType: EditorType;
+    textValue: string;
+    value: any[];
+    valueField: string;
+    isInputText: boolean;
+    constructor(initialData?: {
+        textValue: string;
+        value: any;
+        valueField: string;
+        isInputText: boolean;
+    });
+    clear(): void;
+    getPropValue(item: any, fieldPath: Array<string>): any;
+    getTextValue(textField: string): string;
+    getValue(): string;
+    setValue(value: any): void;
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/month-picker-value.d.ts

@@ -0,0 +1,15 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+export declare class MonthPickerValue implements ConditionValue {
+    editorType: EditorType;
+    value: string | undefined;
+    constructor(initialData?: {
+        value: string;
+    });
+    setValue(target: {
+        formatted: string | undefined;
+    }): void;
+    getValue(): string | undefined;
+    clear(): void;
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/month-range-value.d.ts

@@ -0,0 +1,18 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+export declare class MonthRangeValue implements ConditionValue {
+    editorType: EditorType;
+    begin: string;
+    end: string;
+    clear(): void;
+    constructor(initialData?: {
+        begin: string;
+        end: string;
+    });
+    getValue(): string;
+    setValue(value: {
+        dataRange: string;
+        delimiter: string;
+    }): void;
+    isEmpty(): boolean;
+}

package/types/condition/src/composition/condition-value/number-range-value.d.ts

@@ -0,0 +1,21 @@
+import { EditorType } from '../../../../dynamic-form';
+import { ConditionValue } from "./types";
+export declare class NumberRangeValue implements ConditionValue {
+    editorType: EditorType;
+    begin: number | null;
+    end: number | null;
+    constructor(initialData?: {
+        begin: string | number | null;
+        end: string | number | null;
+    });
+    clear(): void;
+    getValue(): {
+        begin: number | null;
+        end: number | null;
+    };
+    setValue(value: {
+        begin: string | number | null;
+        end: string | number | null;
+    }): void;
+    isEmpty(): boolean;
+}