@flyto/farco 1.0.0

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

@@ -0,0 +1,94 @@
+import { ExtractPublicPropTypes, Component, PropType, VNodeChild } from 'vue';
+import { AnyObject } from '../../../../../../../../src/types';
+import { FieldRule, FormItem } from '@arco-design/web-vue';
+
+export declare const CUSTOM_COMPONENT_NAME = "custom";
+/**
+ * 所有支持通过配置项来渲染的组件合集
+ * 当前引入的组件基本上都会在正常业务中所使用到，所以此处就直接引入全部，暂时不考虑实际使用时传入一个组件，进行按需引入，编译需要TreeShake的事情
+ */
+type FacroComponentNames = typeof CUSTOM_COMPONENT_NAME | 'text' | 'radio' | 'date' | 'range' | 'input' | 'select' | 'checkbox' | 'switch' | 'ml-input' | 'textarea' | 'search';
+export declare const fFormItemComponents: Record<FacroComponentNames, Component | null>;
+export declare const fFormItemProps: {
+    /**
+     * 表单项唯一标识
+     * 在配置FForm使用时，也是获取值的唯一标识符
+     */
+    prop: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * 需要渲染的内部组件的名称，必须在上面fFormItemComponents变量中定义过才支持
+     * 非受控字段，只在初始化时确认唯一渲染组件
+     * 为了扩展性，提供custom特殊值，在使用default插槽进行自定义渲染时，请使用该特殊值
+     */
+    comp: {
+        required: boolean;
+        type: PropType<FacroComponentNames>;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 通过函数自定义表单内部组件渲染
+     * 只在comp = 'custom' 生效
+     */
+    render: {
+        type: PropType<(data: {
+            data: AnyObject;
+        }) => VNodeChild>;
+        default: null;
+        validator: (_v: any, props: any) => boolean;
+    };
+    /**
+     * 传递给到渲染组件的props
+     * 如果需要传递events方法，请在方法前面加上on，方法名首字母大写
+     * 例：click => onClick
+     */
+    compProps: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    /**
+     * 标签文本
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否隐藏标签
+     * @value 在标签无值或者标签值为空字符串时，默认为true
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: (props: any) => boolean;
+    };
+    /**
+     * 提示语
+     *
+     * 如需换行显示，可使用"\n"作为换行符
+     */
+    tooltip: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * 是否必填
+     */
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 校验规则
+     */
+    rules: {
+        type: PropType<any>;
+        default(props: any): FieldRule[] | null;
+    };
+};
+export type FFormItemProps<T = object> = Omit<ExtractPublicPropTypes<typeof fFormItemProps>, 'compProps'> & Omit<InstanceType<typeof FormItem>['$props'], 'label' | 'hideLabel'> & {
+    compProps?: T;
+};
+export {};

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

@@ -0,0 +1,117 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<unknown>;
+    prop: {
+        type: StringConstructor;
+        default: null;
+    };
+    comp: {
+        required: boolean;
+        type: import('vue').PropType<"input" | "select" | "textarea" | "search" | "switch" | "text" | "checkbox" | "date" | "range" | "radio" | "custom" | "ml-input">;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    render: {
+        type: import('vue').PropType<(data: {
+            data: import('../../types').AnyObject<any>;
+        }) => import('vue').VNodeChild>;
+        default: null;
+        validator: (_v: any, props: any) => boolean;
+    };
+    compProps: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: (props: any) => boolean;
+    };
+    tooltip: {
+        type: StringConstructor;
+        default: null;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: {
+        type: import('vue').PropType<any>;
+        default(props: any): FieldRule[] | null;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<unknown>;
+    prop: {
+        type: StringConstructor;
+        default: null;
+    };
+    comp: {
+        required: boolean;
+        type: import('vue').PropType<"input" | "select" | "textarea" | "search" | "switch" | "text" | "checkbox" | "date" | "range" | "radio" | "custom" | "ml-input">;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    render: {
+        type: import('vue').PropType<(data: {
+            data: import('../../types').AnyObject<any>;
+        }) => import('vue').VNodeChild>;
+        default: null;
+        validator: (_v: any, props: any) => boolean;
+    };
+    compProps: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: (props: any) => boolean;
+    };
+    tooltip: {
+        type: StringConstructor;
+        default: null;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: {
+        type: import('vue').PropType<any>;
+        default(props: any): FieldRule[] | null;
+    };
+}>> & Readonly<{}>, {
+    tooltip: string;
+    label: string;
+    required: boolean;
+    render: (data: {
+        data: import('../../types').AnyObject<any>;
+    }) => import('vue').VNodeChild;
+    prop: string;
+    comp: "input" | "select" | "textarea" | "search" | "switch" | "text" | "checkbox" | "date" | "range" | "radio" | "custom" | "ml-input";
+    compProps: Record<string, any>;
+    hideLabel: boolean;
+    rules: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<`comp_${string}`, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
+    prepend?(_: {
+        [x: string]: any;
+    }): any;
+    label?(_: any): any;
+    tooltip?(_: {}): any;
+    default?(_: {
+        data: Record<string, any>;
+    }): any;
+    append?(_: {
+        [x: string]: any;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,45 @@
+import { IconProps } from '@arco-design/web-vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
+
+export declare const fIconProps: {
+    /**
+     * icon的名称
+     * 在使用官方Icon时，请转换为全驼峰命名
+     * 除了使用内置的icon外，还支持iconfont图标库（官方图标库和iconfont图标库的不要有重复的名字，重复名字下，官方优先）
+     */
+    name: {
+        required: boolean;
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标颜色
+     * @value CSS color属性值
+     */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * hover时，图标的提示语
+     */
+    tooltip: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 传递给Arco Tooltip组件的props
+     */
+    tooltipProps: {
+        type: PropType<TooltipInstance>;
+        default: () => {};
+    };
+    /**
+     * 鼠标图标变为小手图标
+     */
+    pointer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type FIconProps = ExtractPublicPropTypes<typeof fIconProps> & IconProps;

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

@@ -0,0 +1,59 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        required: boolean;
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipProps: {
+        type: import('vue').PropType<TooltipInstance>;
+        default: () => {};
+    };
+    pointer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        required: boolean;
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipProps: {
+        type: import('vue').PropType<TooltipInstance>;
+        default: () => {};
+    };
+    pointer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    color: string;
+    tooltip: string;
+    tooltipProps: TooltipInstance;
+    pointer: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    tooltip?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,56 @@
+import { InputInstance, InputPasswordInstance } from '@arco-design/web-vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
+
+export type FInputType = 'text' | 'number' | 'decimal' | 'password';
+export declare const fInputProps: {
+    /**
+     * 默认值（非受控模式）
+     */
+    defaultValue: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * 占位符
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 允许清空
+     */
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 输入类型
+     * 目前 Arco Input 只有 text 及 password 两种
+     * 扩展 number 和 decimal
+     *  - number：只允许输入数字（包括负数）
+     *  - decimal：允许输入数字和小数
+     */
+    type: {
+        type: PropType<FInputType>;
+        default: string;
+    };
+    /**
+     * 是否自动填充数据
+     */
+    autocomplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    includeMimus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+type FInputBaseProps = Omit<InputInstance['$props'], 'type'> & ExtractPublicPropTypes<typeof fInputProps>;
+export type FInputProps = ({
+    type: 'text' | 'number' | 'decimal';
+} & FInputBaseProps) | ({
+    type: 'password';
+} & InputPasswordInstance['$props'] & FInputBaseProps);
+export {};

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

@@ -0,0 +1,83 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string | number>;
+    defaultValue: {
+        type: StringConstructor;
+        default: null;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import('vue').PropType<import('./finput').FInputType>;
+        default: string;
+    };
+    autocomplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    includeMimus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    /**
+     * 值，在非受控模式下，读取组件的值
+     */
+    value: import('vue').ModelRef<string | number | undefined, string, string | number | undefined, string | number | undefined>;
+    /**
+     * 获取输入框的焦点
+     */
+    focus(...args: unknown[]): void;
+    /**
+     * 失去输入框的焦点
+     */
+    blur(...args: unknown[]): void;
+    /**
+     * Arco Input 组件实例（可调用组件内部方法）
+     * */
+    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>;
+    defaultValue: {
+        type: StringConstructor;
+        default: null;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import('vue').PropType<import('./finput').FInputType>;
+        default: string;
+    };
+    autocomplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    includeMimus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    type: import('./finput').FInputType;
+    placeholder: string;
+    defaultValue: string;
+    allowClear: boolean;
+    autocomplete: boolean;
+    includeMimus: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<string, (_: any) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,28 @@
+import { LinkInstance } from '@arco-design/web-vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
+
+export declare const fLinkProps: {
+    /**
+     * 链接地址
+     */
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 如果openType 是SPA，则是新开 tab 的title
+     */
+    name: {
+        type: StringConstructor;
+    };
+    /**
+     * 链接打开类型
+     *  spa: 在当前 SPA 中打开（默认）
+     *  raw: 原生a元素的处理
+     */
+    openType: {
+        type: PropType<"raw" | "spa">;
+        default: string;
+    };
+};
+export type FLinkProps = ExtractPublicPropTypes<typeof fLinkProps> & LinkInstance['$props'];

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

@@ -0,0 +1,40 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    openType: {
+        type: import('vue').PropType<"raw" | "spa">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    openType: {
+        type: import('vue').PropType<"raw" | "spa">;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    href: string;
+    openType: "raw" | "spa";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/types/components/fml-input/fml-input.d.ts

@@ -0,0 +1,76 @@
+import { InputInstance, ModalConfig } from '@arco-design/web-vue';
+import { Component, ExtractPropTypes, PropType } from 'vue';
+
+export type FMlInputPopupConfig = {
+    /**
+     * 弹窗标题，优先级低于modalProps.title
+     */
+    title?: string;
+    /**
+     * 弹出层的顶部的文字提示，可以是文本或者一个Component
+     */
+    tip?: string | Component;
+    /**
+     * textarea的rows配置
+     * 如果类型为number，则只配置minRows
+     */
+    rows?: number | {
+        minRows: number;
+        maxRows: number;
+    };
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 弹出层的props
+     */
+    modalProps?: ModalConfig;
+};
+export declare const fMlInputProps: {
+    /**
+     * 默认值（非受控模式）
+     */
+    defaultValue: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * 每项数据的分隔符
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 占位符
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 输入框类型
+     * 每一项输入类型
+     * 此处判断比较多，所以暂时只提供text和number
+     */
+    type: {
+        type: PropType<"number" | "text">;
+        default: string;
+    };
+    /**
+     * 允许清空
+     */
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 弹出层的配置
+     */
+    popupConfig: {
+        type: PropType<FMlInputPopupConfig>;
+        default: null;
+    };
+};
+export type FMlInputProps = InputInstance['$props'] & ExtractPropTypes<typeof fMlInputProps>;