@cmstops/pro-compo 3.10.5-stable.1 → 3.10.5-stable.10

package/es/editDocMeta/components/docMetaForm.js

@@ -0,0 +1,563 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, createCommentVNode, withDirectives, vShow, Fragment, renderList, createBlock, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick } from "vue";
+import { Form, FormItem, Input, Link, Space, Message } from "@arco-design/web-vue";
+import { IconDoubleUp, IconDoubleDown } from "@arco-design/web-vue/es/icon";
+import { DEFAULT_BASE_API } from "../../config.js";
+import useMetaOptions from "../hooks/useMetaOptions.js";
+import _sfc_main$2 from "./Adapter.js";
+import _sfc_main$1 from "./CustomSubTitle.js";
+import useVisible from "../../hooks/visible.js";
+import { getThumbLen } from "./options/useThumbs.js";
+const _hoisted_1 = { class: "doc-meta-form-container" };
+const _sfc_main = defineComponent({
+  __name: "docMetaForm",
+  props: {
+    initData: {},
+    BASE_API: {},
+    domainId: {},
+    series: {},
+    payload: {}
+  },
+  emits: ["upload", "select-content"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const docMetaFormRef = ref();
+    const { options, showOptionsLen, initOptions } = useMetaOptions(
+      BASE_API,
+      props.domainId
+    );
+    const { visible, setVisible } = useVisible();
+    const text = computed(() => visible.value ? "\u6536\u8D77" : "\u66F4\u591A\u8BBE\u7F6E");
+    const form = ref({});
+    const coverModel = ref(3);
+    const docBrief = computed(() => {
+      const seriesMap = {
+        video: "\u89C6\u9891",
+        svideo: "\u5C0F\u89C6\u9891",
+        special_v3: "\u4E13\u9898",
+        video_album: "\u5408\u96C6",
+        audio_album: "\u5408\u96C6"
+      };
+      return seriesMap[props.series || ""] || "\u5185\u5BB9";
+    });
+    const showBrief = computed(() => {
+      return [
+        "video",
+        "svideo",
+        "special_v3",
+        "video_album",
+        "audio_album"
+      ].includes(props.series || "");
+    });
+    const rules = computed(() => {
+      const result = {};
+      result.title = [
+        { required: true, message: "\u8BF7\u8F93\u5165\u4E3B\u6807\u9898" },
+        { min: 2, max: 100, message: "\u957F\u5EA6\u5728 2 \u5230 100 \u4E2A\u5B57\u7B26" }
+      ];
+      const CUSTOM_KEY = ["cover", "banner"];
+      options.value.forEach((option) => {
+        if (CUSTOM_KEY.includes(option.value))
+          ;
+        else if (option.required) {
+          let tips = "";
+          const SELECT_COLUMN_TYPE = [
+            "select",
+            "content-model",
+            "date",
+            "radio",
+            "checkbox"
+          ];
+          const INPUT_COLUMN_TYPE = ["input"];
+          if (SELECT_COLUMN_TYPE.includes(option.type))
+            tips = "\u8BF7\u9009\u62E9";
+          if (INPUT_COLUMN_TYPE.includes(option.type))
+            tips = "\u8BF7\u8F93\u5165";
+          const params = {
+            required: true,
+            message: `${tips}${option.label}`
+          };
+          if (option.type === "thumb") {
+            params.validator = (value, cb) => {
+              return new Promise((resolve) => {
+                const len = getThumbLen(value || []);
+                if (len === 0) {
+                  const errorMsg = `${tips}${option.label}`;
+                  cb(errorMsg);
+                  resolve(false);
+                  return;
+                }
+                resolve(true);
+              });
+            };
+          }
+          result[option.value] = [params];
+        }
+        if (option.value === "cover" && option.type === "thumb") {
+          result.cover = [
+            {
+              required: option.required !== false,
+              validator: (value, cb) => {
+                return new Promise((resolve) => {
+                  if (!option.required) {
+                    resolve(true);
+                    return;
+                  }
+                  const model = coverModel.value;
+                  const count = !value ? 0 : getThumbLen(value);
+                  if (model === 4) {
+                    resolve(true);
+                    return;
+                  }
+                  if (model !== 4 && count === 0) {
+                    const errorMsg = "\u9009\u62E9\u6709\u5C01\u9762\u56FE\u6A21\u5F0F\u65F6\uFF0C\u9700\u8981\u9009\u62E9\u5C01\u9762\u56FE";
+                    cb(errorMsg);
+                    resolve(false);
+                    return;
+                  }
+                  if (model === 2 && count < 3) {
+                    const errorMsg = "\u9009\u62E9\u4E09\u56FE\u5C01\u9762\u6A21\u5F0F\u65F6\uFF0C\u9700\u8981\u5C06\u5C01\u9762\u6570\u91CF\u8865\u5145\u5B8C\u6574";
+                    cb(errorMsg);
+                    resolve(false);
+                    return;
+                  }
+                  resolve(true);
+                });
+              }
+            }
+          ];
+        }
+        if (option.value === "banner") {
+          result.banner = [
+            {
+              required: option.required !== false,
+              validator: (value, cb) => {
+                return new Promise((resolve) => {
+                  if (!option.required) {
+                    resolve(true);
+                    return;
+                  }
+                  if (Array.isArray(value) && value.length > 0) {
+                    const count = getThumbLen(value);
+                    if (count === 0) {
+                      const errorMsg = "\u8BF7\u9009\u62E9\u4E00\u5F20\u72EC\u7ACB\u8F6E\u64AD\u56FE";
+                      cb(errorMsg);
+                      resolve(false);
+                      return;
+                    }
+                  }
+                  resolve(true);
+                });
+              }
+            }
+          ];
+        }
+      });
+      return result;
+    });
+    const getOptionLabel = (option) => {
+      if (option.value === "pcBanner") {
+        const { series } = props;
+        if (series === "special_v3")
+          return "\u4E13\u9898\u5934\u56FE";
+        if (["video_album", "audio_album"].includes(series || ""))
+          return "\u5C01\u9762\u5934\u56FE";
+        return "PC\u5C01\u9762\u56FE";
+      }
+      return option.label;
+    };
+    const shouldShowField = (option) => {
+      if (option.scope && props.series && !option.scope.includes(props.series)) {
+        return false;
+      }
+      const isSpecialOrAlbum = [
+        "special_v3",
+        "video_album",
+        "audio_album"
+      ].includes(props.series || "");
+      if (option.value === "top_image_url") {
+        return isSpecialOrAlbum;
+      }
+      if (option.value === "pcBanner") {
+        return !isSpecialOrAlbum;
+      }
+      return true;
+    };
+    const initFormData = () => {
+      var _a, _b, _c, _d, _e, _f;
+      const initialData = {};
+      if (((_a = props.initData) == null ? void 0 : _a.title) !== void 0) {
+        initialData.title = props.initData.title;
+      }
+      if (((_b = props.initData) == null ? void 0 : _b.brief) !== void 0) {
+        initialData.brief = props.initData.brief;
+      }
+      let styleObj = null;
+      if ((_c = props.initData) == null ? void 0 : _c.style) {
+        if (typeof props.initData.style === "string") {
+          try {
+            styleObj = JSON.parse(props.initData.style);
+          } catch (e) {
+            console.error("\u89E3\u6790 style \u5931\u8D25:", e);
+          }
+        } else if (typeof props.initData.style === "object") {
+          styleObj = props.initData.style;
+        }
+      }
+      if (styleObj && styleObj.model !== void 0) {
+        coverModel.value = Number(styleObj.model);
+      }
+      if (styleObj) {
+        if (styleObj.data && styleObj.data.length > 0) {
+          initialData.cover = styleObj.data;
+        } else {
+          const model = (_d = coverModel.value) != null ? _d : 3;
+          const coverLengthMap = {
+            1: 1,
+            2: 3,
+            3: 1,
+            4: 0,
+            5: 1
+          };
+          const length = (_e = coverLengthMap[model]) != null ? _e : 1;
+          initialData.cover = length > 0 ? new Array(length).fill({}) : [];
+        }
+        if (styleObj.banner !== void 0) {
+          if (styleObj.banner && styleObj.banner_url) {
+            initialData.banner = [
+              {
+                url: styleObj.banner_url,
+                thumb: styleObj.banner_url
+              }
+            ];
+          } else {
+            initialData.banner = [];
+          }
+        }
+        const isSpecialOrAlbum = [
+          "special_v3",
+          "video_album",
+          "audio_album"
+        ].includes(props.series || "");
+        const legacyTopImage = styleObj.top_image_url && !styleObj.pc_banner_url ? styleObj.top_image_url : "";
+        const finalUrl = styleObj.pc_banner_url || legacyTopImage;
+        if (finalUrl) {
+          const pcBannerData = { url: finalUrl, thumb: finalUrl };
+          if (styleObj.pc_banner_url_info) {
+            try {
+              const sizeInfo = JSON.parse(styleObj.pc_banner_url_info);
+              pcBannerData.width = sizeInfo.width;
+              pcBannerData.height = sizeInfo.height;
+            } catch (e) {
+              console.error("\u89E3\u6790 pc_banner_url_info \u5931\u8D25", e);
+            }
+          }
+          if (finalUrl.includes("?width=")) {
+            const cleanUrl = finalUrl.split("?")[0];
+            pcBannerData.url = cleanUrl;
+            pcBannerData.thumb = cleanUrl;
+          }
+          if (isSpecialOrAlbum) {
+            if (styleObj.top_colorList) {
+              pcBannerData.top_colorList = styleObj.top_colorList;
+            }
+            if (styleObj.top_theme_color) {
+              pcBannerData.top_theme_color = styleObj.top_theme_color;
+            }
+            initialData.top_image_url = [pcBannerData];
+          } else {
+            initialData.pcBanner = [pcBannerData];
+          }
+        } else if (isSpecialOrAlbum) {
+          initialData.top_image_url = [{}];
+        } else {
+          initialData.pcBanner = [{}];
+        }
+      }
+      let extMetaData = null;
+      if ((_f = props.initData) == null ? void 0 : _f.ext_meta) {
+        try {
+          extMetaData = typeof props.initData.ext_meta === "string" ? JSON.parse(props.initData.ext_meta) : props.initData.ext_meta;
+        } catch (e) {
+          console.error("\u89E3\u6790 ext_meta \u5931\u8D25:", e);
+        }
+      }
+      options.value.forEach((option) => {
+        var _a2, _b2, _c2, _d2;
+        if (initialData[option.value] !== void 0) {
+          return;
+        }
+        if (option.is_extend && extMetaData) {
+          const fieldName = option.value.includes("/") ? option.value.split("/").pop() : option.value;
+          let fieldValue = extMetaData[fieldName];
+          if (fieldValue !== void 0) {
+            if (typeof fieldValue === "number" && fieldValue >= 946684800 && fieldValue <= 4102444800) {
+              const dateObj = new Date(fieldValue * 1e3);
+              const isDateOnly = dateObj.getHours() === 0 && dateObj.getMinutes() === 0 && dateObj.getSeconds() === 0;
+              if (isDateOnly) {
+                const [datePart] = dateObj.toISOString().split("T");
+                fieldValue = datePart;
+              } else {
+                const year = dateObj.getFullYear();
+                const month = String(dateObj.getMonth() + 1).padStart(2, "0");
+                const day = String(dateObj.getDate()).padStart(2, "0");
+                const hours = String(dateObj.getHours()).padStart(2, "0");
+                const minutes = String(dateObj.getMinutes()).padStart(2, "0");
+                fieldValue = `${year}-${month}-${day} ${hours}:${minutes}`;
+              }
+            } else if (fieldValue && typeof fieldValue === "object" && !Array.isArray(fieldValue) && fieldValue.key && fieldValue.value) {
+              fieldValue = fieldValue.key;
+            } else if (Array.isArray(fieldValue) && fieldValue.length > 0 && ((_a2 = fieldValue[0]) == null ? void 0 : _a2.key)) {
+              fieldValue = fieldValue.map((item) => item.key);
+            }
+            initialData[option.value] = fieldValue;
+            return;
+          }
+        }
+        if (props.initData && props.initData[option.value] !== void 0) {
+          let value = props.initData[option.value];
+          if (option.type === "thumb") {
+            if (!Array.isArray(value)) {
+              if (styleObj && styleObj.data) {
+                value = styleObj.data;
+              } else {
+                value = [];
+              }
+            }
+          } else if (option.type === "banner") {
+            value = value === "true" || value === true || value === 1 || value === "1";
+          } else if (option.type === "switch") {
+            value = value === "true" || value === true || value === 1 || value === "1";
+          } else if (option.type === "select" && ((_b2 = option.meta) == null ? void 0 : _b2.isMultiple) && typeof value === "string") {
+            try {
+              value = JSON.parse(value);
+            } catch {
+              value = [];
+            }
+          } else if (option.type === "radio" || option.type === "checkbox") {
+            if (option.type === "checkbox" && !Array.isArray(value)) {
+              value = value ? [value] : [];
+            }
+          } else if (option.type === "date" && !value) {
+            value = "";
+          } else if (option.type === "input" && typeof value === "string" && value === "[]") {
+            value = "";
+          } else if (option.type === "input" && ((_c2 = option.meta) == null ? void 0 : _c2.type) === "multi" && typeof value === "string") {
+            value = value ? value.split(",") : [];
+          }
+          initialData[option.value] = value;
+        } else if (option.default !== void 0) {
+          initialData[option.value] = option.default;
+        } else if (option.type === "switch") {
+          initialData[option.value] = false;
+        } else if (option.type === "banner") {
+          initialData[option.value] = false;
+        } else if (option.type === "thumb") {
+          initialData[option.value] = [];
+        } else if (option.type === "select" && ((_d2 = option.meta) == null ? void 0 : _d2.isMultiple)) {
+          initialData[option.value] = [];
+        } else if (option.type === "checkbox") {
+          initialData[option.value] = [];
+        } else if (option.type === "radio") {
+          initialData[option.value] = "";
+        } else if (option.type === "date") {
+          initialData[option.value] = "";
+        } else if (option.type === "custom") {
+          initialData[option.value] = "0";
+        } else if (option.type === "content-model") {
+          initialData[option.value] = [];
+        } else if (option.type === "input") {
+          initialData[option.value] = "";
+        } else {
+          initialData[option.value] = "";
+        }
+      });
+      form.value = initialData;
+    };
+    function handleCoverModelChange(model) {
+      coverModel.value = model;
+      nextTick(() => {
+        var _a, _b;
+        (_a = docMetaFormRef.value) == null ? void 0 : _a.clearValidate("cover");
+        (_b = docMetaFormRef.value) == null ? void 0 : _b.validateField("cover");
+      });
+    }
+    watch(
+      () => props.initData,
+      async () => {
+        if (props.domainId && props.initData) {
+          await initOptions();
+        }
+        if (options.value.length > 0 && props.initData) {
+          initFormData();
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      () => options.value,
+      () => {
+        if (options.value.length > 0 && props.initData) {
+          initFormData();
+        }
+      },
+      { immediate: true }
+    );
+    const getFormData = async (valid = false) => {
+      if (valid) {
+        return new Promise((resolve) => {
+          var _a;
+          (_a = docMetaFormRef.value) == null ? void 0 : _a.validate((errors) => {
+            console.log("[docMetaForm] validate \u56DE\u8C03\u6267\u884C", {
+              errors,
+              hasErrors: !!errors
+            });
+            if (errors) {
+              console.error("[docMetaForm] \u8868\u5355\u6821\u9A8C\u5931\u8D25\uFF0C\u9519\u8BEF\u4FE1\u606F:", errors);
+              const firstErrorKey = Object.keys(errors)[0];
+              const firstError = errors[firstErrorKey];
+              console.log(
+                "[docMetaForm] \u7B2C\u4E00\u4E2A\u9519\u8BEF\u5B57\u6BB5:",
+                firstErrorKey,
+                firstError
+              );
+              if (firstError && firstError.length > 0) {
+                Message.warning(
+                  firstError[0].message || "\u8BF7\u68C0\u67E5\u7A3F\u7B7E\u8BBE\u7F6E\u5FC5\u586B\u5B57\u6BB5\u662F\u5426\u9057\u6F0F"
+                );
+              } else {
+                Message.warning("\u8BF7\u68C0\u67E5\u7A3F\u7B7E\u8BBE\u7F6E\u5FC5\u586B\u5B57\u6BB5\u662F\u5426\u9057\u6F0F");
+              }
+              resolve(null);
+              return;
+            }
+            console.log("[docMetaForm] \u6821\u9A8C\u901A\u8FC7\uFF0C\u8FD4\u56DE\u8868\u5355\u6570\u636E");
+            resolve(form.value);
+          });
+        });
+      }
+      return form.value;
+    };
+    __expose({
+      getFormData,
+      form
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Form), {
+          ref_key: "docMetaFormRef",
+          ref: docMetaFormRef,
+          model: form.value,
+          rules: rules.value,
+          "label-align": "left",
+          "label-width": 125
+        }, {
+          default: withCtx(() => [
+            createCommentVNode(" \u2B50 \u4E3B\u6807\u9898\u548C\u63CF\u8FF0\uFF08\u653E\u5728\u7A3F\u7B7E\u8BBE\u7F6E\u4E4B\u524D\uFF09 "),
+            createVNode(unref(FormItem), {
+              key: "title",
+              field: "title",
+              label: "\u4E3B\u6807\u9898"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Input), {
+                  modelValue: form.value.title,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.title = $event),
+                  "allow-clear": "",
+                  class: "input-w",
+                  "max-length": 100,
+                  placeholder: "\u4E3B\u6807\u9898"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            withDirectives(createVNode(unref(FormItem), {
+              key: "brief",
+              label: `${docBrief.value}\u63CF\u8FF0`,
+              field: "brief"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Input), {
+                  modelValue: form.value.brief,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.brief = $event),
+                  placeholder: `\u586B\u5199${docBrief.value}\u63CF\u8FF0`,
+                  "allow-clear": "",
+                  class: "input-w",
+                  "max-length": 300
+                }, null, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["label"]), [
+              [vShow, showBrief.value]
+            ]),
+            createCommentVNode(" \u2B50 \u7A3F\u7B7E\u8BBE\u7F6E\u6807\u9898 "),
+            createVNode(_sfc_main$1, { title: "\u7A3F\u7B7E\u8BBE\u7F6E" }),
+            createCommentVNode(" \u2B50 \u52A8\u6001\u8868\u5355\u5B57\u6BB5\uFF08\u652F\u6301\u5C55\u5F00/\u6536\u8D77\uFF09 "),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option, index) => {
+              var _a;
+              return openBlock(), createElementBlock(Fragment, {
+                key: option.value
+              }, [
+                createCommentVNode(" \u66F4\u591A\u8BBE\u7F6E\u6807\u9898\uFF08\u5728\u5C55\u5F00\u65F6\u663E\u793A\uFF09 "),
+                withDirectives(createVNode(_sfc_main$1, { title: "\u66F4\u591A\u8BBE\u7F6E" }, null, 512), [
+                  [vShow, unref(visible) && index === unref(showOptionsLen)]
+                ]),
+                createCommentVNode(" \u5C55\u5F00\u6536\u8D77\u63A7\u5236 "),
+                withDirectives(createVNode(unref(FormItem), {
+                  label: getOptionLabel(option),
+                  field: option.value,
+                  tooltip: (_a = option.meta) == null ? void 0 : _a.tooltips
+                }, {
+                  default: withCtx(() => [
+                    form.value[option.value] !== void 0 ? (openBlock(), createBlock(_sfc_main$2, {
+                      key: 0,
+                      value: form.value[option.value],
+                      "onUpdate:value": ($event) => form.value[option.value] = $event,
+                      "form-item": option,
+                      BASE_API: unref(BASE_API),
+                      "domain-id": __props.domainId,
+                      series: __props.series,
+                      payload: __props.payload,
+                      onUpload: _cache[2] || (_cache[2] = (e) => emit("upload", e)),
+                      onSelectContent: _cache[3] || (_cache[3] = (e) => emit("select-content", e)),
+                      onCoverModelChange: handleCoverModelChange
+                    }, null, 8, ["value", "onUpdate:value", "form-item", "BASE_API", "domain-id", "series", "payload"])) : createCommentVNode("v-if", true)
+                  ]),
+                  _: 2
+                }, 1032, ["label", "field", "tooltip"]), [
+                  [
+                    vShow,
+                    shouldShowField(option) && (unref(visible) || option.order != null && option.show)
+                  ]
+                ])
+              ], 64);
+            }), 128)),
+            createCommentVNode(" \u2B50 \u5C55\u5F00/\u6536\u8D77\u6309\u94AE "),
+            createVNode(unref(FormItem), { label: "" }, {
+              default: withCtx(() => [
+                createVNode(unref(Link), {
+                  onClick: _cache[4] || (_cache[4] = ($event) => unref(setVisible)(!unref(visible)))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Space), null, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(text.value) + " ", 1),
+                        (openBlock(), createBlock(resolveDynamicComponent(unref(visible) ? unref(IconDoubleUp) : unref(IconDoubleDown))))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model", "rules"])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FCheckbox.js

@@ -0,0 +1,61 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import { CheckboxGroup, Checkbox } from "@arco-design/web-vue";
+const _hoisted_1 = { class: "form-item-wrp form-content form-checkbox-wrp" };
+const _sfc_main = defineComponent({
+  __name: "FCheckbox",
+  props: {
+    mValue: {},
+    label: {},
+    placeholder: {},
+    meta: {}
+  },
+  emits: ["update:mValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const options = computed(() => {
+      var _a;
+      if (((_a = props.meta) == null ? void 0 : _a.options) && Array.isArray(props.meta.options)) {
+        return props.meta.options;
+      }
+      return [];
+    });
+    const modelValue = computed({
+      get: () => {
+        const currentValue = Array.isArray(props.mValue) ? props.mValue : [];
+        return currentValue;
+      },
+      set: (value) => {
+        emits("update:mValue", value || []);
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(CheckboxGroup), {
+          "model-value": modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          direction: ((_a = __props.meta) == null ? void 0 : _a.direction) || "horizontal",
+          size: ((_b = __props.meta) == null ? void 0 : _b.size) || "medium"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
+              return openBlock(), createBlock(unref(Checkbox), {
+                key: option.value,
+                value: option.value,
+                disabled: option.disabled
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "direction", "size"])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };