yc-design-vue 2.2.2 → 2.2.3

package/es/Select/hooks/useContext.d.ts

@@ -34,7 +34,7 @@ export default function useSelectContext(): {
             isFallbackOption?: boolean;
         }[]>;
         createOptions: Ref<{
-            render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
+            render?: string | number | import('vue').RenderFunction | RecordType<any>[] | undefined;
             label?: string | undefined;
             value?: SelectOptionValue | undefined;
             disabled?: boolean | undefined;
@@ -54,7 +54,7 @@ export default function useSelectContext(): {
             id?: string | undefined;
             isFallbackOption?: boolean | undefined;
         }[], SelectOptionData[] | {
-            render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
+            render?: string | number | import('vue').RenderFunction | RecordType<any>[] | undefined;
             label?: string | undefined;
             value?: SelectOptionValue | undefined;
             disabled?: boolean | undefined;

package/es/Select/hooks/useSelectOptions.d.ts

@@ -12,7 +12,7 @@ declare const _default: (params: {
 }) => {
     options: import('vue').ComputedRef<RecordType[]>;
     createOptions: Ref<{
-        render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
+        render?: string | number | import('vue').RenderFunction | RecordType<any>[] | undefined;
         label?: string | undefined;
         value?: SelectOptionValue | undefined;
         disabled?: boolean | undefined;
@@ -32,7 +32,7 @@ declare const _default: (params: {
         id?: string | undefined;
         isFallbackOption?: boolean | undefined;
     }[], SelectOptionData[] | {
-        render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
+        render?: string | number | import('vue').RenderFunction | RecordType<any>[] | undefined;
         label?: string | undefined;
         value?: SelectOptionValue | undefined;
         disabled?: boolean | undefined;

package/es/Slider/hooks/useContext.d.ts

@@ -21,12 +21,6 @@ type SliderContext = {
 export default function useSliderContext(): {
     inject: () => SliderContext;
     provide: (props: RecordType, emits: SliderEmits, trackRef: Ref<HTMLDivElement | undefined>) => {
-        range: Ref<boolean, boolean>;
-        direction: Ref<Direction, Direction>;
-        startValue: import('vue').WritableComputedRef<number, number>;
-        endValue: import('vue').WritableComputedRef<number, number>;
-        tempStartValue: Ref<number, number>;
-        tempEndValue: Ref<number, number>;
         computedValue: import('vue').WritableComputedRef<SliderValue, SliderValue>;
         ticks: import('vue').ComputedRef<{
             label: number;
@@ -36,9 +30,21 @@ export default function useSliderContext(): {
             value: number;
             label: string;
         }[]>;
+        startValue: import('vue').WritableComputedRef<number, number>;
+        endValue: import('vue').WritableComputedRef<number, number>;
+        tempStartValue: Ref<number, number>;
+        tempEndValue: Ref<number, number>;
+        range: Ref<boolean, boolean>;
         min: Ref<number, number>;
         max: Ref<number, number>;
+        step: Ref<number, number>;
+        showTooltip: Ref<boolean, boolean>;
+        disabled: Ref<boolean, boolean>;
+        direction: Ref<Direction, Direction>;
+        trackRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        formatTooltip: import('../../_shared/type').Format<number>;
         normalizeValue: (value: number) => number;
+        denormalizeValue: (percent: number) => number;
     };
 };
 export {};

package/es/Slider/hooks/useContext.js

@@ -104,7 +104,7 @@ function useSliderContext() {
       const clampedValue = Math.max(min.value, Math.min(finalValue, max.value));
       return +clampedValue.toFixed(digit);
     }
-    provide(SLIDER_CONTEXT_KEY, {
+    const context = {
       startValue,
       endValue,
       tempStartValue,
@@ -120,20 +120,13 @@ function useSliderContext() {
       formatTooltip,
       normalizeValue,
       denormalizeValue
-    });
+    };
+    provide(SLIDER_CONTEXT_KEY, context);
     return {
-      range,
-      direction,
-      startValue,
-      endValue,
-      tempStartValue,
-      tempEndValue,
+      ...context,
       computedValue,
       ticks,
-      marks,
-      min,
-      max,
-      normalizeValue
+      marks
     };
   };
   const inject$1 = () => {

package/es/Statistic/Statistic.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, useSlots, toRefs, ref, computed, watch, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from "vue";
 import Tween from "../node_modules/b-tween/dist/b-tween.es.js";
-import "../node_modules/dayjs/dayjs.min.js";
+import dayjs from "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../node_modules/dayjs/plugin/duration.js";
 import "../node_modules/dayjs/plugin/toObject.js";
@@ -9,7 +9,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { isUndefined, isNumber } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
-import { formatSeconds, formatDate } from "../_shared/utils/time.js";
+import { formatSeconds } from "../_shared/utils/time.js";
 const _hoisted_1 = { class: "yc-statistic yc-statistic-countdown" };
 const _hoisted_2 = {
   key: 0,
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (isCountdown.value) {
         return formatSeconds(value2, format.value);
       }
-      return formatDate(value2, format.value);
+      return dayjs(value2).format(format.value);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [

package/es/Steps/hooks/useContext.d.ts

@@ -3,9 +3,17 @@ import { StepsEmits, StepStatus, StepType } from '../type';
 import { Direction, RecordType } from '../../_shared/type';
 export default function useStepsContext(): {
     provide: (props: RecordType, emits: StepsEmits) => {
+        stepMap: Reactive<Map<string, string>>;
+        computedCurrent: import('vue').WritableComputedRef<number, number>;
+        lineLess: Ref<boolean, boolean>;
         direction: import('vue').ComputedRef<Direction>;
-        labelPlacement: import('vue').ComputedRef<Direction>;
+        status: Ref<StepStatus, StepStatus>;
+        statusArr: Ref<Ref<StepStatus, StepStatus>[], Ref<StepStatus, StepStatus>[]>;
+        small: Ref<boolean, boolean>;
         type: Ref<StepType, StepType>;
+        changeable: Ref<boolean, boolean>;
+        labelPlacement: import('vue').ComputedRef<Direction>;
+        emits: StepsEmits;
     };
     inject: (props: RecordType) => {
         curStep: import('vue').ComputedRef<number>;

package/es/Steps/hooks/useContext.js

@@ -51,7 +51,7 @@ function useStepsContext() {
     });
     const stepMap = reactive(/* @__PURE__ */ new Map());
     const statusArr = ref([]);
-    provide(STEPS_CONTEXT_KEY, {
+    const context = {
       stepMap,
       computedCurrent,
       lineLess,
@@ -63,12 +63,9 @@ function useStepsContext() {
       changeable,
       labelPlacement,
       emits
-    });
-    return {
-      direction,
-      labelPlacement,
-      type
     };
+    provide(STEPS_CONTEXT_KEY, context);
+    return context;
   };
   const inject$1 = (props) => {
     const { status: _status } = toRefs(props);

package/es/Tabs/hooks/useContext.d.ts

@@ -22,13 +22,20 @@ export type PaneNode = {
 } & TabPaneProps;
 export default function useTabsContext(): {
     provide: (props: RecordType, emits: TabsEmits, listRef: Ref<HTMLDivElement | undefined>) => {
+        autoSwitch: Ref<boolean, boolean>;
         computedActiveKey: import('vue').WritableComputedRef<TabKey, TabKey>;
-        size: import('vue').ComputedRef<any>;
+        editable: Ref<boolean, boolean>;
         direction: import('vue').ComputedRef<Direction>;
+        trigger: Ref<EventTrigger, EventTrigger>;
+        type: Ref<TabType, TabType>;
+        destoryOnHide: Ref<boolean, boolean>;
         position: Ref<Position, Position>;
-        autoSwitch: Ref<boolean, boolean>;
+        headerPadding: Ref<boolean, boolean>;
+        size: import('vue').ComputedRef<any>;
+        listRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
         titleRefs: Ref<HTMLSpanElement[], HTMLSpanElement[]>;
         tabRefs: Ref<HTMLDivElement[], HTMLDivElement[]>;
+        emits: TabsEmits;
     };
     inject: () => TabsContext;
 };

package/es/Tabs/hooks/useContext.js

@@ -44,7 +44,7 @@ function useTabsContext() {
       }
       return _direction.value;
     });
-    provide(TABS_CONTEXT_KEY, {
+    const context = {
       computedActiveKey,
       editable,
       direction,
@@ -58,15 +58,11 @@ function useTabsContext() {
       titleRefs,
       tabRefs,
       emits
-    });
+    };
+    provide(TABS_CONTEXT_KEY, context);
     return {
-      computedActiveKey,
-      size,
-      direction,
-      position,
-      autoSwitch,
-      titleRefs,
-      tabRefs
+      ...context,
+      autoSwitch
     };
   };
   const inject$1 = () => {

package/es/TimePicker/TimePicker.vue.js

@@ -172,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 value: unref(isArray)(unref(computedValue)) ? unref(computedValue)[0] : unref(computedValue),
                 placeholder: unref(isArray)(unref(placeholder)) ? unref(placeholder)[0] : unref(placeholder),
                 disabled: unref(disabled),
-                readonly: unref(readonly),
+                readonly: unref(readonly) || true,
                 ref: (el) => unref(inputRefs)[0] = el,
                 class: "yc-picker-start-time"
               }, null, 8, _hoisted_2)

package/es/TimePicker/hooks/useContext.d.ts

@@ -26,17 +26,27 @@ type TimePickerCell = {
 };
 export default function useTimePickerContext(): {
     provide: (props: RecordType, emits: TimePickerEmits) => {
-        computedValue: import('vue').WritableComputedRef<TimePickerValue, TimePickerValue>;
-        computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
         showClearBtn: import('vue').ComputedRef<boolean | "" | 0>;
-        curValue: Ref<number[], number[]>;
         readonly: Ref<boolean, boolean>;
         disabled: Ref<boolean, boolean>;
-        type: Ref<TimePickerType, TimePickerType>;
-        curIndex: Ref<number, number>;
-        inputRefs: Ref<HTMLInputElement[], HTMLInputElement[]>;
-        format: Ref<string, string>;
         placeholder: import('vue').ComputedRef<string | string[]>;
+        type: Ref<TimePickerType>;
+        format: Ref<string>;
+        computedValue: Ref<TimePickerValue>;
+        computedVisible: Ref<boolean>;
+        curIndex: Ref<number>;
+        curValue: Ref<number[]>;
+        timeColumn: Ref<TimeUnit[]>;
+        timeColumnCells: Ref<{
+            unit: TimeUnit;
+            cells: TimePickerCell[];
+        }[]>;
+        inputRefs: Ref<HTMLInputElement[]>;
+        disableConfirm: Ref<boolean>;
+        hideDisabledOptions: Ref<boolean>;
+        disabledHours: DisabledHours;
+        disabledMinutes: DisabledMinutes;
+        disabledSeconds: DisabledSeconds;
     };
     inject: () => TimePickerContext;
 };

package/es/TimePicker/hooks/useContext.js

@@ -87,7 +87,7 @@ function useTimePickerContext() {
       );
     });
     const inputRefs = ref([]);
-    provide(TIME_PICKER_CONTEXT_KEY, {
+    const context = {
       computedValue,
       computedVisible,
       timeColumn,
@@ -102,18 +102,13 @@ function useTimePickerContext() {
       disabledHours,
       disabledMinutes,
       disabledSeconds
-    });
+    };
+    provide(TIME_PICKER_CONTEXT_KEY, context);
     return {
-      computedValue,
-      computedVisible,
+      ...context,
       showClearBtn,
-      curValue,
       readonly,
       disabled,
-      type,
-      curIndex,
-      inputRefs,
-      format,
       placeholder
     };
   };

package/es/Timeline/hooks/useContext.d.ts

@@ -9,11 +9,13 @@ type TimelineContext = {
 };
 export default function useTimelineContext(): {
     provide: (props: RecordType) => {
-        direction: Ref<Direction, Direction>;
-        mode: import('vue').ComputedRef<TimelineMode>;
         timelineItems: import('vue').ComputedRef<(import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
             [key: string]: any;
         }> | RecordType)[]>;
+        direction: Ref<Direction, Direction>;
+        mode: import('vue').ComputedRef<TimelineMode>;
+        labelPosition: Ref<TimelineLabelPosition, TimelineLabelPosition>;
+        reverse: Ref<boolean, boolean>;
     };
     inject: () => TimelineContext;
 };

package/es/Timeline/hooks/useContext.js

@@ -43,17 +43,14 @@ function useTimelineContext() {
       );
       return pending.value ? [...nodes, pendingNodes.value] : nodes;
     });
-    provide(TIMELINE_CONTEXT_KEY, {
+    const context = {
       direction,
       mode,
       labelPosition,
       reverse
-    });
-    return {
-      direction,
-      mode,
-      timelineItems
     };
+    provide(TIMELINE_CONTEXT_KEY, context);
+    return { ...context, timelineItems };
   };
   const inject$1 = () => {
     return inject(TIMELINE_CONTEXT_KEY, {

package/es/Transfer/TransferPanel.vue.js

@@ -14,7 +14,7 @@ import "../_shared/utils/time.js";
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$4 from "../_shared/icons/IconClose.vue.js";
-import _sfc_main$2 from "../_shared/icons/IconDelete.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconDelete.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconSearch.vue.js";
 import useTransferContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";

package/es/Transfer/hooks/useContext.d.ts

@@ -20,12 +20,7 @@ type TransferContext = {
     emits: TransferEmits;
 };
 export default function useTransferContext(): {
-    provide: (props: RecordType, emits: TransferEmits) => {
-        computedValue: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
-        computedSelected: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
-        targetChecked: import('vue').ComputedRef<TransferItemValue[]>;
-        sourceChecked: import('vue').ComputedRef<TransferItemValue[]>;
-    };
+    provide: (props: RecordType, emits: TransferEmits) => TransferContext;
     inject: () => TransferContext;
 };
 export {};

package/es/Transfer/hooks/useContext.js

@@ -73,7 +73,7 @@ function useTransferContext() {
         return computedValueMap.value.has(item);
       });
     });
-    provide(TRANSFER_CONTEXT_KEY, {
+    const context = {
       computedValue,
       computedSelected,
       targetChecked,
@@ -89,13 +89,9 @@ function useTransferContext() {
       disabled,
       title,
       emits
-    });
-    return {
-      computedValue,
-      computedSelected,
-      targetChecked,
-      sourceChecked
     };
+    provide(TRANSFER_CONTEXT_KEY, context);
+    return context;
   };
   const inject$1 = () => {
     return inject(TRANSFER_CONTEXT_KEY, {

package/es/Typography/TypographyBase.vue.js

@@ -14,8 +14,8 @@ import "../_shared/utils/time.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
-import _sfc_main$3 from "../_shared/icons/IconCopy.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconEdit.vue.js";
+import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
 import Input from "../Input/index.js";
 import Tooltip from "../Tooltip/index.js";

package/es/Upload/Upload.vue.js

@@ -4,8 +4,10 @@ import _sfc_main$2 from "./UploadButton.vue.js";
 /* empty css                  */
 import _sfc_main$1 from "./UploadDrag.vue.js";
 /* empty css                */
-import UploadFileList from "./UploadFileList.vue.js";
-import UploadPictureCard from "./UploadPictureCard.vue.js";
+import _sfc_main$3 from "./UploadFileList.vue.js";
+/* empty css                    */
+import _sfc_main$4 from "./UploadPictureCard.vue.js";
+/* empty css                       */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Upload"
@@ -100,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["is-over-drop-zone"])) : (openBlock(), createBlock(_sfc_main$2, { key: 1 }))
             ]) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
-          _ctx.showFileList && unref(computedFileList).length ? (openBlock(), createBlock(UploadFileList, { key: 1 }, createSlots({ _: 2 }, [
+          _ctx.showFileList && unref(computedFileList).length ? (openBlock(), createBlock(_sfc_main$3, { key: 1 }, createSlots({ _: 2 }, [
             $slots["extra-button"] ? {
               name: "extra-button",
               fn: withCtx((scope) => [
@@ -116,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: "1"
             } : void 0
           ]), 1024)) : createCommentVNode("", true)
-        ], 64)) : (openBlock(), createBlock(UploadPictureCard, { key: 1 }))
+        ], 64)) : (openBlock(), createBlock(_sfc_main$4, { key: 1 }))
       ], 2);
     };
   }

package/es/Upload/UploadFileList.vue.js

@@ -1,7 +1,131 @@
-import _sfc_main from "./UploadFileList.vue2.js";
-/* empty css                    */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const UploadFileList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b2e07dc"]]);
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, renderSlot, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, createVNode, withCtx } from "vue";
+import useUploadContext from "./hooks/useContext.js";
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
+import "../node_modules/b-tween/dist/b-tween.es.js";
+import "../node_modules/dayjs/dayjs.min.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../node_modules/dayjs/plugin/duration.js";
+import "../node_modules/dayjs/plugin/toObject.js";
+import "../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../node_modules/dayjs/plugin/isSameOrBefore.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/locale.js";
+import "../_shared/utils/time.js";
+/* empty css                                               */
+/* empty css                                   */
+import _sfc_main$3 from "../_shared/icons/IconDelete.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconFile.vue2.js";
+const _hoisted_1 = { class: "yc-upload-list-item-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-upload-list-item-thumbnail"
+};
+const _hoisted_3 = ["src", "alt", "loading"];
+const _hoisted_4 = { class: "yc-upload-list-item-name" };
+const _hoisted_5 = {
+  key: 0,
+  class: "yc-upload-list-item-file-icon"
+};
+const _hoisted_6 = { class: "yc-upload-list-item-name-text text-ellipsis" };
+const _hoisted_7 = ["href", "download"];
+const _hoisted_8 = {
+  key: 0,
+  class: "yc-upload-list-item-operation"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "UploadFileList",
+  setup(__props) {
+    const {
+      computedFileList,
+      showRemoveButton,
+      listType,
+      imageLoading,
+      showLink,
+      download,
+      customIcon,
+      slots,
+      handleDelFile
+    } = useUploadContext().inject();
+    const renderFileIcon = (fileItem) => {
+      var _a, _b;
+      if (slots["file-icon"]) {
+        return slots["file-icon"]({
+          fileItem
+        });
+      }
+      return ((_b = (_a = customIcon.value).fileIcon) == null ? void 0 : _b.call(_a, fileItem)) || _sfc_main$2;
+    };
+    const renderName = (fileItem) => {
+      if (slots["file-name"]) {
+        return slots["file-name"]({
+          fileItem
+        });
+      }
+      return () => {
+        var _a, _b;
+        return ((_b = (_a = customIcon.value).fileName) == null ? void 0 : _b.call(_a, fileItem)) || fileItem.name;
+      };
+    };
+    const renderDelIcon = () => {
+      return slots["remove-icon"] ?? (customIcon.value.removeIcon || _sfc_main$3);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yc-upload-list", `yc-upload-list-type-${unref(listType)}`])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedFileList), (item, i) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.uid,
+            class: "yc-upload-list-item"
+          }, [
+            renderSlot(_ctx.$slots, "upload-item", {
+              fileItem: item,
+              index: i
+            }, () => [
+              createElementVNode("div", _hoisted_1, [
+                unref(listType) == "picture" ? (openBlock(), createElementBlock("span", _hoisted_2, [
+                  createElementVNode("img", {
+                    src: item.url,
+                    alt: item.name,
+                    loading: unref(imageLoading)
+                  }, null, 8, _hoisted_3)
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_4, [
+                  unref(listType) == "text" ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                    (openBlock(), createBlock(resolveDynamicComponent(renderFileIcon(item))))
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_6, [
+                    unref(showLink) ? (openBlock(), createElementBlock("a", {
+                      key: 0,
+                      href: item.url,
+                      download: unref(download) ? item.name : void 0,
+                      class: "yc-upload-list-item-name-link",
+                      target: "_blank"
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(renderName(item))))
+                    ], 8, _hoisted_7)) : (openBlock(), createBlock(resolveDynamicComponent(renderName(item)), { key: 1 }))
+                  ])
+                ])
+              ])
+            ]),
+            _ctx.$slots["extra-button"] || unref(showRemoveButton) ? (openBlock(), createElementBlock("span", _hoisted_8, [
+              createVNode(unref(_sfc_main$1), {
+                onClick: ($event) => unref(handleDelFile)(item)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(renderDelIcon())))
+                ]),
+                _: 1
+              }, 8, ["onClick"]),
+              renderSlot(_ctx.$slots, "extra-button", { fileItem: item })
+            ])) : createCommentVNode("", true)
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
 export {
-  UploadFileList as default
+  _sfc_main as default
 };

package/es/Upload/UploadFileList.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./UploadFileList.vue.js";
+/* empty css                    */
+export {
+  _sfc_main as default
+};