@flyto/farco 1.0.0

package/dist/style.css

@@ -0,0 +1 @@
+.f-button+.f-button{margin-left:10px}.arco-btn-group .f-button+.f-button{margin-left:unset}.f-skeleton .arco-skeleton{background-color:#fff;padding:20px}.f-form.f-form--text .f-form-item{--form-item-padding-right: 5px;--form-item-margin-bottom: 5px}.f-form.f-form--text .arco-form-item-label-col{padding-right:8px}.f-form.f-form--text .arco-form-item-content,.f-form.f-form--text .arco-form-item-wrapper-col{min-height:28px}.f-form .f-form-item{--form-item-padding-right: 20px;--form-item-margin-bottom: 15px;padding-right:var(--form-item-padding-right);margin-bottom:var(--form-item-margin-bottom);display:flex;align-items:center}.f-form .f-form-item__prepend{padding-right:8px}.f-form .f-form-item__append{padding-left:8px}.f-form .f-form-item .arco-form-item-label-col{line-height:unset}.f-form .f-form-item .arco-form-item-label-col .arco-form-item-label{color:inherit;white-space:normal}.f-ml-input .f-ml-input__icon{cursor:pointer}.f-ml-input__modal-tip{color:red;padding-left:3px}.f-range__wrap{display:flex;align-items:center;padding:0 10px}.f-range__wrap input::placeholder{color:var(--color-text-3)}.f-range__wrap .f-range-start,.f-range__wrap .f-range-end{border:none;width:39%;text-align:center}.f-range__wrap .f-range-start :focus,.f-range__wrap .f-range-end :focus{border:none}.f-range__wrap .f-range-separator{flex:1;text-align:center;padding:0 5px}.f-range__wrap .f-range-clear{cursor:pointer}.f-range__wrap .f-range-clear:hover{color:var(--el-text-color-secondary)}.f-range__wrap .f-range-clear--hover{opacity:0;visibility:hidden}.f-table{margin:10px}.f-table .arco-table .arco-table-element{min-width:unset}.f-table .arco-table .arco-table-td{max-width:0}.f-table .arco-card-body{padding-top:0}.f-table .arco-table-border-header-cell .arco-table-th{border-bottom:none}.f-table .arco-table-border-header-cell .arco-table-th:last-child{border-right:none}.f-table .arco-table-header .arco-table-th-title{overflow:unset;white-space:unset;text-overflow:unset}.f-table .arco-table-body .arco-table-element{padding-bottom:15px}.f-table .arco-table-body .arco-table-element .arco-table-tr-empty .arco-table-td{border-bottom:none}.f-table .hide-scroll-y .arco-scrollbar-track-direction-vertical{display:none}.f-table-toolbar{padding:9px 0;margin:0 -3px;line-height:22px;display:flex;align-items:center;background-color:var(--color-bg-2)}.f-table-toolbar .toolbar-title{--title-size: 14px;padding-right:10px;font-size:var(--title-size)}.f-table-toolbar .toolbar-title.toolbar-title--mini{--title-size: 13px}.f-table-toolbar .toolbar-title.toolbar-title--large{--title-size: 16px}.f-table-toolbar .toolbar-btns{text-align:left;flex:1;padding:0}.f-table-toolbar .toolbar-quick button{--color-secondary: var(--color-neutral-3)}.f-table-toolbar .toolbar-quick button:hover{background-color:rgb(var(--primary-2))}.f-table--split{width:calc(100% - 1px)}.f-table--split .arco-split-trigger-vertical{height:auto}.f-table--split .arco-split-pane-first{overflow-y:hidden;padding-right:5px}.f-table--split .arco-split-pane-second{overflow-x:visible;position:relative}.f-table--split-selected__header{padding:0 5px 5px;position:sticky;top:0;background-color:#fff;z-index:10}.f-table--split-selected__header span:last-child{font-size:12px;color:var(--color-text-3)}.f-table--split-selected__content{padding:10px 5px}.f-table--split-selected-tag .arco-typography{margin-bottom:0}.f-table-content .arco-scrollbar.arco-scrollbar-type-embed .arco-scrollbar-thumb{opacity:1}.f-table-cols-set .f-table-cols-set__tip{margin-bottom:15px;padding-left:8px;font-size:13px;color:rgb(var(--warning-6))}.f-table-cols-set .f-table-cols-set__content{display:flex;flex-wrap:wrap;width:100%}.f-table-cols-set .f-table-cols-set__content .set-item{padding:5px 10px;margin:5px;border:1px solid var(--color-fill-3);border-radius:5px;position:relative;transition:padding .4s,margin .4s}.f-table-cols-set .f-table-cols-set__content .set-item.is-checked{border-color:rgb(var(--primary-6));--color-text-1: rgb(var(--primary-6))}.f-table-cols-set .f-table-cols-set__content .set-item.set-item--hover{padding-right:18px;margin-right:-4px}.f-table-cols-set .f-table-cols-set__content .set-item.set-item--hover .set-item__icon{right:3px}.f-table-cols-set .f-table-cols-set__content .set-item .set-item_label{position:relative;z-index:9;background:#ffffff}.f-table-cols-set .f-table-cols-set__content .set-item .set-item__icon{font-size:15px;background:#fff;position:absolute;top:8px;right:10px;transition:right .4s;cursor:move;z-index:0}.f-query-list.arco-card-size-medium .arco-card-header-title{font-size:18px}.f-query-list .arco-card-header{border-bottom:none}.f-query-list .f-query-list__top-divider-right-orientation{z-index:1}.f-query-list .f-query-list__top-divider-right-orientation .arco-divider-text-right{cursor:pointer;right:100px}.f-query-list .f-query-list__filter{display:flex}.f-query-list .f-query-list__filter--simple{display:grid;grid-template-columns:auto 50px;margin-bottom:10px}.f-query-list .f-query-list__filter--simple .f-query-list__filter-form{margin-bottom:0}.f-query-list .f-query-list__filter--simple .f-query-list__filter-form .f-form-item{--form-item-padding-right: 10px;--form-item-margin-bottom: 0px}.f-query-list .f-query-list__filter-form{margin-bottom:-20px}.f-query-list .f-query-list__filter-divider{position:relative;margin-top:-5px;margin-bottom:-5px;transition:all .2s ease-in}.f-query-list .f-query-list__filter-divider .icon{position:absolute;top:30px;left:0;right:0;text-align:center;padding:4px 0;background-color:#fff}.f-query-list .f-query-list__filter-divider .icon svg{transition:all .2s ease-in}.f-query-list .f-query-list__filter-divider .divider{margin-right:15px;height:100%}.f-query-list .f-query-list__filter-handle{width:100px;text-align:center}.f-query-list .f-query-list__filter-handle .f-button+.f-button{margin-left:0;margin-top:10px}.f-query-list__divider{margin:0}.f-query-list__table .arco-card{border:none;margin:0}.f-query-list__table .arco-card .arco-card-body{padding:0}.f-choice{height:500px}.f-choice-query .f-table .arco-table-header-sticky{top:0!important}.f-choice-result{box-shadow:none;width:300px;min-width:300px;max-width:500px}.f-date{width:100%}.f-text{display:flex;align-items:center}.f-text .f-text__pre-icon{margin-right:5px}.f-select{width:100%;display:flex;align-items:center}.f-select .f-select__append:not(:empty){padding-left:10px}.f-select .f-select__preend:not(:empty){padding-right:10px}.f-select .arco-select-dropdown .arco-select-option-checkbox{pointer-events:none}.f-select-tool{position:sticky;top:0;z-index:9}.f-select-tool .f-select-multiple-tool{padding:3px 10px;margin-bottom:2px;background-color:var(--color-bg-1);box-shadow:var(--box-shadow-light)}.f-search{cursor:pointer;width:100%}.f-search .arco-input-wrapper{cursor:pointer}.arco-typography b{font-weight:700}.arco-typography[data-v-4464cc73]{display:flex}.f-text__content[data-v-4464cc73]{position:relative;width:100%}.f-text__content .content-more[data-v-4464cc73]{position:absolute;right:0;bottom:0;background:-webkit-linear-gradient(left,transparent,#fff,#fff);padding-left:50px;cursor:pointer;color:rgb(var(--primary-6));font-size:12px}

package/dist/types/components/fbutton/fbutton.d.ts

@@ -0,0 +1,37 @@
+import { ButtonProps, TooltipInstance } from '@arco-design/web-vue';
+import { FIconProps } from '../ficon';
+
+export type FButtonProps = {
+    /** 按钮类型 */
+    type?: ButtonProps['type'];
+    /**
+     * 按钮文本
+     * 在使用default插槽时，此项无效
+     */
+    label?: string;
+    /**
+     * 按钮图标
+     */
+    icon?: string;
+    /**
+     * 传递给FIcon组件的props
+     * 剔除tips相关的配置项，tips由当前组件单独实现
+     */
+    iconProps?: Omit<FIconProps, 'tooltip' | 'tooltipProps'>;
+    /**
+     * hover时，按钮弹出的的提示语
+     *
+     * 如果使用\n换行符，会自动进行换行操作
+     *
+     * 在使用tooltip插槽时，此项无效
+     */
+    tooltip?: string;
+    /**
+     * 传递给Arco Tooltip组件的props
+     */
+    tooltipProps?: TooltipInstance['$props'];
+    /**
+     * 自定义按钮颜色
+     */
+    color?: string;
+};

package/dist/types/components/fbutton/fbutton.vue.d.ts

@@ -0,0 +1,34 @@
+import { FButtonProps } from './fbutton';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FButtonProps>, {
+    type: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FButtonProps>, {
+    type: string;
+}>>> & Readonly<{}>, {
+    type: "text" | "primary" | "secondary" | "outline" | "dashed";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    tooltip?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/fbutton/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="./components.d.ts" />
+import { default as FButton } from './fbutton.vue';
+
+export default FButton;
+export type FButtonInstance = InstanceType<typeof FButton>;
+export * from './fbutton';

package/dist/types/components/fcheckbox/constants/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference path="./components.d.ts" />
+export declare const DEFAULT_OPTION_KEY_NAMES: {
+    /** label值的字段名称 */
+    label: string;
+    /** value值的字段名称 */
+    value: string;
+};
+/** 默认远程数据使用字段名 */
+export declare const DEFAULT_REMOTE_OPTIONS_DATA_NAME = "data";
+/** 默认远程数据使用分隔符 */
+export declare const DEFAULT_REMOTE_OPTIONS_DATA_NAME_SPLIT = ".";

package/dist/types/components/fcheckbox/fcheckbox.d.ts

@@ -0,0 +1,45 @@
+import { ExtractPublicPropTypes, PropType } from 'vue';
+import { RadioOption } from '@arco-design/web-vue/es/radio/interface';
+import { CheckboxGroupInstance } from '@arco-design/web-vue';
+import { FArcoRender, FMethodData } from '../../../../../../../../src/types';
+
+export type FCheckboxOptions = (Omit<RadioOption, 'value'> & {
+    slots?: {
+        [key: string]: FArcoRender;
+    };
+    value?: unknown;
+    [key: string]: any;
+})[];
+export type FCheckboxOptionKeyNames = {
+    label: string;
+    value: string;
+};
+export declare const fCheckboxProps: {
+    /**
+     * 默认值（非受控模式）
+     */
+    defaultValue: {
+        type: PropType<(string | number | boolean)[]>;
+        default: null;
+    };
+    /**
+     * 选项列表
+     * 支持Promise函数，可返回一个远程获取的数据
+     */
+    options: {
+        requried: boolean;
+        type: PropType<FCheckboxOptions | FMethodData<FCheckboxOptions>>;
+        default: null;
+    };
+    /**
+     * 提供给option组件渲染时值与名称的字段名称
+     */
+    optionKeyNames: {
+        type: PropType<FCheckboxOptionKeyNames>;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+};
+export type FCheckboxProps = Omit<CheckboxGroupInstance['$props'], 'options'> & ExtractPublicPropTypes<typeof fCheckboxProps>;

package/dist/types/components/fcheckbox/fcheckbox.vue.d.ts

@@ -0,0 +1,168 @@
+import { Ref } from 'vue';
+import { FCheckboxOptions } from './fcheckbox';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<(string | number | boolean)[]>;
+    defaultValue: {
+        type: import('vue').PropType<(string | number | boolean)[]>;
+        default: null;
+    };
+    options: {
+        requried: boolean;
+        type: import('vue').PropType<FCheckboxOptions | import('../../../../../../../../src/types').FMethodData<FCheckboxOptions>>;
+        default: null;
+    };
+    optionKeyNames: {
+        type: import('vue').PropType<import('./fcheckbox').FCheckboxOptionKeyNames>;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+}>, {
+    /**
+     * 值，在非受控模式下，读取组件的值
+     */
+    value: import('vue').ModelRef<(string | number | boolean)[] | undefined, string, (string | number | boolean)[] | undefined, (string | number | boolean)[] | undefined>;
+    /**
+     * 手动重载远程数据
+     * @param params 手动重新指定传出的参数
+     */
+    replayMethodOptions(params: any): void;
+    /**
+     * Arco CheckboxGroup 实例（可调用组件内部方法）
+     * */
+    ins: Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<(string | number | boolean)[]>;
+    defaultValue: {
+        type: import('vue').PropType<(string | number | boolean)[]>;
+        default: null;
+    };
+    options: {
+        requried: boolean;
+        type: import('vue').PropType<FCheckboxOptions | import('../../../../../../../../src/types').FMethodData<FCheckboxOptions>>;
+        default: null;
+    };
+    optionKeyNames: {
+        type: import('vue').PropType<import('./fcheckbox').FCheckboxOptionKeyNames>;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+}>> & Readonly<{}>, {
+    options: FCheckboxOptions | import('../../../../../../../../src/types').FMethodData<FCheckboxOptions>;
+    defaultValue: (string | number | boolean)[];
+    optionKeyNames: import('./fcheckbox').FCheckboxOptionKeyNames;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<`checkbox-${any}`, (_: {
+    data: {
+        [x: string]: any;
+        label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+        disabled?: boolean | undefined;
+        slots?: {
+            [key: string]: import('../../../../../../../../src/types').FArcoRender;
+        } | undefined;
+        value?: unknown;
+    } | (Omit<import('@arco-design/web-vue/es/radio/interface').RadioOption, "value"> & {
+        [key: string]: any;
+        slots?: {
+            [key: string]: import('../../../../../../../../src/types').FArcoRender;
+        } | undefined;
+        value?: unknown;
+    } & {
+        [x: string]: any;
+        label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+        disabled?: boolean | undefined;
+        slots?: {
+            [key: string]: import('../../../../../../../../src/types').FArcoRender;
+        } | undefined;
+        value?: unknown;
+    });
+    checked: any;
+    disabled: any;
+}) => any>> & Partial<Record<`label-${any}`, (_: {
+    data: {
+        [x: string]: any;
+        label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+        disabled?: boolean | undefined;
+        slots?: {
+            [key: string]: import('../../../../../../../../src/types').FArcoRender;
+        } | undefined;
+        value?: unknown;
+    } | (Omit<import('@arco-design/web-vue/es/radio/interface').RadioOption, "value"> & {
+        [key: string]: any;
+        slots?: {
+            [key: string]: import('../../../../../../../../src/types').FArcoRender;
+        } | undefined;
+        value?: unknown;
+    } & {
+        [x: string]: any;
+        label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+        disabled?: boolean | undefined;
+        slots?: {
+            [key: string]: import('../../../../../../../../src/types').FArcoRender;
+        } | undefined;
+        value?: unknown;
+    });
+    checked: boolean;
+}) => any>> & {
+    checkbox?(_: {
+        data: {
+            [x: string]: any;
+            label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+            disabled?: boolean | undefined;
+            slots?: {
+                [key: string]: import('../../../../../../../../src/types').FArcoRender;
+            } | undefined;
+            value?: unknown;
+        } | (Omit<import('@arco-design/web-vue/es/radio/interface').RadioOption, "value"> & {
+            [key: string]: any;
+            slots?: {
+                [key: string]: import('../../../../../../../../src/types').FArcoRender;
+            } | undefined;
+            value?: unknown;
+        } & {
+            [x: string]: any;
+            label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+            disabled?: boolean | undefined;
+            slots?: {
+                [key: string]: import('../../../../../../../../src/types').FArcoRender;
+            } | undefined;
+            value?: unknown;
+        });
+        checked: any;
+        disabled: any;
+    }): any;
+    label?(_: {
+        data: {
+            [x: string]: any;
+            label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+            disabled?: boolean | undefined;
+            slots?: {
+                [key: string]: import('../../../../../../../../src/types').FArcoRender;
+            } | undefined;
+            value?: unknown;
+        } | (Omit<import('@arco-design/web-vue/es/radio/interface').RadioOption, "value"> & {
+            [key: string]: any;
+            slots?: {
+                [key: string]: import('../../../../../../../../src/types').FArcoRender;
+            } | undefined;
+            value?: unknown;
+        } & {
+            [x: string]: any;
+            label?: import('@arco-design/web-vue/es/_utils/types').RenderContent | undefined;
+            disabled?: boolean | undefined;
+            slots?: {
+                [key: string]: import('../../../../../../../../src/types').FArcoRender;
+            } | undefined;
+            value?: unknown;
+        });
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/fcheckbox/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="./components.d.ts" />
+import { default as FCheckbox } from './fcheckbox.vue';
+
+export default FCheckbox;
+export type FCheckboxInstance = InstanceType<typeof FCheckbox>;
+export * from './fcheckbox';

package/dist/types/components/fdate/fdate.d.ts

@@ -0,0 +1,69 @@
+import { DatePickerProps, MonthPickerProps, QuarterPickerProps, RangePickerProps, WeekPickerProps, YearPickerProps } from '@arco-design/web-vue/es/date-picker/interface';
+import { PropType } from 'vue';
+
+export type FDateType = 'time' | 'date' | 'month' | 'quarter' | 'week' | 'year';
+export declare const fDateProps: {
+    /**
+     * 默认值（非受控模式）
+     */
+    defaultValue: {
+        type: PropType<string | number | Date | (string | number | Date)[]>;
+    };
+    /**
+     * 选择类型
+     * 此组件将date、year、month、quarter、week整合到了一起
+     */
+    type: {
+        type: PropType<FDateType>;
+        default: string;
+    };
+    /**
+     * 是否为范围选择
+     */
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+type FDateBase = {
+    /**
+     * 默认值（非受控模式）
+     */
+    defaultValue?: {
+        type: Date | string | number | (Date | string | number)[];
+    };
+    /**
+     * 选择类型
+     * 此组件将date、year、month、quarter、week整合到了一起
+     */
+    type?: FDateType;
+    /**
+     * 是否为范围选择
+     */
+    range?: boolean;
+};
+type FDateNormalProps = Partial<DatePickerProps> & FDateBase & {
+    defaultValue?: Date | string | number;
+    type: 'time' | 'date';
+};
+type FDateWeekProps = Partial<WeekPickerProps> & FDateBase & {
+    defaultValue?: Date | string | number;
+    type: 'week';
+};
+type FDateMonthProps = Partial<MonthPickerProps> & FDateBase & {
+    defaultValue?: Date | string | number;
+    type: 'month';
+};
+type FDateQuarterProps = Partial<QuarterPickerProps> & FDateBase & {
+    type: 'quarter';
+};
+type FDateYearProps = Partial<YearPickerProps> & FDateBase & {
+    defaultValue?: Date | string | number;
+    type: 'year';
+};
+type FDateRangeProps = Partial<RangePickerProps> & FDateBase & {
+    defaultValue?: (Date | string | number)[];
+    range: true;
+};
+export type FDateProps = FDateNormalProps | FDateWeekProps | FDateMonthProps | FDateQuarterProps | FDateQuarterProps | FDateYearProps | FDateRangeProps;
+export {};

package/dist/types/components/fdate/fdate.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string | number | Date | (string | number | Date)[]>;
+    defaultValue: {
+        type: import('vue').PropType<string | number | Date | (string | number | Date)[]>;
+    };
+    type: {
+        type: import('vue').PropType<import('./fdate').FDateType>;
+        default: string;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    /**
+     * 值，在非受控模式下，读取组件的值
+     */
+    value: import('vue').ModelRef<string | number | Date | (string | number | Date)[] | undefined, string, string | number | Date | (string | number | Date)[] | undefined, string | number | Date | (string | number | Date)[] | undefined>;
+    /**
+     * 实际渲染的 Arco 组件实例（可调用组件内部方法）
+     * */
+    ins: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string | number | Date | (string | number | Date)[]>;
+    defaultValue: {
+        type: import('vue').PropType<string | number | Date | (string | number | Date)[]>;
+    };
+    type: {
+        type: import('vue').PropType<import('./fdate').FDateType>;
+        default: string;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    type: import('./fdate').FDateType;
+    range: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<NonNullable<string | number>, (_: any) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/fdate/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="./components.d.ts" />
+import { default as FDate } from './fdate.vue';
+
+export default FDate;
+export type FDateInstance = InstanceType<typeof FDate>;
+export * from './fdate';

package/dist/types/components/fform/fform.d.ts

@@ -0,0 +1,87 @@
+import { CSSProperties, ExtractPublicPropTypes, PropType } from 'vue';
+import { AnyObject } from '../../../../../../../../src/types';
+import { GridItemProps, Form, GridProps } from '@arco-design/web-vue';
+import { FFormItemProps } from '../fform-item';
+
+export type FFormItemType<T = AnyObject> = FFormItemProps & {
+    /**
+     * 搭配 FForm 组件一起使用时，prop为必填项
+     */
+    prop: keyof T;
+    /**
+     * 扩展 slotName 字段，用于提供组件插槽
+     */
+    slotName?: string;
+    /**
+     * 行占比配置
+     */
+    gridItemProps?: GridItemProps;
+};
+export declare const fFormProps: {
+    /**
+     * 内容区域的class
+     */
+    contentClass: {
+        type: PropType<string | unknown[] | CSSProperties>;
+    };
+    /**
+     *  表单数据，传入此参数时，为受控模式
+     */
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    /**
+     * 表单默认数据（非受控模式）
+     */
+    defaultData: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    /**
+     * Arco Row组件属性
+     */
+    gridProps: {
+        type: PropType<GridProps & {
+            style?: CSSProperties | undefined;
+            class?: string | object | string[] | undefined;
+        }>;
+        default: () => {};
+    };
+    /**
+     * 统一设置每个FFormItem组件的GridItem属性，如果FFormItem有单独设置，则采用独立设置的值
+     * @value
+     *    number: 为Arco GridItem组件props中span值
+     *    Object: Arco GridItem组件的props
+     */
+    itemSpan: {
+        type: PropType<number | GridItemProps>;
+        default: () => {
+            span: {
+                xxl: number;
+                xl: number;
+                lg: number;
+                md: number;
+                sm: number;
+                xs: number;
+            };
+        };
+    };
+    /**
+     * 统一设置每个FFormItem组件标签的宽度
+     */
+    labelWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    /**
+     * formItem的渲染列表
+     * @value FFormItem 组件配置项列表
+     */
+    items: {
+        type: PropType<FFormItemType<AnyObject<any>>[]>;
+        default: () => never[];
+        required: boolean;
+    };
+};
+export type FFormProps = ExtractPublicPropTypes<typeof fFormProps> & Omit<InstanceType<typeof Form>['$props'], 'model'>;

package/dist/types/components/fform/fform.vue.d.ts

@@ -0,0 +1,124 @@
+import { PropType } from 'vue';
+import { FFormItemType } from './fform';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    contentClass: {
+        type: PropType<string | unknown[] | import('vue').CSSProperties>;
+    };
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    defaultData: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    gridProps: {
+        type: PropType<import('@arco-design/web-vue').GridProps & {
+            style?: import('vue').CSSProperties | undefined;
+            class?: string | object | string[] | undefined;
+        }>;
+        default: () => {};
+    };
+    itemSpan: {
+        type: PropType<number | import('@arco-design/web-vue').GridItemProps>;
+        default: () => {
+            span: {
+                xxl: number;
+                xl: number;
+                lg: number;
+                md: number;
+                sm: number;
+                xs: number;
+            };
+        };
+    };
+    labelWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    items: {
+        type: PropType<FFormItemType<import('../../types').AnyObject<any>>[]>;
+        default: () => never[];
+        required: boolean;
+    };
+}>, {
+    /**
+     * 表单数据，在非受控模式下，读取组件的值
+     */
+    data: import('vue').Ref<Record<string, any>, Record<string, any>>;
+    /**
+     * 在非受控模式下，直接设置某个表单项的数据
+     * @param field  字段名
+     * @param value  字段值
+     */
+    setFieldValue: (field: string, value: any) => void;
+    /**
+     * Arco Form 实例（可调用组件内部方法）
+     * */
+    ins: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    contentClass: {
+        type: PropType<string | unknown[] | import('vue').CSSProperties>;
+    };
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    defaultData: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    gridProps: {
+        type: PropType<import('@arco-design/web-vue').GridProps & {
+            style?: import('vue').CSSProperties | undefined;
+            class?: string | object | string[] | undefined;
+        }>;
+        default: () => {};
+    };
+    itemSpan: {
+        type: PropType<number | import('@arco-design/web-vue').GridItemProps>;
+        default: () => {
+            span: {
+                xxl: number;
+                xl: number;
+                lg: number;
+                md: number;
+                sm: number;
+                xs: number;
+            };
+        };
+    };
+    labelWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    items: {
+        type: PropType<FFormItemType<import('../../types').AnyObject<any>>[]>;
+        default: () => never[];
+        required: boolean;
+    };
+}>> & Readonly<{}>, {
+    data: Record<string, any>;
+    defaultData: Record<string, any>;
+    gridProps: import('@arco-design/web-vue').GridProps & {
+        style?: import('vue').CSSProperties | undefined;
+        class?: string | object | string[] | undefined;
+    };
+    itemSpan: number | import('@arco-design/web-vue').GridItemProps;
+    labelWidth: string | number;
+    items: FFormItemType<import('../../types').AnyObject<any>>[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<NonNullable<`item-undefined_${string}` | `item-${string}_${string}`>, (_: any) => any>> & {
+    prepend?(_: {
+        data: Record<string, any>;
+    }): any;
+    append?(_: {
+        data: Record<string, any>;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/fform/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="./components.d.ts" />
+import { default as FForm } from './fform.vue';
+
+export default FForm;
+export type FFormInstance = InstanceType<typeof FForm>;
+export * from './fform';