bani-ui 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ import { InjectionKey } from 'vue';
2
+ import { ButtonGroupContext } from './types';
3
+ export declare const BUTTON_GROUP_CTX_KEY: InjectionKey<ButtonGroupContext>;
@@ -0,0 +1,57 @@
1
+ export declare const BnButton: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ButtonProps> & Readonly<{
3
+ onClick?: ((value: MouseEvent) => any) | undefined;
4
+ }>, {
5
+ ref: import('vue').Ref<HTMLButtonElement | void>;
6
+ disabled: import('vue').ComputedRef<boolean>;
7
+ size: import('vue').ComputedRef<string>;
8
+ type: import('vue').ComputedRef<string>;
9
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
10
+ click: (value: MouseEvent) => any;
11
+ }, import('vue').PublicProps, {
12
+ tag: string | import('vue').Component;
13
+ nativeType: import('./types').NativeType;
14
+ useThrottle: boolean;
15
+ throttleDuration: number;
16
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
17
+ _ref: unknown;
18
+ }, any, import('vue').ComponentProvideOptions, {
19
+ P: {};
20
+ B: {};
21
+ D: {};
22
+ C: {};
23
+ M: {};
24
+ Defaults: {};
25
+ }, Readonly<import('./types').ButtonProps> & Readonly<{
26
+ onClick?: ((value: MouseEvent) => any) | undefined;
27
+ }>, {
28
+ ref: import('vue').Ref<HTMLButtonElement | void>;
29
+ disabled: import('vue').ComputedRef<boolean>;
30
+ size: import('vue').ComputedRef<string>;
31
+ type: import('vue').ComputedRef<string>;
32
+ }, {}, {}, {}, {
33
+ tag: string | import('vue').Component;
34
+ nativeType: import('./types').NativeType;
35
+ useThrottle: boolean;
36
+ throttleDuration: number;
37
+ }>;
38
+ __isFragment?: never;
39
+ __isTeleport?: never;
40
+ __isSuspense?: never;
41
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types').ButtonProps> & Readonly<{
42
+ onClick?: ((value: MouseEvent) => any) | undefined;
43
+ }>, {
44
+ ref: import('vue').Ref<HTMLButtonElement | void>;
45
+ disabled: import('vue').ComputedRef<boolean>;
46
+ size: import('vue').ComputedRef<string>;
47
+ type: import('vue').ComputedRef<string>;
48
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
49
+ click: (value: MouseEvent) => any;
50
+ }, string, {
51
+ tag: string | import('vue').Component;
52
+ nativeType: import('./types').NativeType;
53
+ useThrottle: boolean;
54
+ throttleDuration: number;
55
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
56
+ $slots: Readonly<Record<string, any>> & Record<string, any>;
57
+ }) & import('vue').Plugin;
@@ -0,0 +1,34 @@
1
+ import { Component, ComputedRef, Ref } from 'vue';
2
+ export type ButtonType = "primary" | "success" | "warning" | "danger" | "info";
3
+ export type NativeType = "button" | "submit" | "reset";
4
+ export type ButtonSize = "default" | "large" | "small";
5
+ export interface ButtonProps {
6
+ tag?: string | Component;
7
+ type?: ButtonType;
8
+ size?: ButtonSize;
9
+ plain?: boolean;
10
+ round?: boolean;
11
+ circle?: boolean;
12
+ disabled?: boolean;
13
+ autofocus?: boolean;
14
+ nativeType?: NativeType;
15
+ icon?: string;
16
+ loading?: boolean;
17
+ loadingIcon?: string;
18
+ useThrottle?: boolean;
19
+ throttleDuration?: number;
20
+ }
21
+ export interface ButtonGroupContext {
22
+ size?: ButtonSize;
23
+ type?: ButtonType;
24
+ disabled?: boolean;
25
+ }
26
+ export interface ButtonEmits {
27
+ (e: "click", value: MouseEvent): void;
28
+ }
29
+ export interface ButtonInstance {
30
+ ref: Ref<HTMLButtonElement | void>;
31
+ disabled: ComputedRef<boolean>;
32
+ size: ComputedRef<string>;
33
+ type: ComputedRef<string>;
34
+ }
@@ -0,0 +1,17 @@
1
+ export declare const BnButtonGroup: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
3
+ P: {};
4
+ B: {};
5
+ D: {};
6
+ C: {};
7
+ M: {};
8
+ Defaults: {};
9
+ }, Readonly<import('./types').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
10
+ __isFragment?: never;
11
+ __isTeleport?: never;
12
+ __isSuspense?: never;
13
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
14
+ $slots: {
15
+ default?(_: {}): any;
16
+ };
17
+ }) & import('vue').Plugin;
@@ -0,0 +1,6 @@
1
+ import { ButtonSize, ButtonType } from '../Button/types';
2
+ export interface ButtonGroupProps {
3
+ size?: ButtonSize;
4
+ type?: ButtonType;
5
+ disabled?: boolean;
6
+ }
@@ -0,0 +1,13 @@
1
+ export declare const BnIcon: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
3
+ P: {};
4
+ B: {};
5
+ D: {};
6
+ C: {};
7
+ M: {};
8
+ Defaults: {};
9
+ }, Readonly<import('./types').IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
10
+ __isFragment?: never;
11
+ __isTeleport?: never;
12
+ __isSuspense?: never;
13
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
@@ -0,0 +1,28 @@
1
+ import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
2
+ export interface IconProps {
3
+ border?: boolean;
4
+ fixedWidth?: boolean;
5
+ flip?: "horizontal" | "vertical" | "both";
6
+ icon: object | Array<string> | string | IconDefinition;
7
+ mask?: object | Array<string> | string;
8
+ listItem?: boolean;
9
+ pull?: "right" | "left";
10
+ pulse?: boolean;
11
+ rotation?: 90 | 180 | 270 | "90" | "180" | "270";
12
+ swapOpacity?: boolean;
13
+ size?: "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x";
14
+ spin?: boolean;
15
+ transform?: object | string;
16
+ symbol?: boolean | string;
17
+ title?: string;
18
+ inverse?: boolean;
19
+ bounce?: boolean;
20
+ shake?: boolean;
21
+ beat?: boolean;
22
+ fade?: boolean;
23
+ beatFade?: boolean;
24
+ spinPulse?: boolean;
25
+ spinReverse?: boolean;
26
+ type?: "primary" | "success" | "warning" | "danger" | "info";
27
+ color?: string;
28
+ }
@@ -0,0 +1,3 @@
1
+ export * from './Button';
2
+ export * from './ButtonGroup';
3
+ export * from './Icon';
@@ -0,0 +1,3 @@
1
+ declare const installer: import('vue').Plugin;
2
+ export * from '@bani/components';
3
+ export default installer;
@@ -0,0 +1 @@
1
+ export * from './install';
@@ -0,0 +1,5 @@
1
+ import { Plugin } from 'vue';
2
+ type SFCWithInstall<T> = T & Plugin;
3
+ export declare function makeInstaller(components: Plugin[]): Plugin;
4
+ export declare const withInstall: <T>(component: T) => SFCWithInstall<T>;
5
+ export {};
@@ -0,0 +1 @@
1
+ .er-icon[data-v-08b9b44a]{--er-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--er-icon-color);font-size:inherit}.er-icon--primary[data-v-08b9b44a]{--er-icon-color: var(--er-color-primary)}.er-icon--info[data-v-08b9b44a]{--er-icon-color: var(--er-color-info)}.er-icon--success[data-v-08b9b44a]{--er-icon-color: var(--er-color-success)}.er-icon--warning[data-v-08b9b44a]{--er-icon-color: var(--er-color-warning)}.er-icon--danger[data-v-08b9b44a]{--er-icon-color: var(--er-color-danger)}.er-button-group[data-v-1705e7a6]{--er-button-group-border-color: var(--er-border-color-lighter)}.er-button[data-v-1705e7a6]{--er-button-font-weight: var(--er-font-weight-primary);--er-button-border-color: var(--er-border-color);--er-button-bg-color: var(--er-fill-color-blank);--er-button-text-color: var(--er-text-color-regular);--er-button-disabled-text-color: var(--er-disabled-text-color);--er-button-disabled-bg-color: var(--er-fill-color-blank);--er-button-disabled-border-color: var(--er-border-color-light);--er-button-hover-text-color: var(--er-color-primary);--er-button-hover-bg-color: var(--er-color-primary-light-9);--er-button-hover-border-color: var(--er-color-primary-light-7);--er-button-active-text-color: var(--er-button-hover-text-color);--er-button-active-border-color: var(--er-color-primary);--er-button-active-bg-color: var(--er-button-hover-bg-color);--er-button-outline-color: var(--er-color-primary-light-5);--er-button-active-color: var(--er-text-color-primary)}.er-button[data-v-1705e7a6]{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--er-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--er-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--er-button-bg-color);border:var(--er-border);border-color:var(--er-button-border-color);padding:8px 15px;font-size:var(--er-font-size-base);border-radius:var(--er-border-radius-base)}.er-button+.er-button[data-v-1705e7a6]{margin-left:12px}.er-button[data-v-1705e7a6]:hover,.er-button[data-v-1705e7a6]:focus{color:var(--er-button-hover-text-color);border-color:var(--er-button-hover-border-color);background-color:var(--er-button-hover-bg-color);outline:none}.er-button[data-v-1705e7a6]:active{color:var(--er-button-active-text-color);border-color:var(--er-button-active-border-color);background-color:var(--er-button-active-bg-color);outline:none}.er-button.is-plain[data-v-1705e7a6]{--er-button-hover-text-color: var(--er-color-primary);--er-button-hover-bg-color: var(--er-fill-color-blank);--er-button-hover-border-color: var(--er-color-primary)}.er-button.is-round[data-v-1705e7a6]{border-radius:var(--er-border-radius-round)}.er-button.is-circle[data-v-1705e7a6]{border-radius:50%;padding:8px}.er-button.is-loading[data-v-1705e7a6],.er-button.is-disabled[data-v-1705e7a6],.er-button.is-disabled[data-v-1705e7a6]:hover,.er-button.is-disabled[data-v-1705e7a6]:focus,.er-button[disabled][data-v-1705e7a6],.er-button[disabled][data-v-1705e7a6]:hover,.er-button[disabled][data-v-1705e7a6]:focus{color:var(--er-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--er-button-disabled-bg-color);border-color:var(--er-button-disabled-border-color)}.er-button [class*=er-icon][data-v-1705e7a6]{width:1em;height:1em}.er-button--primary[data-v-1705e7a6]{--er-button-text-color: var(--er-color-white);--er-button-bg-color: var(--er-color-primary);--er-button-border-color: var(--er-color-primary);--er-button-outline-color: var(--er-color-primary-light-5);--er-button-active-color: var(--er-color-primary-dark-2);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-primary-light-3);--er-button-hover-border-color: var(--er-color-primary-light-3);--er-button-active-bg-color: var(--er-color-primary-dark-2);--er-button-active-border-color: var(--er-color-primary-dark-2);--er-button-disabled-text-color: var(--er-color-white);--er-button-disabled-bg-color: var(--er-color-primary-light-5);--er-button-disabled-border-color: var(--er-color-primary-light-5)}.er-button--primary.is-plain[data-v-1705e7a6]{--er-button-text-color: var(--er-color-primary);--er-button-bg-color: var(--er-color-primary-light-9);--er-button-border-color: var(--er-color-primary-light-5);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-primary);--er-button-hover-border-color: var(--er-color-primary);--er-button-active-text-color: var(--er-color-white);--er-button-disabled-text-color: var(--er-color-primary-light-5);--er-button-disabled-bg-color: var(--er-color-primary-light-9);--er-button-disabled-border-color: var(--er-color-primary-light-8)}.er-button--success[data-v-1705e7a6]{--er-button-text-color: var(--er-color-white);--er-button-bg-color: var(--er-color-success);--er-button-border-color: var(--er-color-success);--er-button-outline-color: var(--er-color-success-light-5);--er-button-active-color: var(--er-color-success-dark-2);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-success-light-3);--er-button-hover-border-color: var(--er-color-success-light-3);--er-button-active-bg-color: var(--er-color-success-dark-2);--er-button-active-border-color: var(--er-color-success-dark-2);--er-button-disabled-text-color: var(--er-color-white);--er-button-disabled-bg-color: var(--er-color-success-light-5);--er-button-disabled-border-color: var(--er-color-success-light-5)}.er-button--success.is-plain[data-v-1705e7a6]{--er-button-text-color: var(--er-color-success);--er-button-bg-color: var(--er-color-success-light-9);--er-button-border-color: var(--er-color-success-light-5);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-success);--er-button-hover-border-color: var(--er-color-success);--er-button-active-text-color: var(--er-color-white);--er-button-disabled-text-color: var(--er-color-success-light-5);--er-button-disabled-bg-color: var(--er-color-success-light-9);--er-button-disabled-border-color: var(--er-color-success-light-8)}.er-button--warning[data-v-1705e7a6]{--er-button-text-color: var(--er-color-white);--er-button-bg-color: var(--er-color-warning);--er-button-border-color: var(--er-color-warning);--er-button-outline-color: var(--er-color-warning-light-5);--er-button-active-color: var(--er-color-warning-dark-2);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-warning-light-3);--er-button-hover-border-color: var(--er-color-warning-light-3);--er-button-active-bg-color: var(--er-color-warning-dark-2);--er-button-active-border-color: var(--er-color-warning-dark-2);--er-button-disabled-text-color: var(--er-color-white);--er-button-disabled-bg-color: var(--er-color-warning-light-5);--er-button-disabled-border-color: var(--er-color-warning-light-5)}.er-button--warning.is-plain[data-v-1705e7a6]{--er-button-text-color: var(--er-color-warning);--er-button-bg-color: var(--er-color-warning-light-9);--er-button-border-color: var(--er-color-warning-light-5);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-warning);--er-button-hover-border-color: var(--er-color-warning);--er-button-active-text-color: var(--er-color-white);--er-button-disabled-text-color: var(--er-color-warning-light-5);--er-button-disabled-bg-color: var(--er-color-warning-light-9);--er-button-disabled-border-color: var(--er-color-warning-light-8)}.er-button--info[data-v-1705e7a6]{--er-button-text-color: var(--er-color-white);--er-button-bg-color: var(--er-color-info);--er-button-border-color: var(--er-color-info);--er-button-outline-color: var(--er-color-info-light-5);--er-button-active-color: var(--er-color-info-dark-2);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-info-light-3);--er-button-hover-border-color: var(--er-color-info-light-3);--er-button-active-bg-color: var(--er-color-info-dark-2);--er-button-active-border-color: var(--er-color-info-dark-2);--er-button-disabled-text-color: var(--er-color-white);--er-button-disabled-bg-color: var(--er-color-info-light-5);--er-button-disabled-border-color: var(--er-color-info-light-5)}.er-button--info.is-plain[data-v-1705e7a6]{--er-button-text-color: var(--er-color-info);--er-button-bg-color: var(--er-color-info-light-9);--er-button-border-color: var(--er-color-info-light-5);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-info);--er-button-hover-border-color: var(--er-color-info);--er-button-active-text-color: var(--er-color-white);--er-button-disabled-text-color: var(--er-color-info-light-5);--er-button-disabled-bg-color: var(--er-color-info-light-9);--er-button-disabled-border-color: var(--er-color-info-light-8)}.er-button--danger[data-v-1705e7a6]{--er-button-text-color: var(--er-color-white);--er-button-bg-color: var(--er-color-danger);--er-button-border-color: var(--er-color-danger);--er-button-outline-color: var(--er-color-danger-light-5);--er-button-active-color: var(--er-color-danger-dark-2);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-danger-light-3);--er-button-hover-border-color: var(--er-color-danger-light-3);--er-button-active-bg-color: var(--er-color-danger-dark-2);--er-button-active-border-color: var(--er-color-danger-dark-2);--er-button-disabled-text-color: var(--er-color-white);--er-button-disabled-bg-color: var(--er-color-danger-light-5);--er-button-disabled-border-color: var(--er-color-danger-light-5)}.er-button--danger.is-plain[data-v-1705e7a6]{--er-button-text-color: var(--er-color-danger);--er-button-bg-color: var(--er-color-danger-light-9);--er-button-border-color: var(--er-color-danger-light-5);--er-button-hover-text-color: var(--er-color-white);--er-button-hover-bg-color: var(--er-color-danger);--er-button-hover-border-color: var(--er-color-danger);--er-button-active-text-color: var(--er-color-white);--er-button-disabled-text-color: var(--er-color-danger-light-5);--er-button-disabled-bg-color: var(--er-color-danger-light-9);--er-button-disabled-border-color: var(--er-color-danger-light-8)}.er-button--large[data-v-1705e7a6]{--er-button-size: 40px;height:var(--er-button-size);padding:12px 19px;font-size:var(--er-font-size-base);border-radius:var(--er-border-radius-base)}.er-button--large.is-circle[data-v-1705e7a6]{border-radius:50%;padding:12px}.er-button--small[data-v-1705e7a6]{--er-button-size: 24px;height:var(--er-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--er-border-radius-base) - 1px)}.er-button--small.is-circle[data-v-1705e7a6]{border-radius:50%;padding:5px}.er-button--small [class*=er-icon][data-v-1705e7a6]{width:12px;height:12px}.er-button-group[data-v-1705e7a6]{display:inline-block;vertical-align:middle}.er-button-group[data-v-1705e7a6]:after{clear:both}.er-button-group[data-v-1705e7a6]>.er-button{float:left;position:relative;margin-left:0}.er-button-group[data-v-1705e7a6]>.er-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--er-button-group-border-color)}.er-button-group[data-v-1705e7a6]>.er-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--er-button-group-border-color)}.er-button-group[data-v-1705e7a6]>.er-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--er-button-group-border-color);border-right-color:var(--er-button-group-border-color)}.er-button-group[data-v-1705e7a6]>.er-button:not(:last-child){margin-right:-1px}.er-button-group[data-v-1705e7a6]>.er-button:first-child:last-child{border-top-right-radius:var(--er-border-radius-base);border-bottom-right-radius:var(--er-border-radius-base);border-top-left-radius:var(--er-border-radius-base);border-bottom-left-radius:var(--er-border-radius-base)}.er-button-group[data-v-1705e7a6]>.er-button:first-child:last-child.is-round{border-radius:var(--er-border-radius-round)}.er-button-group[data-v-1705e7a6]>.er-button:first-child:last-child.is-circle{border-radius:50%}.er-button-group[data-v-478bedad]{--er-button-group-border-color: var(--er-border-color-lighter)}.er-button-group[data-v-478bedad]{display:inline-block;vertical-align:middle}.er-button-group[data-v-478bedad]:after{clear:both}.er-button-group[data-v-478bedad]>.er-button{float:left;position:relative;margin-left:0}.er-button-group[data-v-478bedad]>.er-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--er-button-group-border-color)}.er-button-group[data-v-478bedad]>.er-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--er-button-group-border-color)}.er-button-group[data-v-478bedad]>.er-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--er-button-group-border-color);border-right-color:var(--er-button-group-border-color)}.er-button-group[data-v-478bedad]>.er-button:not(:last-child){margin-right:-1px}.er-button-group[data-v-478bedad]>.er-button:first-child:last-child{border-top-right-radius:var(--er-border-radius-base);border-bottom-right-radius:var(--er-border-radius-base);border-top-left-radius:var(--er-border-radius-base);border-bottom-left-radius:var(--er-border-radius-base)}.er-button-group[data-v-478bedad]>.er-button:first-child:last-child.is-round{border-radius:var(--er-border-radius-round)}.er-button-group[data-v-478bedad]>.er-button:first-child:last-child.is-circle{border-radius:50%}body{font-family:var(--er-font-family);font-weight:400;font-size:var(--er-font-size-base);line-height:calc(var(--er-font-size-base) * 1.2);color:var(--er-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--er-color-primary);text-decoration:none}a:hover,a:focus{color:var(--er-color-primary-light-3)}a:active{color:var(--er-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--er-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:calc(var(--er-font-size-base) + 6px)}h2{font-size:calc(var(--er-font-size-base) + 4px)}h3{font-size:calc(var(--er-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--er-font-size-base) - 1px)}small{font-size:calc(var(--er-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--er-border-color-lighter)}:root{--er-color-white: #ffffff;--er-color-black: #000000;--colors: (primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399);--er-bg-color: #ffffff;--er-bg-color-page: #f2f3f5;--er-bg-color-overlay: #ffffff;--er-text-color-primary: #303133;--er-text-color-regular: #606266;--er-text-color-secondary: #909399;--er-text-color-placeholder: #a8abb2;--er-text-color-disabled: #c0c4cc;--er-border-color: #dcdfe6;--er-border-color-light: #e4e7ed;--er-border-color-lighter: #ebeef5;--er-border-color-extra-light: #f2f6fc;--er-border-color-dark: #d4d7de;--er-border-color-darker: #cdd0d6;--er-fill-color: #f0f2f5;--er-fill-color-light: #f5f7fa;--er-fill-color-lighter: #fafafa;--er-fill-color-extra-light: #fafcff;--er-fill-color-dark: #ebedf0;--er-fill-color-darker: #e6e8eb;--er-fill-color-blank: #ffffff;--er-color-primary: #409eff ;--er-color-primary-light-3: #79BBFF;--er-color-primary-light-4: #8CC5FF;--er-color-primary-light-5: #A0CFFF;--er-color-primary-light-6: #B3D8FF;--er-color-primary-light-7: #C6E2FF;--er-color-primary-light-8: #D9ECFF;--er-color-primary-light-9: #ECF5FF;--er-color-primary-dark-2: #337ECC;--er-color-success: #67c23a ;--er-color-success-light-3: #95D475;--er-color-success-light-4: #A4DA89;--er-color-success-light-5: #B3E19D;--er-color-success-light-6: #C2E7B0;--er-color-success-light-7: #D1EDC4;--er-color-success-light-8: #E1F3D8;--er-color-success-light-9: #F0F9EB;--er-color-success-dark-2: #529B2E;--er-color-warning: #e6a23c ;--er-color-warning-light-3: #EEBE77;--er-color-warning-light-4: #F0C78A;--er-color-warning-light-5: #F3D19E;--er-color-warning-light-6: #F5DAB1;--er-color-warning-light-7: #F8E3C5;--er-color-warning-light-8: #FAECD8;--er-color-warning-light-9: #FDF6EC;--er-color-warning-dark-2: #B88230;--er-color-danger: #f56c6c ;--er-color-danger-light-3: #F89898;--er-color-danger-light-4: #F9A7A7;--er-color-danger-light-5: #FAB6B6;--er-color-danger-light-6: #FBC4C4;--er-color-danger-light-7: #FCD3D3;--er-color-danger-light-8: #FDE2E2;--er-color-danger-light-9: #FEF0F0;--er-color-danger-dark-2: #C45656;--er-color-info: #909399 ;--er-color-info-light-3: #B1B3B8;--er-color-info-light-4: #BCBEC2;--er-color-info-light-5: #C8C9CC;--er-color-info-light-6: #D3D4D6;--er-color-info-light-7: #DEDFE0;--er-color-info-light-8: #E9E9EB;--er-color-info-light-9: #F4F4F5;--er-color-info-dark-2: #73767A;--er-border-width: 1px;--er-border-style: solid;--er-border-color-hover: var(--er-text-color-disabled);--er-border: var(--er-border-width) var(--er-border-style) var(--er-border-color);--er-border-radius-base: 4px;--er-border-radius-small: 2px;--er-border-radius-round: 20px;--er-border-radius-circle: 100%;--er-font-size-extra-large: 20px;--er-font-size-large: 18px;--er-font-size-medium: 16px;--er-font-size-base: 14px;--er-font-size-small: 13px;--er-font-size-extra-small: 12px;--er-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--er-font-weight-primary: 500;--er-disabled-bg-color: var(--er-fill-color-light);--er-disabled-text-color: var(--er-text-color-placeholder);--er-disabled-border-color: var(--er-border-color-light);--er-transition-duration: .4s;--er-transition-duration-fast: .2s}