@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/components/pagination/src/index.d.ts

@@ -1,14 +1,15 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, Component, VNode, RendererNode, RendererElement, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, Ref, PublicProps } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>>;
     refs: {
-        refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
             readonly pageSize: NumberConstructor;
             readonly defaultPageSize: NumberConstructor;
             readonly total: NumberConstructor;
             readonly pageCount: NumberConstructor;
             readonly pagerCount: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -18,7 +19,7 @@ declare function __VLS_template(): {
             readonly currentPage: NumberConstructor;
             readonly defaultCurrentPage: NumberConstructor;
             readonly layout: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -26,7 +27,7 @@ declare function __VLS_template(): {
                 readonly default: string;
             };
             readonly pageSizes: {
-                readonly type: import('vue').PropType<number[]>;
+                readonly type: PropType<number[]>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -34,7 +35,7 @@ declare function __VLS_template(): {
                 readonly default: () => [10, 20, 30, 40, 50, 100];
             };
             readonly popperClass: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -42,7 +43,7 @@ declare function __VLS_template(): {
                 readonly default: "";
             };
             readonly prevText: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -50,7 +51,7 @@ declare function __VLS_template(): {
                 readonly default: "";
             };
             readonly prevIcon: {
-                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly type: PropType<string | Component>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -58,7 +59,7 @@ declare function __VLS_template(): {
                 readonly default: () => any;
             };
             readonly nextText: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -66,7 +67,7 @@ declare function __VLS_template(): {
                 readonly default: "";
             };
             readonly nextIcon: {
-                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly type: PropType<string | Component>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -74,7 +75,7 @@ declare function __VLS_template(): {
                 readonly default: () => any;
             };
             readonly teleported: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -83,7 +84,7 @@ declare function __VLS_template(): {
             };
             readonly small: BooleanConstructor;
             readonly size: {
-                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly type: PropType<"" | "default" | "small" | "large">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -100,9 +101,9 @@ declare function __VLS_template(): {
             "onCurrent-change"?: ((val: number) => any) | undefined;
             "onPrev-click"?: ((val: number) => any) | undefined;
             "onNext-click"?: ((val: number) => any) | undefined;
-        }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        }, () => VNode<RendererNode, RendererElement, {
             [key: string]: any;
-        }> | null, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        }> | null, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             "update:current-page": (val: number) => boolean;
             "update:page-size": (val: number) => boolean;
             "size-change": (val: number) => boolean;
@@ -110,7 +111,7 @@ declare function __VLS_template(): {
             "current-change": (val: number) => boolean;
             "prev-click": (val: number) => boolean;
             "next-click": (val: number) => boolean;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
             readonly small: boolean;
             readonly disabled: boolean;
             readonly background: boolean;
@@ -118,26 +119,26 @@ declare function __VLS_template(): {
             readonly popperClass: string;
             readonly teleported: boolean;
             readonly prevText: string;
-            readonly prevIcon: string | import('vue').Component;
+            readonly prevIcon: string | Component;
             readonly nextText: string;
-            readonly nextIcon: string | import('vue').Component;
+            readonly nextIcon: string | Component;
             readonly pageSizes: number[];
             readonly pagerCount: number;
             readonly hideOnSinglePage: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
+        }, Readonly< ExtractPropTypes<{
             readonly pageSize: NumberConstructor;
             readonly defaultPageSize: NumberConstructor;
             readonly total: NumberConstructor;
             readonly pageCount: NumberConstructor;
             readonly pagerCount: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -147,7 +148,7 @@ declare function __VLS_template(): {
             readonly currentPage: NumberConstructor;
             readonly defaultCurrentPage: NumberConstructor;
             readonly layout: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -155,7 +156,7 @@ declare function __VLS_template(): {
                 readonly default: string;
             };
             readonly pageSizes: {
-                readonly type: import('vue').PropType<number[]>;
+                readonly type: PropType<number[]>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -163,7 +164,7 @@ declare function __VLS_template(): {
                 readonly default: () => [10, 20, 30, 40, 50, 100];
             };
             readonly popperClass: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -171,7 +172,7 @@ declare function __VLS_template(): {
                 readonly default: "";
             };
             readonly prevText: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -179,7 +180,7 @@ declare function __VLS_template(): {
                 readonly default: "";
             };
             readonly prevIcon: {
-                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly type: PropType<string | Component>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -187,7 +188,7 @@ declare function __VLS_template(): {
                 readonly default: () => any;
             };
             readonly nextText: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -195,7 +196,7 @@ declare function __VLS_template(): {
                 readonly default: "";
             };
             readonly nextIcon: {
-                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly type: PropType<string | Component>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -203,7 +204,7 @@ declare function __VLS_template(): {
                 readonly default: () => any;
             };
             readonly teleported: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -212,7 +213,7 @@ declare function __VLS_template(): {
             };
             readonly small: BooleanConstructor;
             readonly size: {
-                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly type: PropType<"" | "default" | "small" | "large">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -229,7 +230,7 @@ declare function __VLS_template(): {
             "onCurrent-change"?: ((val: number) => any) | undefined;
             "onPrev-click"?: ((val: number) => any) | undefined;
             "onNext-click"?: ((val: number) => any) | undefined;
-        }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        }, () => VNode<RendererNode, RendererElement, {
             [key: string]: any;
         }> | null, {}, {}, {}, {
             readonly small: boolean;
@@ -239,9 +240,9 @@ declare function __VLS_template(): {
             readonly popperClass: string;
             readonly teleported: boolean;
             readonly prevText: string;
-            readonly prevIcon: string | import('vue').Component;
+            readonly prevIcon: string | Component;
             readonly nextText: string;
-            readonly nextIcon: string | import('vue').Component;
+            readonly nextIcon: string | Component;
             readonly pageSizes: number[];
             readonly pagerCount: number;
             readonly hideOnSinglePage: boolean;
@@ -250,16 +251,16 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<{}, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly pageSize: NumberConstructor;
         readonly defaultPageSize: NumberConstructor;
         readonly total: NumberConstructor;
         readonly pageCount: NumberConstructor;
         readonly pagerCount: {
-            readonly type: import('vue').PropType<number>;
+            readonly type: PropType<number>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -269,7 +270,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly currentPage: NumberConstructor;
         readonly defaultCurrentPage: NumberConstructor;
         readonly layout: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -277,7 +278,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: string;
         };
         readonly pageSizes: {
-            readonly type: import('vue').PropType<number[]>;
+            readonly type: PropType<number[]>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -285,7 +286,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: () => [10, 20, 30, 40, 50, 100];
         };
         readonly popperClass: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -293,7 +294,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "";
         };
         readonly prevText: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -301,7 +302,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "";
         };
         readonly prevIcon: {
-            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly type: PropType<string | Component>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -309,7 +310,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: () => any;
         };
         readonly nextText: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -317,7 +318,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "";
         };
         readonly nextIcon: {
-            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly type: PropType<string | Component>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -325,7 +326,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: () => any;
         };
         readonly teleported: {
-            readonly type: import('vue').PropType<boolean>;
+            readonly type: PropType<boolean>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -334,7 +335,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         };
         readonly small: BooleanConstructor;
         readonly size: {
-            readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+            readonly type: PropType<"" | "default" | "small" | "large">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -351,9 +352,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         "onCurrent-change"?: ((val: number) => any) | undefined;
         "onPrev-click"?: ((val: number) => any) | undefined;
         "onNext-click"?: ((val: number) => any) | undefined;
-    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }, () => VNode<RendererNode, RendererElement, {
         [key: string]: any;
-    }> | null, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }> | null, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "update:current-page": (val: number) => boolean;
         "update:page-size": (val: number) => boolean;
         "size-change": (val: number) => boolean;
@@ -361,7 +362,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         "current-change": (val: number) => boolean;
         "prev-click": (val: number) => boolean;
         "next-click": (val: number) => boolean;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
         readonly small: boolean;
         readonly disabled: boolean;
         readonly background: boolean;
@@ -369,26 +370,26 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly popperClass: string;
         readonly teleported: boolean;
         readonly prevText: string;
-        readonly prevIcon: string | import('vue').Component;
+        readonly prevIcon: string | Component;
         readonly nextText: string;
-        readonly nextIcon: string | import('vue').Component;
+        readonly nextIcon: string | Component;
         readonly pageSizes: number[];
         readonly pagerCount: number;
         readonly hideOnSinglePage: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         readonly pageSize: NumberConstructor;
         readonly defaultPageSize: NumberConstructor;
         readonly total: NumberConstructor;
         readonly pageCount: NumberConstructor;
         readonly pagerCount: {
-            readonly type: import('vue').PropType<number>;
+            readonly type: PropType<number>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -398,7 +399,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly currentPage: NumberConstructor;
         readonly defaultCurrentPage: NumberConstructor;
         readonly layout: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -406,7 +407,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: string;
         };
         readonly pageSizes: {
-            readonly type: import('vue').PropType<number[]>;
+            readonly type: PropType<number[]>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -414,7 +415,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: () => [10, 20, 30, 40, 50, 100];
         };
         readonly popperClass: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -422,7 +423,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "";
         };
         readonly prevText: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -430,7 +431,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "";
         };
         readonly prevIcon: {
-            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly type: PropType<string | Component>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -438,7 +439,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: () => any;
         };
         readonly nextText: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -446,7 +447,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "";
         };
         readonly nextIcon: {
-            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly type: PropType<string | Component>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -454,7 +455,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: () => any;
         };
         readonly teleported: {
-            readonly type: import('vue').PropType<boolean>;
+            readonly type: PropType<boolean>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -463,7 +464,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         };
         readonly small: BooleanConstructor;
         readonly size: {
-            readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+            readonly type: PropType<"" | "default" | "small" | "large">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -480,7 +481,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         "onCurrent-change"?: ((val: number) => any) | undefined;
         "onPrev-click"?: ((val: number) => any) | undefined;
         "onNext-click"?: ((val: number) => any) | undefined;
-    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }, () => VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {
         readonly small: boolean;
@@ -490,9 +491,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly popperClass: string;
         readonly teleported: boolean;
         readonly prevText: string;
-        readonly prevIcon: string | import('vue').Component;
+        readonly prevIcon: string | Component;
         readonly nextText: string;
-        readonly nextIcon: string | import('vue').Component;
+        readonly nextIcon: string | Component;
         readonly pageSizes: number[];
         readonly pagerCount: number;
         readonly hideOnSinglePage: boolean;

package/dist/components/pagination/src/index.vue

@@ -0,0 +1,31 @@
+<template>
+	<div :class="cs.z()">
+		<ElPagination v-bind="attrs" ref="refEl">
+			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElPagination>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useLocale } from '../../../hooks/locale';
+	import { ref, useAttrs, useSlots } from 'vue';
+	import { ElPagination } from 'element-plus';
+	import type { Slots } from 'vue';
+	const refEl = ref();
+	const attrs = useAttrs();
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('pagination');
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>
+<style lang="scss"></style>