song-element 1.0.0
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.
- package/dist/es/Button-Mjv8fIfK.js +67 -0
- package/dist/es/Icon-5ZgOmnrF.js +59 -0
- package/dist/es/index.js +13 -0
- package/dist/es/utils-bZk4Ooq-.js +12 -0
- package/dist/es/vendor-Bq_vo3kL.js +761 -0
- package/dist/index.css +1 -0
- package/dist/types/components/Button/Button.vue.d.ts +39 -0
- package/dist/types/components/Button/index.d.ts +148 -0
- package/dist/types/components/Button/types.d.ts +19 -0
- package/dist/types/components/Icon/Icon.vue.d.ts +13 -0
- package/dist/types/components/Icon/index.d.ts +245 -0
- package/dist/types/components/Icon/types.d.ts +29 -0
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/core/index.d.ts +4 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/install.d.ts +6 -0
- package/dist/umd/index.css +1 -0
- package/dist/umd/index.umd.cjs +565 -0
- package/package.json +53 -0
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.song-icon[data-v-f6d808cc]{--song-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--song-icon-color);font-size:inherit}.song-icon--primary[data-v-f6d808cc]{--song-icon-color: var(--song-color-primary)}.song-icon--info[data-v-f6d808cc]{--song-icon-color: var(--song-color-info)}.song-icon--success[data-v-f6d808cc]{--song-icon-color: var(--song-color-success)}.song-icon--warning[data-v-f6d808cc]{--song-icon-color: var(--song-color-warning)}.song-icon--danger[data-v-f6d808cc]{--song-icon-color: var(--song-color-danger)}.song-button-group[data-v-2297e1f8]{--song-button-group-border-color: var(--song-border-color-lighter)}.song-button[data-v-2297e1f8]{--song-button-font-weight: var(--song-font-weight-primary);--song-button-border-color: var(--song-border-color);--song-button-bg-color: var(--song-fill-color-blank);--song-button-text-color: var(--song-text-color-regular);--song-button-disabled-text-color: var(--song-disabled-text-color);--song-button-disabled-bg-color: var(--song-fill-color-blank);--song-button-disabled-border-color: var(--song-border-color-light);--song-button-hover-text-color: var(--song-color-primary);--song-button-hover-bg-color: var(--song-color-primary-light-9);--song-button-hover-border-color: var(--song-color-primary-light-7);--song-button-active-text-color: var(--song-button-hover-text-color);--song-button-active-border-color: var(--song-color-primary);--song-button-active-bg-color: var(--song-button-hover-bg-color);--song-button-outline-color: var(--song-color-primary-light-5);--song-button-active-color: var(--song-text-color-primary)}.song-button[data-v-2297e1f8]{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--song-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--song-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--song-button-bg-color);border:var(--song-border);border-color:var(--song-button-border-color);padding:8px 15px;font-size:var(--song-font-size-base);border-radius:var(--song-border-radius-base)}.song-button+.song-button[data-v-2297e1f8]{margin-left:12px}.song-button[data-v-2297e1f8]:hover,.song-button[data-v-2297e1f8]:focus-visible{color:var(--song-button-hover-text-color);border-color:var(--song-button-hover-border-color);background-color:var(--song-button-hover-bg-color);outline:none}.song-button[data-v-2297e1f8]:active{color:var(--song-button-active-text-color);border-color:var(--song-button-active-border-color);background-color:var(--song-button-active-bg-color);outline:none}.song-button.is-plain[data-v-2297e1f8]{--song-button-hover-text-color: var(--song-color-primary);--song-button-hover-bg-color: var(--song-fill-color-blank);--song-button-hover-border-color: var(--song-color-primary)}.song-button.is-round[data-v-2297e1f8]{border-radius:var(--song-border-radius-round)}.song-button.is-circle[data-v-2297e1f8]{border-radius:50%;padding:8px}.song-button.is-loading[data-v-2297e1f8],.song-button.is-disabled[data-v-2297e1f8],.song-button.is-disabled[data-v-2297e1f8]:hover,.song-button.is-disabled[data-v-2297e1f8]:focus,.song-button[disabled][data-v-2297e1f8],.song-button[disabled][data-v-2297e1f8]:hover,.song-button[disabled][data-v-2297e1f8]:focus{color:var(--song-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--song-button-disabled-bg-color);border-color:var(--song-button-disabled-border-color)}.song-button [class*=song-icon][data-v-2297e1f8]{width:1em;height:1em}.song-button--primary[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-primary);--song-button-border-color: var(--song-color-primary);--song-button-outline-color: var(--song-color-primary-light-5);--song-button-active-color: var(--song-color-primary-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-primary-light-3);--song-button-hover-border-color: var(--song-color-primary-light-3);--song-button-active-bg-color: var(--song-color-primary-dark-2);--song-button-active-border-color: var(--song-color-primary-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-primary-light-5);--song-button-disabled-border-color: var(--song-color-primary-light-5)}.song-button--primary.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-primary);--song-button-bg-color: var(--song-color-primary-light-9);--song-button-border-color: var(--song-color-primary-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-primary);--song-button-hover-border-color: var(--song-color-primary);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-primary-light-5);--song-button-disabled-bg-color: var(--song-color-primary-light-9);--song-button-disabled-border-color: var(--song-color-primary-light-8)}.song-button--success[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-success);--song-button-border-color: var(--song-color-success);--song-button-outline-color: var(--song-color-success-light-5);--song-button-active-color: var(--song-color-success-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-success-light-3);--song-button-hover-border-color: var(--song-color-success-light-3);--song-button-active-bg-color: var(--song-color-success-dark-2);--song-button-active-border-color: var(--song-color-success-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-success-light-5);--song-button-disabled-border-color: var(--song-color-success-light-5)}.song-button--success.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-success);--song-button-bg-color: var(--song-color-success-light-9);--song-button-border-color: var(--song-color-success-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-success);--song-button-hover-border-color: var(--song-color-success);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-success-light-5);--song-button-disabled-bg-color: var(--song-color-success-light-9);--song-button-disabled-border-color: var(--song-color-success-light-8)}.song-button--warning[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-warning);--song-button-border-color: var(--song-color-warning);--song-button-outline-color: var(--song-color-warning-light-5);--song-button-active-color: var(--song-color-warning-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-warning-light-3);--song-button-hover-border-color: var(--song-color-warning-light-3);--song-button-active-bg-color: var(--song-color-warning-dark-2);--song-button-active-border-color: var(--song-color-warning-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-warning-light-5);--song-button-disabled-border-color: var(--song-color-warning-light-5)}.song-button--warning.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-warning);--song-button-bg-color: var(--song-color-warning-light-9);--song-button-border-color: var(--song-color-warning-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-warning);--song-button-hover-border-color: var(--song-color-warning);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-warning-light-5);--song-button-disabled-bg-color: var(--song-color-warning-light-9);--song-button-disabled-border-color: var(--song-color-warning-light-8)}.song-button--info[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-info);--song-button-border-color: var(--song-color-info);--song-button-outline-color: var(--song-color-info-light-5);--song-button-active-color: var(--song-color-info-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-info-light-3);--song-button-hover-border-color: var(--song-color-info-light-3);--song-button-active-bg-color: var(--song-color-info-dark-2);--song-button-active-border-color: var(--song-color-info-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-info-light-5);--song-button-disabled-border-color: var(--song-color-info-light-5)}.song-button--info.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-info);--song-button-bg-color: var(--song-color-info-light-9);--song-button-border-color: var(--song-color-info-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-info);--song-button-hover-border-color: var(--song-color-info);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-info-light-5);--song-button-disabled-bg-color: var(--song-color-info-light-9);--song-button-disabled-border-color: var(--song-color-info-light-8)}.song-button--danger[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-danger);--song-button-border-color: var(--song-color-danger);--song-button-outline-color: var(--song-color-danger-light-5);--song-button-active-color: var(--song-color-danger-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-danger-light-3);--song-button-hover-border-color: var(--song-color-danger-light-3);--song-button-active-bg-color: var(--song-color-danger-dark-2);--song-button-active-border-color: var(--song-color-danger-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-danger-light-5);--song-button-disabled-border-color: var(--song-color-danger-light-5)}.song-button--danger.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-danger);--song-button-bg-color: var(--song-color-danger-light-9);--song-button-border-color: var(--song-color-danger-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-danger);--song-button-hover-border-color: var(--song-color-danger);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-danger-light-5);--song-button-disabled-bg-color: var(--song-color-danger-light-9);--song-button-disabled-border-color: var(--song-color-danger-light-8)}.song-button--large[data-v-2297e1f8]{--song-button-size: 40px;height:var(--song-button-size);padding:12px 19px;font-size:var(--song-font-size-base);border-radius:var(--song-border-radius-base)}.song-button--large.is-circle[data-v-2297e1f8]{border-radius:50%;padding:12px}.song-button--small[data-v-2297e1f8]{--song-button-size: 24px;height:var(--song-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--song-border-radius-base) - 1px)}.song-button--small.is-circle[data-v-2297e1f8]{border-radius:50%;padding:5px}.song-button--small [class*=song-icon][data-v-2297e1f8]{width:12px;height:12px}.song-button-group[data-v-2297e1f8]{display:inline-block;vertical-align:middle}.song-button-group[data-v-2297e1f8]:after{clear:both}.song-button-group[data-v-2297e1f8]>.song-button{float:left;position:relative;margin-left:0}.song-button-group[data-v-2297e1f8]>.song-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--song-button-group-border-color)}.song-button-group[data-v-2297e1f8]>.song-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--song-button-group-border-color)}.song-button-group[data-v-2297e1f8]>.song-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--song-button-group-border-color);border-right-color:var(--song-button-group-border-color)}.song-button-group[data-v-2297e1f8]>.song-button:not(:last-child){margin-right:-1px}.song-button-group[data-v-2297e1f8]>.song-button:first-child:last-child{border-top-right-radius:var(--song-border-radius-base);border-bottom-right-radius:var(--song-border-radius-base);border-top-left-radius:var(--song-border-radius-base);border-bottom-left-radius:var(--song-border-radius-base)}.song-button-group[data-v-2297e1f8]>.song-button:first-child:last-child.is-round{border-radius:var(--song-border-radius-round)}.song-button-group[data-v-2297e1f8]>.song-button:first-child:last-child.is-circle{border-radius:50%}body{font-family:var(--song-font-family);font-weight:400;font-size:var(--song-font-size-base);line-height:calc(var(--song-font-size-base) * 1.2);color:var(--song-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--song-color-primary);text-decoration:none}a:hover,a:focus{color:var(--song-color-primary-light-3)}a:active{color:var(--song-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--song-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(--song-font-size-base) + 6px)}h2{font-size:calc(var(--song-font-size-base) + 4px)}h3{font-size:calc(var(--song-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(--song-font-size-base) - 1px)}small{font-size:calc(var(--song-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--song-border-color-lighter)}:root{--song-color-white: #ffffff;--song-color-black: #000000;--colors: ( primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399 );--song-bg-color: #ffffff;--song-bg-color-page: #f2f3f5;--song-bg-color-overlay: #ffffff;--song-text-color-primary: #303133;--song-text-color-regular: #606266;--song-text-color-secondary: #909399;--song-text-color-placeholder: #a8abb2;--song-text-color-disabled: #c0c4cc;--song-border-color: #dcdfe6;--song-border-color-light: #e4e7ed;--song-border-color-lighter: #ebeef5;--song-border-color-extra-light: #f2f6fc;--song-border-color-dark: #d4d7de;--song-border-color-darker: #cdd0d6;--song-fill-color: #f0f2f5;--song-fill-color-light: #f5f7fa;--song-fill-color-lighter: #fafafa;--song-fill-color-extra-light: #fafcff;--song-fill-color-dark: #ebedf0;--song-fill-color-darker: #e6e8eb;--song-fill-color-blank: #ffffff;--song-color-primary: #409eff ;--song-color-primary-light-3: #A0CFFF;--song-color-primary-light-4: #A0CFFF;--song-color-primary-light-5: #A0CFFF;--song-color-primary-light-6: #A0CFFF;--song-color-primary-light-7: #A0CFFF;--song-color-primary-light-8: #A0CFFF;--song-color-primary-light-9: #A0CFFF;--song-color-primary-dark-2: #337ECC;--song-color-success: #67c23a ;--song-color-success-light-3: #B3E19D;--song-color-success-light-4: #B3E19D;--song-color-success-light-5: #B3E19D;--song-color-success-light-6: #B3E19D;--song-color-success-light-7: #B3E19D;--song-color-success-light-8: #B3E19D;--song-color-success-light-9: #B3E19D;--song-color-success-dark-2: #529B2E;--song-color-warning: #e6a23c ;--song-color-warning-light-3: #F3D19E;--song-color-warning-light-4: #F3D19E;--song-color-warning-light-5: #F3D19E;--song-color-warning-light-6: #F3D19E;--song-color-warning-light-7: #F3D19E;--song-color-warning-light-8: #F3D19E;--song-color-warning-light-9: #F3D19E;--song-color-warning-dark-2: #B88230;--song-color-danger: #f56c6c ;--song-color-danger-light-3: #FAB6B6;--song-color-danger-light-4: #FAB6B6;--song-color-danger-light-5: #FAB6B6;--song-color-danger-light-6: #FAB6B6;--song-color-danger-light-7: #FAB6B6;--song-color-danger-light-8: #FAB6B6;--song-color-danger-light-9: #FAB6B6;--song-color-danger-dark-2: #C45656;--song-color-info: #909399 ;--song-color-info-light-3: #C8C9CC;--song-color-info-light-4: #C8C9CC;--song-color-info-light-5: #C8C9CC;--song-color-info-light-6: #C8C9CC;--song-color-info-light-7: #C8C9CC;--song-color-info-light-8: #C8C9CC;--song-color-info-light-9: #C8C9CC;--song-color-info-dark-2: #73767A;--song-border-width: 1px;--song-border-style: solid;--song-border-color-hover: var(--song-text-color-disabled);--song-border: var(--song-border-width) var(--song-border-style) var(--song-border-color);--song-border-radius-base: 4px;--song-border-radius-small: 2px;--song-border-radius-round: 20px;--song-border-radius-circle: 100%;--song-font-size-extra-large: 20px;--song-font-size-large: 18px;--song-font-size-medium: 16px;--song-font-size-base: 14px;--song-font-size-small: 13px;--song-font-size-extra-small: 12px;--song-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--song-font-weight-primary: 500;--song-disabled-bg-color: var(--song-fill-color-light);--song-disabled-text-color: var(--song-text-color-placeholder);--song-disabled-border-color: var(--song-border-color-light);--song-transition-duration: .4s;--song-transition-duration-fast: .2s}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { ButtonProps } from './types';
|
|
2
|
+
|
|
3
|
+
declare function __VLS_template(): Readonly<Record<string, any>> & Record<string, any>;
|
|
4
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
|
|
5
|
+
tag: string;
|
|
6
|
+
nativeType: string;
|
|
7
|
+
}>>, {
|
|
8
|
+
ref: import('vue').Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
|
|
9
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
|
|
10
|
+
tag: string;
|
|
11
|
+
nativeType: string;
|
|
12
|
+
}>>> & Readonly<{}>, {
|
|
13
|
+
tag: string | import('vue').Component;
|
|
14
|
+
nativeType: import('./types').NativeType;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
19
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
20
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
21
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
22
|
+
} : {
|
|
23
|
+
type: import('vue').PropType<T[K]>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
type __VLS_WithDefaults<P, D> = {
|
|
28
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
29
|
+
default: D[K];
|
|
30
|
+
}> : P[K];
|
|
31
|
+
};
|
|
32
|
+
type __VLS_Prettify<T> = {
|
|
33
|
+
[K in keyof T]: T[K];
|
|
34
|
+
} & {};
|
|
35
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
export declare const SongButton: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
3
|
+
icon: {
|
|
4
|
+
type: import('vue').PropType<string>;
|
|
5
|
+
};
|
|
6
|
+
size: {
|
|
7
|
+
type: import('vue').PropType<import('./types').ButtonSize>;
|
|
8
|
+
};
|
|
9
|
+
type: {
|
|
10
|
+
type: import('vue').PropType<import('./types').ButtonType>;
|
|
11
|
+
};
|
|
12
|
+
circle: {
|
|
13
|
+
type: import('vue').PropType<boolean>;
|
|
14
|
+
};
|
|
15
|
+
tag: {
|
|
16
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
nativeType: {
|
|
20
|
+
type: import('vue').PropType<import('./types').NativeType>;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
disabled: {
|
|
24
|
+
type: import('vue').PropType<boolean>;
|
|
25
|
+
};
|
|
26
|
+
loading: {
|
|
27
|
+
type: import('vue').PropType<boolean>;
|
|
28
|
+
};
|
|
29
|
+
loadingIcon: {
|
|
30
|
+
type: import('vue').PropType<string>;
|
|
31
|
+
};
|
|
32
|
+
plain: {
|
|
33
|
+
type: import('vue').PropType<boolean>;
|
|
34
|
+
};
|
|
35
|
+
round: {
|
|
36
|
+
type: import('vue').PropType<boolean>;
|
|
37
|
+
};
|
|
38
|
+
autofocus: {
|
|
39
|
+
type: import('vue').PropType<boolean>;
|
|
40
|
+
};
|
|
41
|
+
}>> & Readonly<{}>, {
|
|
42
|
+
ref: import('vue').Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
|
|
43
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
44
|
+
tag: string | import('vue').Component;
|
|
45
|
+
nativeType: import('./types').NativeType;
|
|
46
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
47
|
+
P: {};
|
|
48
|
+
B: {};
|
|
49
|
+
D: {};
|
|
50
|
+
C: {};
|
|
51
|
+
M: {};
|
|
52
|
+
Defaults: {};
|
|
53
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
54
|
+
icon: {
|
|
55
|
+
type: import('vue').PropType<string>;
|
|
56
|
+
};
|
|
57
|
+
size: {
|
|
58
|
+
type: import('vue').PropType<import('./types').ButtonSize>;
|
|
59
|
+
};
|
|
60
|
+
type: {
|
|
61
|
+
type: import('vue').PropType<import('./types').ButtonType>;
|
|
62
|
+
};
|
|
63
|
+
circle: {
|
|
64
|
+
type: import('vue').PropType<boolean>;
|
|
65
|
+
};
|
|
66
|
+
tag: {
|
|
67
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
68
|
+
default: string;
|
|
69
|
+
};
|
|
70
|
+
nativeType: {
|
|
71
|
+
type: import('vue').PropType<import('./types').NativeType>;
|
|
72
|
+
default: string;
|
|
73
|
+
};
|
|
74
|
+
disabled: {
|
|
75
|
+
type: import('vue').PropType<boolean>;
|
|
76
|
+
};
|
|
77
|
+
loading: {
|
|
78
|
+
type: import('vue').PropType<boolean>;
|
|
79
|
+
};
|
|
80
|
+
loadingIcon: {
|
|
81
|
+
type: import('vue').PropType<string>;
|
|
82
|
+
};
|
|
83
|
+
plain: {
|
|
84
|
+
type: import('vue').PropType<boolean>;
|
|
85
|
+
};
|
|
86
|
+
round: {
|
|
87
|
+
type: import('vue').PropType<boolean>;
|
|
88
|
+
};
|
|
89
|
+
autofocus: {
|
|
90
|
+
type: import('vue').PropType<boolean>;
|
|
91
|
+
};
|
|
92
|
+
}>> & Readonly<{}>, {
|
|
93
|
+
ref: import('vue').Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
|
|
94
|
+
}, {}, {}, {}, {
|
|
95
|
+
tag: string | import('vue').Component;
|
|
96
|
+
nativeType: import('./types').NativeType;
|
|
97
|
+
}>;
|
|
98
|
+
__isFragment?: never;
|
|
99
|
+
__isTeleport?: never;
|
|
100
|
+
__isSuspense?: never;
|
|
101
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
102
|
+
icon: {
|
|
103
|
+
type: import('vue').PropType<string>;
|
|
104
|
+
};
|
|
105
|
+
size: {
|
|
106
|
+
type: import('vue').PropType<import('./types').ButtonSize>;
|
|
107
|
+
};
|
|
108
|
+
type: {
|
|
109
|
+
type: import('vue').PropType<import('./types').ButtonType>;
|
|
110
|
+
};
|
|
111
|
+
circle: {
|
|
112
|
+
type: import('vue').PropType<boolean>;
|
|
113
|
+
};
|
|
114
|
+
tag: {
|
|
115
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
116
|
+
default: string;
|
|
117
|
+
};
|
|
118
|
+
nativeType: {
|
|
119
|
+
type: import('vue').PropType<import('./types').NativeType>;
|
|
120
|
+
default: string;
|
|
121
|
+
};
|
|
122
|
+
disabled: {
|
|
123
|
+
type: import('vue').PropType<boolean>;
|
|
124
|
+
};
|
|
125
|
+
loading: {
|
|
126
|
+
type: import('vue').PropType<boolean>;
|
|
127
|
+
};
|
|
128
|
+
loadingIcon: {
|
|
129
|
+
type: import('vue').PropType<string>;
|
|
130
|
+
};
|
|
131
|
+
plain: {
|
|
132
|
+
type: import('vue').PropType<boolean>;
|
|
133
|
+
};
|
|
134
|
+
round: {
|
|
135
|
+
type: import('vue').PropType<boolean>;
|
|
136
|
+
};
|
|
137
|
+
autofocus: {
|
|
138
|
+
type: import('vue').PropType<boolean>;
|
|
139
|
+
};
|
|
140
|
+
}>> & Readonly<{}>, {
|
|
141
|
+
ref: import('vue').Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
|
|
142
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
143
|
+
tag: string | import('vue').Component;
|
|
144
|
+
nativeType: import('./types').NativeType;
|
|
145
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
146
|
+
$slots: Readonly<Record<string, any>> & Record<string, any>;
|
|
147
|
+
}) & import('vue').Plugin;
|
|
148
|
+
export * from './types';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
export type ButtonType = "primary" | "success" | "warning" | "danger" | "info";
|
|
4
|
+
export type NativeType = "button" | "submit" | "reset";
|
|
5
|
+
export type ButtonSize = "large" | "default" | "small";
|
|
6
|
+
export interface ButtonProps {
|
|
7
|
+
tag?: string | Component;
|
|
8
|
+
type?: ButtonType;
|
|
9
|
+
size?: ButtonSize;
|
|
10
|
+
nativeType?: NativeType;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
loadingIcon?: string;
|
|
14
|
+
icon?: string;
|
|
15
|
+
circle?: boolean;
|
|
16
|
+
plain?: boolean;
|
|
17
|
+
round?: boolean;
|
|
18
|
+
autofocus?: boolean;
|
|
19
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IconProps } from './types';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
4
|
+
export default _default;
|
|
5
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
6
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
7
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
8
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
9
|
+
} : {
|
|
10
|
+
type: import('vue').PropType<T[K]>;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
export declare const SongIcon: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
3
|
+
border: {
|
|
4
|
+
type: import('vue').PropType<boolean>;
|
|
5
|
+
};
|
|
6
|
+
fixedWidth: {
|
|
7
|
+
type: import('vue').PropType<boolean>;
|
|
8
|
+
};
|
|
9
|
+
flip: {
|
|
10
|
+
type: import('vue').PropType<"horizontal" | "vertical" | "both">;
|
|
11
|
+
};
|
|
12
|
+
icon: {
|
|
13
|
+
type: import('vue').PropType<string | object | string[] | import('@fortawesome/fontawesome-svg-core').IconDefinition>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
mask: {
|
|
17
|
+
type: import('vue').PropType<string | object | string[]>;
|
|
18
|
+
};
|
|
19
|
+
listItem: {
|
|
20
|
+
type: import('vue').PropType<boolean>;
|
|
21
|
+
};
|
|
22
|
+
pull: {
|
|
23
|
+
type: import('vue').PropType<"right" | "left">;
|
|
24
|
+
};
|
|
25
|
+
pulse: {
|
|
26
|
+
type: import('vue').PropType<boolean>;
|
|
27
|
+
};
|
|
28
|
+
rotation: {
|
|
29
|
+
type: import('vue').PropType<90 | 180 | 270 | "90" | "180" | "270">;
|
|
30
|
+
};
|
|
31
|
+
swapOpacity: {
|
|
32
|
+
type: import('vue').PropType<boolean>;
|
|
33
|
+
};
|
|
34
|
+
size: {
|
|
35
|
+
type: import('vue').PropType<"2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x">;
|
|
36
|
+
};
|
|
37
|
+
spin: {
|
|
38
|
+
type: import('vue').PropType<boolean>;
|
|
39
|
+
};
|
|
40
|
+
transform: {
|
|
41
|
+
type: import('vue').PropType<string | object>;
|
|
42
|
+
};
|
|
43
|
+
symbol: {
|
|
44
|
+
type: import('vue').PropType<string | boolean>;
|
|
45
|
+
};
|
|
46
|
+
title: {
|
|
47
|
+
type: import('vue').PropType<string>;
|
|
48
|
+
};
|
|
49
|
+
inverse: {
|
|
50
|
+
type: import('vue').PropType<boolean>;
|
|
51
|
+
};
|
|
52
|
+
bounce: {
|
|
53
|
+
type: import('vue').PropType<boolean>;
|
|
54
|
+
};
|
|
55
|
+
shake: {
|
|
56
|
+
type: import('vue').PropType<boolean>;
|
|
57
|
+
};
|
|
58
|
+
beat: {
|
|
59
|
+
type: import('vue').PropType<boolean>;
|
|
60
|
+
};
|
|
61
|
+
fade: {
|
|
62
|
+
type: import('vue').PropType<boolean>;
|
|
63
|
+
};
|
|
64
|
+
beatFade: {
|
|
65
|
+
type: import('vue').PropType<boolean>;
|
|
66
|
+
};
|
|
67
|
+
spinPulse: {
|
|
68
|
+
type: import('vue').PropType<boolean>;
|
|
69
|
+
};
|
|
70
|
+
spinReverse: {
|
|
71
|
+
type: import('vue').PropType<boolean>;
|
|
72
|
+
};
|
|
73
|
+
type: {
|
|
74
|
+
type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info">;
|
|
75
|
+
};
|
|
76
|
+
color: {
|
|
77
|
+
type: import('vue').PropType<string>;
|
|
78
|
+
};
|
|
79
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
80
|
+
P: {};
|
|
81
|
+
B: {};
|
|
82
|
+
D: {};
|
|
83
|
+
C: {};
|
|
84
|
+
M: {};
|
|
85
|
+
Defaults: {};
|
|
86
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
87
|
+
border: {
|
|
88
|
+
type: import('vue').PropType<boolean>;
|
|
89
|
+
};
|
|
90
|
+
fixedWidth: {
|
|
91
|
+
type: import('vue').PropType<boolean>;
|
|
92
|
+
};
|
|
93
|
+
flip: {
|
|
94
|
+
type: import('vue').PropType<"horizontal" | "vertical" | "both">;
|
|
95
|
+
};
|
|
96
|
+
icon: {
|
|
97
|
+
type: import('vue').PropType<string | object | string[] | import('@fortawesome/fontawesome-svg-core').IconDefinition>;
|
|
98
|
+
required: true;
|
|
99
|
+
};
|
|
100
|
+
mask: {
|
|
101
|
+
type: import('vue').PropType<string | object | string[]>;
|
|
102
|
+
};
|
|
103
|
+
listItem: {
|
|
104
|
+
type: import('vue').PropType<boolean>;
|
|
105
|
+
};
|
|
106
|
+
pull: {
|
|
107
|
+
type: import('vue').PropType<"right" | "left">;
|
|
108
|
+
};
|
|
109
|
+
pulse: {
|
|
110
|
+
type: import('vue').PropType<boolean>;
|
|
111
|
+
};
|
|
112
|
+
rotation: {
|
|
113
|
+
type: import('vue').PropType<90 | 180 | 270 | "90" | "180" | "270">;
|
|
114
|
+
};
|
|
115
|
+
swapOpacity: {
|
|
116
|
+
type: import('vue').PropType<boolean>;
|
|
117
|
+
};
|
|
118
|
+
size: {
|
|
119
|
+
type: import('vue').PropType<"2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x">;
|
|
120
|
+
};
|
|
121
|
+
spin: {
|
|
122
|
+
type: import('vue').PropType<boolean>;
|
|
123
|
+
};
|
|
124
|
+
transform: {
|
|
125
|
+
type: import('vue').PropType<string | object>;
|
|
126
|
+
};
|
|
127
|
+
symbol: {
|
|
128
|
+
type: import('vue').PropType<string | boolean>;
|
|
129
|
+
};
|
|
130
|
+
title: {
|
|
131
|
+
type: import('vue').PropType<string>;
|
|
132
|
+
};
|
|
133
|
+
inverse: {
|
|
134
|
+
type: import('vue').PropType<boolean>;
|
|
135
|
+
};
|
|
136
|
+
bounce: {
|
|
137
|
+
type: import('vue').PropType<boolean>;
|
|
138
|
+
};
|
|
139
|
+
shake: {
|
|
140
|
+
type: import('vue').PropType<boolean>;
|
|
141
|
+
};
|
|
142
|
+
beat: {
|
|
143
|
+
type: import('vue').PropType<boolean>;
|
|
144
|
+
};
|
|
145
|
+
fade: {
|
|
146
|
+
type: import('vue').PropType<boolean>;
|
|
147
|
+
};
|
|
148
|
+
beatFade: {
|
|
149
|
+
type: import('vue').PropType<boolean>;
|
|
150
|
+
};
|
|
151
|
+
spinPulse: {
|
|
152
|
+
type: import('vue').PropType<boolean>;
|
|
153
|
+
};
|
|
154
|
+
spinReverse: {
|
|
155
|
+
type: import('vue').PropType<boolean>;
|
|
156
|
+
};
|
|
157
|
+
type: {
|
|
158
|
+
type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info">;
|
|
159
|
+
};
|
|
160
|
+
color: {
|
|
161
|
+
type: import('vue').PropType<string>;
|
|
162
|
+
};
|
|
163
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
164
|
+
__isFragment?: never;
|
|
165
|
+
__isTeleport?: never;
|
|
166
|
+
__isSuspense?: never;
|
|
167
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
168
|
+
border: {
|
|
169
|
+
type: import('vue').PropType<boolean>;
|
|
170
|
+
};
|
|
171
|
+
fixedWidth: {
|
|
172
|
+
type: import('vue').PropType<boolean>;
|
|
173
|
+
};
|
|
174
|
+
flip: {
|
|
175
|
+
type: import('vue').PropType<"horizontal" | "vertical" | "both">;
|
|
176
|
+
};
|
|
177
|
+
icon: {
|
|
178
|
+
type: import('vue').PropType<string | object | string[] | import('@fortawesome/fontawesome-svg-core').IconDefinition>;
|
|
179
|
+
required: true;
|
|
180
|
+
};
|
|
181
|
+
mask: {
|
|
182
|
+
type: import('vue').PropType<string | object | string[]>;
|
|
183
|
+
};
|
|
184
|
+
listItem: {
|
|
185
|
+
type: import('vue').PropType<boolean>;
|
|
186
|
+
};
|
|
187
|
+
pull: {
|
|
188
|
+
type: import('vue').PropType<"right" | "left">;
|
|
189
|
+
};
|
|
190
|
+
pulse: {
|
|
191
|
+
type: import('vue').PropType<boolean>;
|
|
192
|
+
};
|
|
193
|
+
rotation: {
|
|
194
|
+
type: import('vue').PropType<90 | 180 | 270 | "90" | "180" | "270">;
|
|
195
|
+
};
|
|
196
|
+
swapOpacity: {
|
|
197
|
+
type: import('vue').PropType<boolean>;
|
|
198
|
+
};
|
|
199
|
+
size: {
|
|
200
|
+
type: import('vue').PropType<"2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x">;
|
|
201
|
+
};
|
|
202
|
+
spin: {
|
|
203
|
+
type: import('vue').PropType<boolean>;
|
|
204
|
+
};
|
|
205
|
+
transform: {
|
|
206
|
+
type: import('vue').PropType<string | object>;
|
|
207
|
+
};
|
|
208
|
+
symbol: {
|
|
209
|
+
type: import('vue').PropType<string | boolean>;
|
|
210
|
+
};
|
|
211
|
+
title: {
|
|
212
|
+
type: import('vue').PropType<string>;
|
|
213
|
+
};
|
|
214
|
+
inverse: {
|
|
215
|
+
type: import('vue').PropType<boolean>;
|
|
216
|
+
};
|
|
217
|
+
bounce: {
|
|
218
|
+
type: import('vue').PropType<boolean>;
|
|
219
|
+
};
|
|
220
|
+
shake: {
|
|
221
|
+
type: import('vue').PropType<boolean>;
|
|
222
|
+
};
|
|
223
|
+
beat: {
|
|
224
|
+
type: import('vue').PropType<boolean>;
|
|
225
|
+
};
|
|
226
|
+
fade: {
|
|
227
|
+
type: import('vue').PropType<boolean>;
|
|
228
|
+
};
|
|
229
|
+
beatFade: {
|
|
230
|
+
type: import('vue').PropType<boolean>;
|
|
231
|
+
};
|
|
232
|
+
spinPulse: {
|
|
233
|
+
type: import('vue').PropType<boolean>;
|
|
234
|
+
};
|
|
235
|
+
spinReverse: {
|
|
236
|
+
type: import('vue').PropType<boolean>;
|
|
237
|
+
};
|
|
238
|
+
type: {
|
|
239
|
+
type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info">;
|
|
240
|
+
};
|
|
241
|
+
color: {
|
|
242
|
+
type: import('vue').PropType<string>;
|
|
243
|
+
};
|
|
244
|
+
}>> & 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;
|
|
245
|
+
export * from './types';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
2
|
+
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
border?: boolean;
|
|
5
|
+
fixedWidth?: boolean;
|
|
6
|
+
flip?: "horizontal" | "vertical" | "both";
|
|
7
|
+
icon: object | Array<string> | string | IconDefinition;
|
|
8
|
+
mask?: object | Array<string> | string;
|
|
9
|
+
listItem?: boolean;
|
|
10
|
+
pull?: "right" | "left";
|
|
11
|
+
pulse?: boolean;
|
|
12
|
+
rotation?: 90 | 180 | 270 | "90" | "180" | "270";
|
|
13
|
+
swapOpacity?: boolean;
|
|
14
|
+
size?: "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x";
|
|
15
|
+
spin?: boolean;
|
|
16
|
+
transform?: object | string;
|
|
17
|
+
symbol?: boolean | string;
|
|
18
|
+
title?: string;
|
|
19
|
+
inverse?: boolean;
|
|
20
|
+
bounce?: boolean;
|
|
21
|
+
shake?: boolean;
|
|
22
|
+
beat?: boolean;
|
|
23
|
+
fade?: boolean;
|
|
24
|
+
beatFade?: boolean;
|
|
25
|
+
spinPulse?: boolean;
|
|
26
|
+
spinReverse?: boolean;
|
|
27
|
+
type?: "primary" | "success" | "warning" | "danger" | "info";
|
|
28
|
+
color?: string;
|
|
29
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './install';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body{font-family:var(--song-font-family);font-weight:400;font-size:var(--song-font-size-base);line-height:calc(var(--song-font-size-base) * 1.2);color:var(--song-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--song-color-primary);text-decoration:none}a:hover,a:focus{color:var(--song-color-primary-light-3)}a:active{color:var(--song-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--song-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(--song-font-size-base) + 6px)}h2{font-size:calc(var(--song-font-size-base) + 4px)}h3{font-size:calc(var(--song-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(--song-font-size-base) - 1px)}small{font-size:calc(var(--song-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--song-border-color-lighter)}:root{--song-color-white: #ffffff;--song-color-black: #000000;--colors: ( primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399 );--song-bg-color: #ffffff;--song-bg-color-page: #f2f3f5;--song-bg-color-overlay: #ffffff;--song-text-color-primary: #303133;--song-text-color-regular: #606266;--song-text-color-secondary: #909399;--song-text-color-placeholder: #a8abb2;--song-text-color-disabled: #c0c4cc;--song-border-color: #dcdfe6;--song-border-color-light: #e4e7ed;--song-border-color-lighter: #ebeef5;--song-border-color-extra-light: #f2f6fc;--song-border-color-dark: #d4d7de;--song-border-color-darker: #cdd0d6;--song-fill-color: #f0f2f5;--song-fill-color-light: #f5f7fa;--song-fill-color-lighter: #fafafa;--song-fill-color-extra-light: #fafcff;--song-fill-color-dark: #ebedf0;--song-fill-color-darker: #e6e8eb;--song-fill-color-blank: #ffffff;--song-color-primary: #409eff ;--song-color-primary-light-3: #A0CFFF;--song-color-primary-light-4: #A0CFFF;--song-color-primary-light-5: #A0CFFF;--song-color-primary-light-6: #A0CFFF;--song-color-primary-light-7: #A0CFFF;--song-color-primary-light-8: #A0CFFF;--song-color-primary-light-9: #A0CFFF;--song-color-primary-dark-2: #337ECC;--song-color-success: #67c23a ;--song-color-success-light-3: #B3E19D;--song-color-success-light-4: #B3E19D;--song-color-success-light-5: #B3E19D;--song-color-success-light-6: #B3E19D;--song-color-success-light-7: #B3E19D;--song-color-success-light-8: #B3E19D;--song-color-success-light-9: #B3E19D;--song-color-success-dark-2: #529B2E;--song-color-warning: #e6a23c ;--song-color-warning-light-3: #F3D19E;--song-color-warning-light-4: #F3D19E;--song-color-warning-light-5: #F3D19E;--song-color-warning-light-6: #F3D19E;--song-color-warning-light-7: #F3D19E;--song-color-warning-light-8: #F3D19E;--song-color-warning-light-9: #F3D19E;--song-color-warning-dark-2: #B88230;--song-color-danger: #f56c6c ;--song-color-danger-light-3: #FAB6B6;--song-color-danger-light-4: #FAB6B6;--song-color-danger-light-5: #FAB6B6;--song-color-danger-light-6: #FAB6B6;--song-color-danger-light-7: #FAB6B6;--song-color-danger-light-8: #FAB6B6;--song-color-danger-light-9: #FAB6B6;--song-color-danger-dark-2: #C45656;--song-color-info: #909399 ;--song-color-info-light-3: #C8C9CC;--song-color-info-light-4: #C8C9CC;--song-color-info-light-5: #C8C9CC;--song-color-info-light-6: #C8C9CC;--song-color-info-light-7: #C8C9CC;--song-color-info-light-8: #C8C9CC;--song-color-info-light-9: #C8C9CC;--song-color-info-dark-2: #73767A;--song-border-width: 1px;--song-border-style: solid;--song-border-color-hover: var(--song-text-color-disabled);--song-border: var(--song-border-width) var(--song-border-style) var(--song-border-color);--song-border-radius-base: 4px;--song-border-radius-small: 2px;--song-border-radius-round: 20px;--song-border-radius-circle: 100%;--song-font-size-extra-large: 20px;--song-font-size-large: 18px;--song-font-size-medium: 16px;--song-font-size-base: 14px;--song-font-size-small: 13px;--song-font-size-extra-small: 12px;--song-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--song-font-weight-primary: 500;--song-disabled-bg-color: var(--song-fill-color-light);--song-disabled-text-color: var(--song-text-color-placeholder);--song-disabled-border-color: var(--song-border-color-light);--song-transition-duration: .4s;--song-transition-duration-fast: .2s}.song-icon[data-v-f6d808cc]{--song-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--song-icon-color);font-size:inherit}.song-icon--primary[data-v-f6d808cc]{--song-icon-color: var(--song-color-primary)}.song-icon--info[data-v-f6d808cc]{--song-icon-color: var(--song-color-info)}.song-icon--success[data-v-f6d808cc]{--song-icon-color: var(--song-color-success)}.song-icon--warning[data-v-f6d808cc]{--song-icon-color: var(--song-color-warning)}.song-icon--danger[data-v-f6d808cc]{--song-icon-color: var(--song-color-danger)}.song-button-group[data-v-2297e1f8]{--song-button-group-border-color: var(--song-border-color-lighter)}.song-button[data-v-2297e1f8]{--song-button-font-weight: var(--song-font-weight-primary);--song-button-border-color: var(--song-border-color);--song-button-bg-color: var(--song-fill-color-blank);--song-button-text-color: var(--song-text-color-regular);--song-button-disabled-text-color: var(--song-disabled-text-color);--song-button-disabled-bg-color: var(--song-fill-color-blank);--song-button-disabled-border-color: var(--song-border-color-light);--song-button-hover-text-color: var(--song-color-primary);--song-button-hover-bg-color: var(--song-color-primary-light-9);--song-button-hover-border-color: var(--song-color-primary-light-7);--song-button-active-text-color: var(--song-button-hover-text-color);--song-button-active-border-color: var(--song-color-primary);--song-button-active-bg-color: var(--song-button-hover-bg-color);--song-button-outline-color: var(--song-color-primary-light-5);--song-button-active-color: var(--song-text-color-primary)}.song-button[data-v-2297e1f8]{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--song-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--song-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--song-button-bg-color);border:var(--song-border);border-color:var(--song-button-border-color);padding:8px 15px;font-size:var(--song-font-size-base);border-radius:var(--song-border-radius-base)}.song-button+.song-button[data-v-2297e1f8]{margin-left:12px}.song-button[data-v-2297e1f8]:hover,.song-button[data-v-2297e1f8]:focus-visible{color:var(--song-button-hover-text-color);border-color:var(--song-button-hover-border-color);background-color:var(--song-button-hover-bg-color);outline:none}.song-button[data-v-2297e1f8]:active{color:var(--song-button-active-text-color);border-color:var(--song-button-active-border-color);background-color:var(--song-button-active-bg-color);outline:none}.song-button.is-plain[data-v-2297e1f8]{--song-button-hover-text-color: var(--song-color-primary);--song-button-hover-bg-color: var(--song-fill-color-blank);--song-button-hover-border-color: var(--song-color-primary)}.song-button.is-round[data-v-2297e1f8]{border-radius:var(--song-border-radius-round)}.song-button.is-circle[data-v-2297e1f8]{border-radius:50%;padding:8px}.song-button.is-loading[data-v-2297e1f8],.song-button.is-disabled[data-v-2297e1f8],.song-button.is-disabled[data-v-2297e1f8]:hover,.song-button.is-disabled[data-v-2297e1f8]:focus,.song-button[disabled][data-v-2297e1f8],.song-button[disabled][data-v-2297e1f8]:hover,.song-button[disabled][data-v-2297e1f8]:focus{color:var(--song-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--song-button-disabled-bg-color);border-color:var(--song-button-disabled-border-color)}.song-button [class*=song-icon][data-v-2297e1f8]{width:1em;height:1em}.song-button--primary[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-primary);--song-button-border-color: var(--song-color-primary);--song-button-outline-color: var(--song-color-primary-light-5);--song-button-active-color: var(--song-color-primary-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-primary-light-3);--song-button-hover-border-color: var(--song-color-primary-light-3);--song-button-active-bg-color: var(--song-color-primary-dark-2);--song-button-active-border-color: var(--song-color-primary-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-primary-light-5);--song-button-disabled-border-color: var(--song-color-primary-light-5)}.song-button--primary.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-primary);--song-button-bg-color: var(--song-color-primary-light-9);--song-button-border-color: var(--song-color-primary-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-primary);--song-button-hover-border-color: var(--song-color-primary);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-primary-light-5);--song-button-disabled-bg-color: var(--song-color-primary-light-9);--song-button-disabled-border-color: var(--song-color-primary-light-8)}.song-button--success[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-success);--song-button-border-color: var(--song-color-success);--song-button-outline-color: var(--song-color-success-light-5);--song-button-active-color: var(--song-color-success-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-success-light-3);--song-button-hover-border-color: var(--song-color-success-light-3);--song-button-active-bg-color: var(--song-color-success-dark-2);--song-button-active-border-color: var(--song-color-success-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-success-light-5);--song-button-disabled-border-color: var(--song-color-success-light-5)}.song-button--success.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-success);--song-button-bg-color: var(--song-color-success-light-9);--song-button-border-color: var(--song-color-success-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-success);--song-button-hover-border-color: var(--song-color-success);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-success-light-5);--song-button-disabled-bg-color: var(--song-color-success-light-9);--song-button-disabled-border-color: var(--song-color-success-light-8)}.song-button--warning[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-warning);--song-button-border-color: var(--song-color-warning);--song-button-outline-color: var(--song-color-warning-light-5);--song-button-active-color: var(--song-color-warning-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-warning-light-3);--song-button-hover-border-color: var(--song-color-warning-light-3);--song-button-active-bg-color: var(--song-color-warning-dark-2);--song-button-active-border-color: var(--song-color-warning-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-warning-light-5);--song-button-disabled-border-color: var(--song-color-warning-light-5)}.song-button--warning.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-warning);--song-button-bg-color: var(--song-color-warning-light-9);--song-button-border-color: var(--song-color-warning-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-warning);--song-button-hover-border-color: var(--song-color-warning);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-warning-light-5);--song-button-disabled-bg-color: var(--song-color-warning-light-9);--song-button-disabled-border-color: var(--song-color-warning-light-8)}.song-button--info[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-info);--song-button-border-color: var(--song-color-info);--song-button-outline-color: var(--song-color-info-light-5);--song-button-active-color: var(--song-color-info-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-info-light-3);--song-button-hover-border-color: var(--song-color-info-light-3);--song-button-active-bg-color: var(--song-color-info-dark-2);--song-button-active-border-color: var(--song-color-info-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-info-light-5);--song-button-disabled-border-color: var(--song-color-info-light-5)}.song-button--info.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-info);--song-button-bg-color: var(--song-color-info-light-9);--song-button-border-color: var(--song-color-info-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-info);--song-button-hover-border-color: var(--song-color-info);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-info-light-5);--song-button-disabled-bg-color: var(--song-color-info-light-9);--song-button-disabled-border-color: var(--song-color-info-light-8)}.song-button--danger[data-v-2297e1f8]{--song-button-text-color: var(--song-color-white);--song-button-bg-color: var(--song-color-danger);--song-button-border-color: var(--song-color-danger);--song-button-outline-color: var(--song-color-danger-light-5);--song-button-active-color: var(--song-color-danger-dark-2);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-danger-light-3);--song-button-hover-border-color: var(--song-color-danger-light-3);--song-button-active-bg-color: var(--song-color-danger-dark-2);--song-button-active-border-color: var(--song-color-danger-dark-2);--song-button-disabled-text-color: var(--song-color-white);--song-button-disabled-bg-color: var(--song-color-danger-light-5);--song-button-disabled-border-color: var(--song-color-danger-light-5)}.song-button--danger.is-plain[data-v-2297e1f8]{--song-button-text-color: var(--song-color-danger);--song-button-bg-color: var(--song-color-danger-light-9);--song-button-border-color: var(--song-color-danger-light-5);--song-button-hover-text-color: var(--song-color-white);--song-button-hover-bg-color: var(--song-color-danger);--song-button-hover-border-color: var(--song-color-danger);--song-button-active-text-color: var(--song-color-white);--song-button-disabled-text-color: var(--song-color-danger-light-5);--song-button-disabled-bg-color: var(--song-color-danger-light-9);--song-button-disabled-border-color: var(--song-color-danger-light-8)}.song-button--large[data-v-2297e1f8]{--song-button-size: 40px;height:var(--song-button-size);padding:12px 19px;font-size:var(--song-font-size-base);border-radius:var(--song-border-radius-base)}.song-button--large.is-circle[data-v-2297e1f8]{border-radius:50%;padding:12px}.song-button--small[data-v-2297e1f8]{--song-button-size: 24px;height:var(--song-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--song-border-radius-base) - 1px)}.song-button--small.is-circle[data-v-2297e1f8]{border-radius:50%;padding:5px}.song-button--small [class*=song-icon][data-v-2297e1f8]{width:12px;height:12px}.song-button-group[data-v-2297e1f8]{display:inline-block;vertical-align:middle}.song-button-group[data-v-2297e1f8]:after{clear:both}.song-button-group[data-v-2297e1f8]>.song-button{float:left;position:relative;margin-left:0}.song-button-group[data-v-2297e1f8]>.song-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--song-button-group-border-color)}.song-button-group[data-v-2297e1f8]>.song-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--song-button-group-border-color)}.song-button-group[data-v-2297e1f8]>.song-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--song-button-group-border-color);border-right-color:var(--song-button-group-border-color)}.song-button-group[data-v-2297e1f8]>.song-button:not(:last-child){margin-right:-1px}.song-button-group[data-v-2297e1f8]>.song-button:first-child:last-child{border-top-right-radius:var(--song-border-radius-base);border-bottom-right-radius:var(--song-border-radius-base);border-top-left-radius:var(--song-border-radius-base);border-bottom-left-radius:var(--song-border-radius-base)}.song-button-group[data-v-2297e1f8]>.song-button:first-child:last-child.is-round{border-radius:var(--song-border-radius-round)}.song-button-group[data-v-2297e1f8]>.song-button:first-child:last-child.is-circle{border-radius:50%}
|