init component
This commit is contained in:
105
node_modules/buetify/lib/components/button/BButton.d.ts
generated
vendored
Executable file
105
node_modules/buetify/lib/components/button/BButton.d.ts
generated
vendored
Executable file
@@ -0,0 +1,105 @@
|
||||
import 'bulma/sass/elements/button.sass';
|
||||
import { PropType } from 'vue';
|
||||
import { ColorVariant } from '../../types/ColorVariants';
|
||||
import { SizeVariant } from '../../types/SizeVariants';
|
||||
export interface ButtonProps {
|
||||
variant: ColorVariant;
|
||||
isRounded: boolean;
|
||||
isLoading: boolean;
|
||||
isOutlined: boolean;
|
||||
isInverted: boolean;
|
||||
isFocused: boolean;
|
||||
isActive: boolean;
|
||||
isDisabled: boolean;
|
||||
isHovered: boolean;
|
||||
isSelected: boolean;
|
||||
isFullwidth: boolean;
|
||||
size: SizeVariant;
|
||||
tag: 'button' | 'a' | 'input';
|
||||
}
|
||||
declare const _default: import("vue").DefineComponent<{
|
||||
tag: {
|
||||
type: PropType<"button" | "input" | "a">;
|
||||
default: "button";
|
||||
validator: (val: string) => boolean;
|
||||
};
|
||||
size: {
|
||||
type: PropType<SizeVariant>;
|
||||
default: SizeVariant;
|
||||
};
|
||||
variant: {
|
||||
type: PropType<ColorVariant>;
|
||||
default: ColorVariant;
|
||||
};
|
||||
isRounded: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isLoading: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isOutlined: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isInverted: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isFocused: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isActive: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isDisabled: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isHovered: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isSelected: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isFullwidth: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
||||
tag: "button" | "input" | "a";
|
||||
variant: ColorVariant;
|
||||
size: SizeVariant;
|
||||
isActive: boolean;
|
||||
isRounded: boolean;
|
||||
isLoading: boolean;
|
||||
isOutlined: boolean;
|
||||
isInverted: boolean;
|
||||
isFocused: boolean;
|
||||
isDisabled: boolean;
|
||||
isHovered: boolean;
|
||||
isSelected: boolean;
|
||||
isFullwidth: boolean;
|
||||
} & {}>, {
|
||||
tag: "button" | "input" | "a";
|
||||
variant: ColorVariant;
|
||||
size: SizeVariant;
|
||||
isActive: boolean;
|
||||
isRounded: boolean;
|
||||
isLoading: boolean;
|
||||
isOutlined: boolean;
|
||||
isInverted: boolean;
|
||||
isFocused: boolean;
|
||||
isDisabled: boolean;
|
||||
isHovered: boolean;
|
||||
isSelected: boolean;
|
||||
isFullwidth: boolean;
|
||||
}>;
|
||||
export default _default;
|
||||
87
node_modules/buetify/lib/components/button/BButton.js
generated
vendored
Executable file
87
node_modules/buetify/lib/components/button/BButton.js
generated
vendored
Executable file
@@ -0,0 +1,87 @@
|
||||
import 'bulma/sass/elements/button.sass';
|
||||
import { h, defineComponent } from 'vue';
|
||||
|
||||
function useButtonClasses(props) {
|
||||
return ['button', props.variant, props.size, {
|
||||
'is-rounded': props.isRounded,
|
||||
'is-loading': props.isLoading,
|
||||
'is-outlined': props.isOutlined,
|
||||
'is-inverted': props.isInverted,
|
||||
'is-focused': props.isFocused,
|
||||
'is-active': props.isActive,
|
||||
'is-disabled': props.isDisabled,
|
||||
'is-hovered': props.isHovered,
|
||||
'is-selected': props.isSelected,
|
||||
'is-fullwidth': props.isFullwidth
|
||||
}];
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
name: 'b-button',
|
||||
props: {
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'button',
|
||||
validator: val => ['button', 'a', 'input'].includes(val)
|
||||
},
|
||||
size: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
variant: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
isRounded: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isLoading: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isOutlined: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isInverted: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isFocused: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isActive: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isDisabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isHovered: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isSelected: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isFullwidth: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
return () => h(props.tag, {
|
||||
class: useButtonClasses(props),
|
||||
disabled: props.isDisabled ? true : null
|
||||
}, slots.default && slots.default());
|
||||
}
|
||||
|
||||
});
|
||||
//# sourceMappingURL=BButton.js.map
|
||||
1
node_modules/buetify/lib/components/button/BButton.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/button/BButton.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/button/BButton.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAP;AACA,SAAS,CAAT,EAAsB,eAAtB,QAA6C,KAA7C;;AAqBA,SAAS,gBAAT,CAA0B,KAA1B,EAA4C;AAC1C,SAAO,CACL,QADK,EAEL,KAAK,CAAC,OAFD,EAGL,KAAK,CAAC,IAHD,EAIL;AACE,kBAAc,KAAK,CAAC,SADtB;AAEE,kBAAc,KAAK,CAAC,SAFtB;AAGE,mBAAe,KAAK,CAAC,UAHvB;AAIE,mBAAe,KAAK,CAAC,UAJvB;AAKE,kBAAc,KAAK,CAAC,SALtB;AAME,iBAAa,KAAK,CAAC,QANrB;AAOE,mBAAe,KAAK,CAAC,UAPvB;AAQE,kBAAc,KAAK,CAAC,SARtB;AASE,mBAAe,KAAK,CAAC,UATvB;AAUE,oBAAgB,KAAK,CAAC;AAVxB,GAJK,CAAP;AAiBD;;AAED,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,UADuB;AAE7B,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE,QAFN;AAGH,MAAA,SAAS,EAAG,GAAD,IAAiB,CAAC,QAAD,EAAW,GAAX,EAAgB,OAAhB,EAAyB,QAAzB,CAAkC,GAAlC;AAHzB,KADA;AAML,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAND;AAUL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KAVJ;AAcL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KAdN;AAkBL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KAlBN;AAsBL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KAtBP;AA0BL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KA1BP;AA8BL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KA9BN;AAkCL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KAlCL;AAsCL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KAtCP;AA0CL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KA1CN;AA8CL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KA9CP;AAkDL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,OADK;AAEX,MAAA,OAAO,EAAE;AAFE;AAlDR,GAFsB;;AAyD7B,EAAA,KAAK,CAAC,KAAD,EAAQ;AAAE,IAAA;AAAF,GAAR,EAAiB;AACpB,WAAO,MACL,CAAC,CACC,KAAK,CAAC,GADP,EAEC;AACE,MAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,CADzB;AAEE,MAAA,QAAQ,EAAE,KAAK,CAAC,UAAN,GAAmB,IAAnB,GAA0B;AAFtC,KAFD,EAMC,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,OAAN,EANlB,CADH;AASD;;AAnE4B,CAAD,CAA9B","sourcesContent":["import 'bulma/sass/elements/button.sass';\nimport { h, PropType, defineComponent } from 'vue';\nimport { ColorVariant } from '../../types/ColorVariants';\nimport { SizeVariant } from '../../types/SizeVariants';\nimport { Classes } from '../../utils/mergeClasses';\n\nexport interface ButtonProps {\n variant: ColorVariant;\n isRounded: boolean;\n isLoading: boolean;\n isOutlined: boolean;\n isInverted: boolean;\n isFocused: boolean;\n isActive: boolean;\n isDisabled: boolean;\n isHovered: boolean;\n isSelected: boolean;\n isFullwidth: boolean;\n size: SizeVariant;\n tag: 'button' | 'a' | 'input';\n}\n\nfunction useButtonClasses(props: ButtonProps): Classes {\n return [\n 'button',\n props.variant,\n props.size,\n {\n 'is-rounded': props.isRounded,\n 'is-loading': props.isLoading,\n 'is-outlined': props.isOutlined,\n 'is-inverted': props.isInverted,\n 'is-focused': props.isFocused,\n 'is-active': props.isActive,\n 'is-disabled': props.isDisabled,\n 'is-hovered': props.isHovered,\n 'is-selected': props.isSelected,\n 'is-fullwidth': props.isFullwidth\n }\n ];\n}\n\nexport default defineComponent({\n name: 'b-button',\n props: {\n tag: {\n type: String as PropType<'button' | 'a' | 'input'>,\n default: 'button' as const,\n validator: (val: string) => ['button', 'a', 'input'].includes(val)\n },\n size: {\n type: String as PropType<SizeVariant>,\n default: '' as SizeVariant\n },\n variant: {\n type: String as PropType<ColorVariant>,\n default: '' as ColorVariant\n },\n isRounded: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isLoading: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isOutlined: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isInverted: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isFocused: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isActive: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isDisabled: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isHovered: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isSelected: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n isFullwidth: {\n type: Boolean as PropType<boolean>,\n default: false\n }\n },\n setup(props, { slots }) {\n return () =>\n h(\n props.tag,\n {\n class: useButtonClasses(props),\n disabled: props.isDisabled ? true : null\n },\n slots.default && slots.default()\n );\n }\n});\n"],"sourceRoot":"","file":"BButton.js"}
|
||||
4
node_modules/buetify/lib/components/button/index.d.ts
generated
vendored
Executable file
4
node_modules/buetify/lib/components/button/index.d.ts
generated
vendored
Executable file
@@ -0,0 +1,4 @@
|
||||
import BButton from './BButton';
|
||||
import { ButtonTheme } from './theme';
|
||||
export { BButton, ButtonTheme };
|
||||
export default BButton;
|
||||
5
node_modules/buetify/lib/components/button/index.js
generated
vendored
Executable file
5
node_modules/buetify/lib/components/button/index.js
generated
vendored
Executable file
@@ -0,0 +1,5 @@
|
||||
import BButton from './BButton';
|
||||
import { ButtonTheme } from './theme';
|
||||
export { BButton, ButtonTheme };
|
||||
export default BButton;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
node_modules/buetify/lib/components/button/index.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/button/index.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AACA,SAAS,WAAT,QAA4B,SAA5B;AAEA,SAAS,OAAT,EAAkB,WAAlB;AACA,eAAe,OAAf","sourcesContent":["import BButton from './BButton';\nimport { ButtonTheme } from './theme';\n\nexport { BButton, ButtonTheme };\nexport default BButton;\n"],"sourceRoot":"","file":"index.js"}
|
||||
2
node_modules/buetify/lib/components/button/theme.d.ts
generated
vendored
Executable file
2
node_modules/buetify/lib/components/button/theme.d.ts
generated
vendored
Executable file
@@ -0,0 +1,2 @@
|
||||
import { ThemeColorMap } from '../../types/ThemeColorMap';
|
||||
export declare const ButtonTheme: ThemeColorMap;
|
||||
6
node_modules/buetify/lib/components/button/theme.js
generated
vendored
Executable file
6
node_modules/buetify/lib/components/button/theme.js
generated
vendored
Executable file
@@ -0,0 +1,6 @@
|
||||
import { shallowReactive } from 'vue';
|
||||
export const ButtonTheme = shallowReactive({
|
||||
dark: 'is-primary',
|
||||
light: 'is-primary'
|
||||
});
|
||||
//# sourceMappingURL=theme.js.map
|
||||
1
node_modules/buetify/lib/components/button/theme.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/button/theme.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/button/theme.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAgC,KAAhC;AAGA,OAAO,MAAM,WAAW,GAAkB,eAAe,CAAC;AACxD,EAAA,IAAI,EAAE,YADkD;AAExD,EAAA,KAAK,EAAE;AAFiD,CAAD,CAAlD","sourcesContent":["import { shallowReactive } from 'vue';\nimport { ThemeColorMap } from '../../types/ThemeColorMap';\n\nexport const ButtonTheme: ThemeColorMap = shallowReactive({\n dark: 'is-primary',\n light: 'is-primary'\n});\n"],"sourceRoot":"","file":"theme.js"}
|
||||
Reference in New Issue
Block a user