@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/fy-form/index.d.ts

@@ -0,0 +1,531 @@
+import { uploadFun } from '../utils/util.ts';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    uploadBefore: FunctionConstructor;
+    uploadAfter: FunctionConstructor;
+    uploadDelete: FunctionConstructor;
+    uploadPreview: FunctionConstructor;
+    uploadError: FunctionConstructor;
+    uploadExceed: FunctionConstructor;
+    status: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isCrud: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {
+    activeName: string;
+    labelWidth: number;
+    allDisabled: boolean;
+    optionIndex: never[];
+    optionBox: boolean;
+    tableOption: {};
+    itemSpanDefault: number;
+    form: {};
+    formCreate: boolean;
+    formList: never[];
+    formBind: {};
+}, {
+    columnSlot(): string[];
+    labelSuffix(): any;
+    isMenu(): boolean;
+    isDetail(): boolean;
+    isTabs(): boolean;
+    isAdd(): boolean;
+    isEdit(): boolean;
+    isView(): boolean;
+    gutter(): any;
+    detail(): any;
+    disabled(): any;
+    readonly(): any;
+    tabsType(): any;
+    columnLen(): any;
+    dynamicOption(): any[];
+    propOption(): any[];
+    parentOption(): {};
+    columnOption(): any;
+    menuPosition(): any;
+    boxType(): any;
+    isPrint(): boolean;
+    tabsActive(): any;
+    isMock(): boolean;
+}, {
+    setPx: (val: any, defval?: string) => any;
+    deepClone: (data: any) => any;
+    getComponent: (type: any, component: any) => any;
+    getPlaceholder: (column: any) => any;
+    uploadFun: typeof uploadFun;
+    getDisabled(column: any): boolean;
+    getSpan(column: any): any;
+    isGroupShow(item: any, index: any): boolean;
+    dataFormat(): void;
+    setControl(): void;
+    setForm(): void;
+    setVal(): void;
+    setLabel(): void;
+    handleGroupClick(activeNames: any): void;
+    handleTabClick(tab: any, event: any): void;
+    getLabelWidth(column: any, item: any): any;
+    validateField(val: any): any;
+    validTip(column: any): boolean;
+    getPropRef(prop: any): any;
+    handleChange(list: any, column: any): void;
+    handlePrint(): void;
+    propChange(option: any, column: any): void;
+    handleMock(): void;
+    vaildDetail(column: any): boolean;
+    vaildDisabled(column: any): boolean;
+    vaildDisplay(column: any): any;
+    clearValidate(list: any): void;
+    validateCellForm(): Promise<any>;
+    validate(resolve: any): void;
+    resetForm(reset?: boolean): void;
+    resetFields(): void;
+    show(): void;
+    hide(): void;
+    submit(): void;
+}, {
+    mixins: {
+        methods: {
+            getSlotName(item: any | undefined, type: string | undefined, slot: string): any;
+            getSlotList(list: never[] | undefined, slot: string, propList: Array<any>): string[];
+        };
+    }[];
+    inject: {
+        AVUE: {
+            from: globalThis.InjectionKey<import('../../../helper/avue').AvueConfigOptions>;
+            default: null;
+        };
+    };
+    props: {
+        defaults: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        option: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: () => {};
+        };
+    };
+    emits: string[];
+    watch: {
+        defaults: {
+            handler(this: any, val: any): void;
+            deep: boolean;
+        };
+        objectOption: {
+            handler(this: any, val: any): void;
+            deep: boolean;
+        };
+        propOption: {
+            handler(this: any, list: any): void;
+            deep: boolean;
+        };
+        option: {
+            handler(this: any): void;
+            deep: boolean;
+        };
+    };
+    data(): {
+        DIC: {};
+        cascaderDIC: {};
+        tableOption: {};
+        isMobile: string;
+        objectOption: {};
+    };
+    created(this: any): void;
+    computed: {
+        resultOption(this: any): any;
+        rowKey(this: any): any;
+        formRules(this: any): Record<string, any>;
+        isMediumSize(): (this: any) => any;
+        controlSize(this: any): any;
+    };
+    methods: {
+        init(this: any, type: any): void;
+        dicInit(this: any, type: any): void;
+        getIsMobile(this: any): void;
+        updateDic(this: any, prop: any, list: any): void;
+        handleSetDic(this: any, list: any, res?: Record<string, any>): void;
+        handleLocalDic(this: any): void;
+        handleLoadDic(this: any): void;
+        handleLoadCascaderDic(this: any): void;
+    };
+}, import('vue').ComponentOptionsMixin, ("update:modelValue" | "error" | "change" | "submit" | "tab-click" | "reset-change" | "update:status" | "mock-change")[], "update:modelValue" | "error" | "change" | "submit" | "tab-click" | "reset-change" | "update:status" | "mock-change", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    uploadBefore: FunctionConstructor;
+    uploadAfter: FunctionConstructor;
+    uploadDelete: FunctionConstructor;
+    uploadPreview: FunctionConstructor;
+    uploadError: FunctionConstructor;
+    uploadExceed: FunctionConstructor;
+    status: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isCrud: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+    "onReset-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+    "onMock-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: Record<string, any>;
+    isCrud: boolean;
+    status: boolean;
+}, {}, {}, {}, string, () => {
+    formSafe: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+        uploadBefore: FunctionConstructor;
+        uploadAfter: FunctionConstructor;
+        uploadDelete: FunctionConstructor;
+        uploadPreview: FunctionConstructor;
+        uploadError: FunctionConstructor;
+        uploadExceed: FunctionConstructor;
+        status: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isCrud: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
+        "onTab-click"?: ((...args: any[]) => any) | undefined;
+        "onReset-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        "onMock-change"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {
+        activeName: string;
+        labelWidth: number;
+        allDisabled: boolean;
+        optionIndex: never[];
+        optionBox: boolean;
+        tableOption: {};
+        itemSpanDefault: number;
+        form: {};
+        formCreate: boolean;
+        formList: never[];
+        formBind: {};
+    }, {
+        columnSlot(): string[];
+        labelSuffix(): any;
+        isMenu(): boolean;
+        isDetail(): boolean;
+        isTabs(): boolean;
+        isAdd(): boolean;
+        isEdit(): boolean;
+        isView(): boolean;
+        gutter(): any;
+        detail(): any;
+        disabled(): any;
+        readonly(): any;
+        tabsType(): any;
+        columnLen(): any;
+        dynamicOption(): any[];
+        propOption(): any[];
+        parentOption(): {};
+        columnOption(): any;
+        menuPosition(): any;
+        boxType(): any;
+        isPrint(): boolean;
+        tabsActive(): any;
+        isMock(): boolean;
+    }, {
+        setPx: (val: any, defval?: string) => any;
+        deepClone: (data: any) => any;
+        getComponent: (type: any, component: any) => any;
+        getPlaceholder: (column: any) => any;
+        uploadFun: typeof uploadFun;
+        getDisabled(column: any): boolean;
+        getSpan(column: any): any;
+        isGroupShow(item: any, index: any): boolean;
+        dataFormat(): void;
+        setControl(): void;
+        setForm(): void;
+        setVal(): void;
+        setLabel(): void;
+        handleGroupClick(activeNames: any): void;
+        handleTabClick(tab: any, event: any): void;
+        getLabelWidth(column: any, item: any): any;
+        validateField(val: any): any;
+        validTip(column: any): boolean;
+        getPropRef(prop: any): any;
+        handleChange(list: any, column: any): void;
+        handlePrint(): void;
+        propChange(option: any, column: any): void;
+        handleMock(): void;
+        vaildDetail(column: any): boolean;
+        vaildDisabled(column: any): boolean;
+        vaildDisplay(column: any): any;
+        clearValidate(list: any): void;
+        validateCellForm(): Promise<any>;
+        validate(resolve: any): void;
+        resetForm(reset?: boolean): void;
+        resetFields(): void;
+        show(): void;
+        hide(): void;
+        submit(): void;
+    }, {
+        mixins: {
+            methods: {
+                getSlotName(item: any | undefined, type: string | undefined, slot: string): any;
+                getSlotList(list: never[] | undefined, slot: string, propList: Array<any>): string[];
+            };
+        }[];
+        inject: {
+            AVUE: {
+                from: globalThis.InjectionKey<import('../../../helper/avue').AvueConfigOptions>;
+                default: null;
+            };
+        };
+        props: {
+            defaults: {
+                type: ObjectConstructor;
+                default(): {};
+            };
+            option: {
+                type: ObjectConstructor;
+                required: boolean;
+                default: () => {};
+            };
+        };
+        emits: string[];
+        watch: {
+            defaults: {
+                handler(this: any, val: any): void;
+                deep: boolean;
+            };
+            objectOption: {
+                handler(this: any, val: any): void;
+                deep: boolean;
+            };
+            propOption: {
+                handler(this: any, list: any): void;
+                deep: boolean;
+            };
+            option: {
+                handler(this: any): void;
+                deep: boolean;
+            };
+        };
+        data(): {
+            DIC: {};
+            cascaderDIC: {};
+            tableOption: {};
+            isMobile: string;
+            objectOption: {};
+        };
+        created(this: any): void;
+        computed: {
+            resultOption(this: any): any;
+            rowKey(this: any): any;
+            formRules(this: any): Record<string, any>;
+            isMediumSize(): (this: any) => any;
+            controlSize(this: any): any;
+        };
+        methods: {
+            init(this: any, type: any): void;
+            dicInit(this: any, type: any): void;
+            getIsMobile(this: any): void;
+            updateDic(this: any, prop: any, list: any): void;
+            handleSetDic(this: any, list: any, res?: Record<string, any>): void;
+            handleLocalDic(this: any): void;
+            handleLoadDic(this: any): void;
+            handleLoadCascaderDic(this: any): void;
+        };
+    }, import('vue').ComponentOptionsMixin, ("update:modelValue" | "error" | "change" | "submit" | "tab-click" | "reset-change" | "update:status" | "mock-change")[], {}, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {
+            DIC: {};
+            cascaderDIC: {};
+            tableOption: {};
+            isMobile: string;
+            objectOption: {};
+        };
+        C: {
+            resultOption(this: any): any;
+            rowKey(this: any): any;
+            formRules(this: any): Record<string, any>;
+            isMediumSize(): (this: any) => any;
+            controlSize(this: any): any;
+        };
+        M: {
+            init(this: any, type: any): void;
+            dicInit(this: any, type: any): void;
+            getIsMobile(this: any): void;
+            updateDic(this: any, prop: any, list: any): void;
+            handleSetDic(this: any, list: any, res?: Record<string, any>): void;
+            handleLocalDic(this: any): void;
+            handleLoadDic(this: any): void;
+            handleLoadCascaderDic(this: any): void;
+        };
+        Defaults: {};
+    } & {
+        P: {};
+        B: {};
+        D: {};
+        C: import('vue').ComputedOptions;
+        M: {
+            getSlotName(item: any | undefined, type: string | undefined, slot: string): any;
+            getSlotList(list: never[] | undefined, slot: string, propList: Array<any>): string[];
+        };
+        Defaults: {};
+    } & {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        uploadBefore: FunctionConstructor;
+        uploadAfter: FunctionConstructor;
+        uploadDelete: FunctionConstructor;
+        uploadPreview: FunctionConstructor;
+        uploadError: FunctionConstructor;
+        uploadExceed: FunctionConstructor;
+        status: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isCrud: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
+        "onTab-click"?: ((...args: any[]) => any) | undefined;
+        "onReset-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        "onMock-change"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {
+        DIC: {};
+        cascaderDIC: {};
+        tableOption: {};
+        isMobile: string;
+        objectOption: {};
+    } & {
+        activeName: string;
+        labelWidth: number;
+        allDisabled: boolean;
+        optionIndex: never[];
+        optionBox: boolean;
+        tableOption: {};
+        itemSpanDefault: number;
+        form: {};
+        formCreate: boolean;
+        formList: never[];
+        formBind: {};
+    }, {
+        resultOption(this: any): any;
+        rowKey(this: any): any;
+        formRules(this: any): Record<string, any>;
+        isMediumSize(): (this: any) => any;
+        controlSize(this: any): any;
+    } & import('vue').ComputedOptions & {
+        columnSlot(): string[];
+        labelSuffix(): any;
+        isMenu(): boolean;
+        isDetail(): boolean;
+        isTabs(): boolean;
+        isAdd(): boolean;
+        isEdit(): boolean;
+        isView(): boolean;
+        gutter(): any;
+        detail(): any;
+        disabled(): any;
+        readonly(): any;
+        tabsType(): any;
+        columnLen(): any;
+        dynamicOption(): any[];
+        propOption(): any[];
+        parentOption(): {};
+        columnOption(): any;
+        menuPosition(): any;
+        boxType(): any;
+        isPrint(): boolean;
+        tabsActive(): any;
+        isMock(): boolean;
+    }, {
+        init(this: any, type: any): void;
+        dicInit(this: any, type: any): void;
+        getIsMobile(this: any): void;
+        updateDic(this: any, prop: any, list: any): void;
+        handleSetDic(this: any, list: any, res?: Record<string, any>): void;
+        handleLocalDic(this: any): void;
+        handleLoadDic(this: any): void;
+        handleLoadCascaderDic(this: any): void;
+    } & {
+        getSlotName(item: any | undefined, type: string | undefined, slot: string): any;
+        getSlotList(list: never[] | undefined, slot: string, propList: Array<any>): string[];
+    } & {
+        setPx: (val: any, defval?: string) => any;
+        deepClone: (data: any) => any;
+        getComponent: (type: any, component: any) => any;
+        getPlaceholder: (column: any) => any;
+        uploadFun: typeof uploadFun;
+        getDisabled(column: any): boolean;
+        getSpan(column: any): any;
+        isGroupShow(item: any, index: any): boolean;
+        dataFormat(): void;
+        setControl(): void;
+        setForm(): void;
+        setVal(): void;
+        setLabel(): void;
+        handleGroupClick(activeNames: any): void;
+        handleTabClick(tab: any, event: any): void;
+        getLabelWidth(column: any, item: any): any;
+        validateField(val: any): any;
+        validTip(column: any): boolean;
+        getPropRef(prop: any): any;
+        handleChange(list: any, column: any): void;
+        handlePrint(): void;
+        propChange(option: any, column: any): void;
+        handleMock(): void;
+        vaildDetail(column: any): boolean;
+        vaildDisabled(column: any): boolean;
+        vaildDisplay(column: any): any;
+        clearValidate(list: any): void;
+        validateCellForm(): Promise<any>;
+        validate(resolve: any): void;
+        resetForm(reset?: boolean): void;
+        resetFields(): void;
+        show(): void;
+        hide(): void;
+        submit(): void;
+    }, {}>;
+}, true, {}, any>;

package/fy-form/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/C9nHZkbj.mjs";
+export { e as default };

package/fy-form/style.css

@@ -0,0 +1 @@
+.avue-group{width:100%}.avue-group .el-collapse,.avue-group .el-collapse-item__wrap{border-color:#fff}.avue-group .el-collapse-item__header{height:inherit;border:none;border-bottom:1px solid #eee;margin-bottom:20px}.avue-group .el-collapse-item__content,.avue-group .van-collapse-item__content{padding-bottom:0}.avue-group .van-collapse-item__content{padding:0 2px}.avue-group--arrow .el-collapse-item__arrow,.avue-group--arrow .van-icon-arrow,.avue-group .van-hairline--top-bottom:after,.avue-group .van-hairline-unset--top-bottom:after{display:none}.avue-group .van-collapse-item__title{align-items:center;padding:0 10px;display:flex}.avue-group .van-collapse-item__title:after{left:0!important}.avue-group--none{border:none!important;margin:0!important}.avue-group--header .el-collapse-item__header,.avue-group--header .van-collapse-item__title{display:none}.avue-group--collapse .el-collapse-item__arrow,.avue-group--collapse .el-collapse-item__header{display:flex!important}.avue-group__item{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #eee;border-radius:5px;margin-bottom:10px}.avue-group__item:last-child{border-bottom:none}.avue-group__header{box-sizing:border-box;align-items:center;width:100%;height:50px;line-height:50px;display:flex}.avue-group__icon{color:#000000d9;margin-right:8px;font-size:20px}.avue-group__title{color:#000000d9;font-size:16px;font-weight:500}.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{flex-direction:column;flex:auto;padding:0;display:flex}.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body .avue-form,.dialog-form .el-drawer__body .avue-form{flex:auto}.dialog-form .el-drawer .el-drawer__body{height:100%}.dialog-form .el-drawer .avue-form{padding:10px}.avue-crud{width:100%;margin:0 auto}.avue-crud .el-card+.el-card{margin-top:8px}.avue-crud--card .el-card{border:none}.avue-crud--card .el-card__body{padding:0}.avue-crud--card .el-card+.el-card{margin-top:0}.avue-crud .el-table .el-form-item{width:100%;margin-bottom:0;display:inline-block}.avue-crud .el-table .el-form-item__label{position:absolute;left:2px}.avue-crud .el-table .el-form-item__content{font-size:inherit;line-height:inherit}.avue-crud .el-table .el-form-item__error{text-align:left;width:100%;position:relative}.avue-crud .el-dropdown+.el-button{margin-left:10px}.avue-crud .el-checkbox:last-of-type{margin-right:0}.avue-crud .el-range-editor--mini{height:28px}.avue-crud__img{justify-content:center;display:flex}.avue-crud__img>*{object-fit:contain;height:50px;margin-right:5px;font-size:50px}.avue-crud__column .el-checkbox{cursor:move;margin-bottom:10px}.avue-crud__menu{background-color:#fff;justify-content:space-between;width:100%;height:auto;min-height:40px;margin-bottom:5px;display:flex;position:relative;overflow:hidden}.avue-crud__search .el-form-item--medium.el-form-item{margin-bottom:22px}.avue-crud__search .el-form-item--mini.el-form-item,.avue-crud__search .el-form-item--small.el-form-item{margin-bottom:14px}.avue-crud .el-table--mini .avue-crud__color{width:20px;height:20px}.avue-crud .el-table--mini .avue-crud__icon{font-size:20px}.avue-crud .el-table--small .avue-crud__color{width:30px;height:30px}.avue-crud .el-table--small .avue-crud__icon{font-size:30px}.avue-crud th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud table td{line-height:26px}.avue-crud--indeterminate .is-indeterminate .el-checkbox__inner{background-color:#fff;border-color:#dcdfe6}.avue-crud .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud .el-table .cell{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;overflow:hidden}.avue-crud__color{border-radius:5px;width:40px;height:40px;margin:0 auto;display:block}.avue-crud__icon{font-size:45px}.avue-crud__icon--small{width:20px;height:20px;font-size:20px}.avue-crud__ghost{cursor:move;opacity:.4}.is-always-shadow+.avue-crud__pagination{padding:0}.avue-crud__pagination{text-align:right;padding:25px 0 20px 20px;position:relative}.avue-crud__pagination .el-pagination{display:inline-block}.avue-crud__form{padding:0 8px}.avue-crud__empty{padding:20px 0}.avue-crud__empty .el-empty__description{margin-top:0}.avue-crud__header{margin-bottom:10px}.avue-crud__header>.el-button{padding:12px 25px}.avue-crud__title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.avue-crud__tip{justify-content:flex-start;align-items:center;margin:0 0 8px;font-size:12px;display:flex}.avue-crud__tip-name{margin-right:10px}.avue-crud__tip-count{font-size:16px;font-weight:600}.avue-crud__tip .el-button{margin-bottom:0}.avue-crud__filter-item{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.avue-crud__filter-menu{margin-bottom:20px;padding:0 5px}.avue-crud__filter-label{margin:0 5px;width:120px!important}.avue-crud__filter-symbol{margin:0 5px;width:80px!important}.avue-crud__filter-value{margin:0 5px;width:150px!important}.avue-crud__filter-value .el-date-editor.el-input,.avue-crud__filter-value .el-date-editor.el-input__inner{width:100%}.avue-crud__filter-icon{margin-left:10px}.avue-crud__dialog .el-drawer__header .avue-crud__dialog__menu{padding-right:0}.avue-crud__dialog__header{justify-content:space-between;align-items:center;display:flex}.avue-crud__dialog__menu{padding-right:20px}.avue-crud__dialog__menu i{color:#909399;font-size:15px}.avue-crud__dialog__menu i:hover{color:#409eff}.avue-crud__dialog .el-dialog__body,.avue-crud__dialog .el-drawer__body{padding:20px 20px 5px 10px}.avue-crud__dialog .el-drawer__close-btn{margin-top:2px;font-size:18px}.avue-crud__dialog .el-scrollbar__wrap{overflow-x:hidden}.avue-crud__dialog .avue-form__menu{padding-top:15px}.avue-dynamic__item{align-items:center;width:100%;margin-bottom:10px;display:flex}.avue-dynamic__header{padding-left:40px}.avue-dynamic__row{border-top:1px dashed #eee;padding-top:13px;position:relative}.avue-dynamic__row:first-child{border-top:0}.avue-dynamic__menu{z-index:1024;position:absolute;right:0}.avue-dynamic__input{width:100%;margin-right:8px}.avue-dynamic__button{margin-bottom:0!important}.el-form-item.is-error .avue-dynamic{border:1px solid #f56c6c;border-radius:3px}.avue-form{box-sizing:border-box;margin:0 auto;padding:10px;position:relative;overflow:auto}.avue-form .el-form-item__content .avue-form-item-input-wrapper{flex:auto}.avue-form__item--top{flex-direction:column;display:flex}.avue-form__item--top .el-form-item__label{text-align:left!important;width:100%!important}.avue-form__item--top .el-form-item__content{margin-left:0!important}.avue-form__item--left .el-form-item__label{text-align:left!important}.avue-form__menu{box-sizing:border-box;padding:5px 10px 0}.avue-form__menu--center{text-align:center}.avue-form__menu--center .el-button{margin:0 5px}.avue-form__menu--left{text-align:left}.avue-form__menu--right{text-align:right}.avue-form__tabs{box-sizing:border-box;padding:0 10px}.avue-form__group{flex-wrap:wrap;align-items:flex-start;height:auto;display:flex}.avue-form__group--flex{display:flex}.avue-form__group .el-col{position:relative}.avue-form__line{height:100%;display:inline-block}.avue-form__row--block{width:100%;display:block}.avue-form__row--cursor{cursor:pointer}.avue-form__option{z-index:999;position:absolute;top:-10px;right:0}.avue-form__option i{color:#666}.avue-form__option i+i{margin-left:10px}