@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Popover.js

@@ -1,169 +1,272 @@
-import { ref as g, computed as k, onMounted as j, watch as G, resolveComponent as J, openBlock as d, createElementBlock as C, Fragment as V, renderSlot as q, createCommentVNode as P, createElementVNode as I, normalizeClass as R, normalizeStyle as B, createVNode as K, withCtx as Q, renderList as X, withModifiers as Y, createBlock as Z, resolveDynamicComponent as x, toDisplayString as _ } from "vue";
-import { i as ee, c as te } from "./component-234624bc.js";
-import { r as oe } from "./renderIcon-47498b32.js";
-import { u as z } from "./index-192a3ef6.js";
-import { P as D } from "./index-360c5092.js";
-import { _ as ne } from "./_plugin-vue_export-helper-dad06003.js";
+import { ref, computed, onMounted, watch, resolveComponent, openBlock, createElementBlock, Fragment, renderSlot, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, renderList, withModifiers, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { i as isArray, c as createComponent } from "./component-81a4c1d0.js";
+import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
+import { u as useRect } from "./index-29892cda.js";
+import { P as Popup } from "./index-da0a7662.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { create: re } = te("popover"), le = re({
+const { create } = createComponent("popover");
+const _sfc_main = create({
   components: {
-    [D.name]: D
+    [Popup.name]: Popup
   },
   props: {
-    visible: { type: Boolean, default: !1 },
+    visible: { type: Boolean, default: false },
     list: { type: Array, default: [] },
     theme: { type: String, default: "light" },
     location: { type: String, default: "bottom" },
     offset: { type: Array, default: [0, 12] },
     arrowOffset: { type: Number, default: 0 },
     customClass: { type: String, default: "" },
-    showArrow: { type: Boolean, default: !0 },
+    showArrow: { type: Boolean, default: true },
     duration: { type: [Number, String], default: 0.3 },
-    overlay: { type: Boolean, default: !1 },
+    overlay: { type: Boolean, default: false },
     overlayClass: { type: String, default: "" },
     overlayStyle: { type: Object },
-    closeOnClickOverlay: { type: Boolean, default: !0 },
-    closeOnClickAction: { type: Boolean, default: !0 },
-    closeOnClickOutside: { type: Boolean, default: !0 },
+    closeOnClickOverlay: { type: Boolean, default: true },
+    closeOnClickAction: { type: Boolean, default: true },
+    closeOnClickOutside: { type: Boolean, default: true },
     targetId: { type: String, default: "" },
     bgColor: { type: String, default: "" }
   },
   emits: ["update", "update:visible", "close", "choose", "open"],
-  setup(t, { emit: l }) {
-    const h = g(), v = g(), S = g(t.visible);
-    let y = g(), u = g();
-    const r = k(() => {
-      const e = "nut-popover-arrow", o = t.location, n = o.split("-")[0];
-      return `${e} ${e}-${n} ${e}--${o}`;
-    }), w = k(() => {
-      const e = {}, { bgColor: o, arrowOffset: n, location: a } = t, s = a.split("-")[0], i = a.split("-")[1], p = 16;
-      return o && (e[`border${N(s)}Color`] = o), t.arrowOffset != 0 && (["bottom", "top"].includes(s) && (i || (e.left = `calc(50% + ${n}px)`), i == "start" && (e.left = `${p + n}px`), i == "end" && (e.right = `${p - n}px`)), ["left", "right"].includes(s) && (i || (e.top = `calc(50% - ${n}px)`), i == "start" && (e.top = `${p - n}px`), i == "end" && (e.bottom = `${p + n}px`))), e;
-    }), N = (o) => {
-      var o = o.toLowerCase();
-      return o = o.replace(/\b\w+\b/g, (n) => n.substring(0, 1).toUpperCase() + n.substring(1)), o;
-    }, F = k(() => {
-      let e = {};
-      if (!y.value || !u.value)
+  setup(props, { emit }) {
+    const popoverRef = ref();
+    const popoverContentRef = ref();
+    const showPopup = ref(props.visible);
+    let rootRect = ref();
+    let conentRootRect = ref();
+    const popoverArrow = computed(() => {
+      const prefixCls = "nut-popover-arrow";
+      const loca = props.location;
+      const direction = loca.split("-")[0];
+      return `${prefixCls} ${prefixCls}-${direction} ${prefixCls}--${loca}`;
+    });
+    const popoverArrowStyle = computed(() => {
+      const styles = {};
+      const { bgColor, arrowOffset, location } = props;
+      const direction = location.split("-")[0];
+      const skew = location.split("-")[1];
+      const base = 16;
+      if (bgColor) {
+        styles[`border${upperCaseFirst(direction)}Color`] = bgColor;
+      }
+      if (props.arrowOffset != 0) {
+        if (["bottom", "top"].includes(direction)) {
+          if (!skew) {
+            styles.left = `calc(50% + ${arrowOffset}px)`;
+          }
+          if (skew == "start") {
+            styles.left = `${base + arrowOffset}px`;
+          }
+          if (skew == "end") {
+            styles.right = `${base - arrowOffset}px`;
+          }
+        }
+        if (["left", "right"].includes(direction)) {
+          if (!skew) {
+            styles.top = `calc(50% - ${arrowOffset}px)`;
+          }
+          if (skew == "start") {
+            styles.top = `${base - arrowOffset}px`;
+          }
+          if (skew == "end") {
+            styles.bottom = `${base + arrowOffset}px`;
+          }
+        }
+      }
+      return styles;
+    });
+    const upperCaseFirst = (str) => {
+      var str = str.toLowerCase();
+      str = str.replace(/\b\w+\b/g, (word) => word.substring(0, 1).toUpperCase() + word.substring(1));
+      return str;
+    };
+    const getRootPosition = computed(() => {
+      let styles = {};
+      if (!rootRect.value || !conentRootRect.value)
         return {};
-      const o = u.value.width, n = u.value.height, { width: a, height: s, left: i, top: p } = y.value, { location: W, offset: b } = t, $ = W.split("-")[0], f = W.split("-")[1];
-      let m = 0, c = 0;
-      if (ee(b) && b.length == 2 && (m += +b[1], c += +b[0]), a) {
-        if (["bottom", "top"].includes($)) {
-          const A = $ == "bottom" ? s + m : -(n + m);
-          e.top = `${p + A}px`, f || (e.left = `${-(o - a) / 2 + i + c}px`), f == "start" && (e.left = `${i + c}px`), f == "end" && (e.left = `${y.value.right + c}px`);
+      const conentWidth = conentRootRect.value.width;
+      const conentHeight = conentRootRect.value.height;
+      const { width, height, left, top } = rootRect.value;
+      const { location, offset } = props;
+      const direction = location.split("-")[0];
+      const skew = location.split("-")[1];
+      let cross = 0;
+      let parallel = 0;
+      if (isArray(offset) && offset.length == 2) {
+        cross += +offset[1];
+        parallel += +offset[0];
+      }
+      if (width) {
+        if (["bottom", "top"].includes(direction)) {
+          const h2 = direction == "bottom" ? height + cross : -(conentHeight + cross);
+          styles.top = `${top + h2}px`;
+          if (!skew) {
+            styles.left = `${-(conentWidth - width) / 2 + left + parallel}px`;
+          }
+          if (skew == "start") {
+            styles.left = `${left + parallel}px`;
+          }
+          if (skew == "end") {
+            styles.left = `${rootRect.value.right + parallel}px`;
+          }
         }
-        if (["left", "right"].includes($)) {
-          const A = $ == "left" ? -(o + m) : a + m;
-          e.left = `${i + A}px`, f || (e.top = `${p - n / 2 + s / 2 - 4 + c}px`), f == "start" && (e.top = `${p + c}px`), f == "end" && (e.top = `${p + s + c}px`);
+        if (["left", "right"].includes(direction)) {
+          const contentW = direction == "left" ? -(conentWidth + cross) : width + cross;
+          styles.left = `${left + contentW}px`;
+          if (!skew) {
+            styles.top = `${top - conentHeight / 2 + height / 2 - 4 + parallel}px`;
+          }
+          if (skew == "start") {
+            styles.top = `${top + parallel}px`;
+          }
+          if (skew == "end") {
+            styles.top = `${top + height + parallel}px`;
+          }
         }
       }
-      return e;
-    }), H = k(() => {
-      const e = {};
-      return t.bgColor && (e.background = t.bgColor), e;
-    }), E = () => {
-      let e = z(h.value);
-      t.targetId && (e = z(document.querySelector(`#${t.targetId}`))), y.value = e, setTimeout(() => {
-        u.value = {
-          height: v.value.clientHeight,
-          width: v.value.clientWidth
+      return styles;
+    });
+    const customStyle = computed(() => {
+      const styles = {};
+      if (props.bgColor) {
+        styles.background = props.bgColor;
+      }
+      return styles;
+    });
+    const getContentWidth = () => {
+      let rect2 = useRect(popoverRef.value);
+      if (props.targetId) {
+        rect2 = useRect(document.querySelector(`#${props.targetId}`));
+      }
+      rootRect.value = rect2;
+      setTimeout(() => {
+        conentRootRect.value = {
+          height: popoverContentRef.value.clientHeight,
+          width: popoverContentRef.value.clientWidth
         };
       }, 0);
     };
-    j(() => {
+    onMounted(() => {
       setTimeout(() => {
-        E();
+        getContentWidth();
       }, 200);
-    }), G(
-      () => t.visible,
-      (e) => {
-        S.value = e, e ? (window.addEventListener("touchstart", L, !0), E()) : window.removeEventListener("touchstart", L, !0);
+    });
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+        if (value) {
+          window.addEventListener("touchstart", clickAway, true);
+          getContentWidth();
+        } else {
+          window.removeEventListener("touchstart", clickAway, true);
+        }
       }
     );
-    const M = (e) => {
-      l("update", e), l("update:visible", e);
-    }, T = () => {
-      M(!t.visible), l("open");
-    }, O = () => {
-      l("update:visible", !1), l("close");
-    }, U = (e, o) => {
-      !e.disabled && l("choose", e, o), t.closeOnClickAction && O();
-    }, L = (e) => {
-      const o = h.value, n = v.value;
-      let a = o && !o.contains(e.target);
-      if (t.targetId) {
-        const s = document.querySelector(`#${t.targetId}`);
-        a = s && !s.contains(e.target);
+    const update = (val) => {
+      emit("update", val);
+      emit("update:visible", val);
+    };
+    const openPopover = () => {
+      update(!props.visible);
+      emit("open");
+    };
+    const closePopover = () => {
+      emit("update:visible", false);
+      emit("close");
+    };
+    const chooseItem = (item, index) => {
+      !item.disabled && emit("choose", item, index);
+      if (props.closeOnClickAction) {
+        closePopover();
+      }
+    };
+    const clickAway = (event) => {
+      const element = popoverRef.value;
+      const elContent = popoverContentRef.value;
+      let el = element && !element.contains(event.target);
+      if (props.targetId) {
+        const dom = document.querySelector(`#${props.targetId}`);
+        el = dom && !dom.contains(event.target);
+      }
+      if (el && elContent && !elContent.contains(event.target) && props.closeOnClickOutside) {
+        closePopover();
       }
-      a && n && !n.contains(e.target) && t.closeOnClickOutside && O();
     };
     return {
-      showPopup: S,
-      openPopover: T,
-      popoverArrow: r,
-      closePopover: O,
-      chooseItem: U,
-      popoverRef: h,
-      popoverContentRef: v,
-      getRootPosition: F,
-      customStyle: H,
-      popoverArrowStyle: w,
-      renderIcon: oe
+      showPopup,
+      openPopover,
+      popoverArrow,
+      closePopover,
+      chooseItem,
+      popoverRef,
+      popoverContentRef,
+      getRootPosition,
+      customStyle,
+      popoverArrowStyle,
+      renderIcon
     };
   }
-}), se = {
+});
+const _hoisted_1 = {
   ref: "popoverContentRef",
   class: "nut-popover-content-group"
-}, ie = ["onClick"], ae = { class: "nut-popover-menu-item-name" };
-function pe(t, l, h, v, S, y) {
-  const u = J("nut-popup");
-  return d(), C(V, null, [
-    t.targetId ? P("", !0) : (d(), C("div", {
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "nut-popover-menu-item-name" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock(Fragment, null, [
+    !_ctx.targetId ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "nut-popover-wrapper",
-      onClick: l[0] || (l[0] = (...r) => t.openPopover && t.openPopover(...r)),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openPopover && _ctx.openPopover(...args)),
       ref: "popoverRef"
     }, [
-      q(t.$slots, "reference")
-    ], 512)),
-    I("view", {
-      class: R(["nut-popover", `nut-popover--${t.theme}`, `${t.customClass}`]),
-      style: B(t.getRootPosition)
+      renderSlot(_ctx.$slots, "reference")
+    ], 512)) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: normalizeClass(["nut-popover", `nut-popover--${_ctx.theme}`, `${_ctx.customClass}`]),
+      style: normalizeStyle(_ctx.getRootPosition)
     }, [
-      K(u, {
-        popClass: `nut-popover-content nut-popover-content--${t.location}`,
-        style: B(t.customStyle),
-        visible: t.showPopup,
-        "onUpdate:visible": l[1] || (l[1] = (r) => t.showPopup = r),
+      createVNode(_component_nut_popup, {
+        popClass: `nut-popover-content nut-popover-content--${_ctx.location}`,
+        style: normalizeStyle(_ctx.customStyle),
+        visible: _ctx.showPopup,
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
         position: "",
         transition: "nut-popover",
-        overlay: t.overlay,
-        duration: t.duration,
-        overlayStyle: t.overlayStyle,
-        overlayClass: t.overlayClass,
-        closeOnClickOverlay: t.closeOnClickOverlay
+        overlay: _ctx.overlay,
+        duration: _ctx.duration,
+        overlayStyle: _ctx.overlayStyle,
+        overlayClass: _ctx.overlayClass,
+        closeOnClickOverlay: _ctx.closeOnClickOverlay
       }, {
-        default: Q(() => [
-          I("view", se, [
-            t.showArrow ? (d(), C("view", {
+        default: withCtx(() => [
+          createElementVNode("view", _hoisted_1, [
+            _ctx.showArrow ? (openBlock(), createElementBlock("view", {
               key: 0,
-              class: R(t.popoverArrow),
-              style: B(t.popoverArrowStyle)
-            }, null, 6)) : P("", !0),
-            q(t.$slots, "content"),
-            (d(!0), C(V, null, X(t.list, (r, w) => (d(), C("view", {
-              key: w,
-              class: R([r.className, r.disabled && "nut-popover-menu-disabled", "nut-popover-menu-item"]),
-              onClick: Y((N) => t.chooseItem(r, w), ["stop"])
-            }, [
-              r.icon ? (d(), Z(x(t.renderIcon(r.icon)), {
-                key: 0,
-                class: "nut-popover-item-img"
-              })) : P("", !0),
-              I("view", ae, _(r.name), 1)
-            ], 10, ie))), 128))
+              class: normalizeClass(_ctx.popoverArrow),
+              style: normalizeStyle(_ctx.popoverArrowStyle)
+            }, null, 6)) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "content"),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
+              return openBlock(), createElementBlock("view", {
+                key: index,
+                class: normalizeClass([item.className, item.disabled && "nut-popover-menu-disabled", "nut-popover-menu-item"]),
+                onClick: withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
+              }, [
+                item.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(item.icon)), {
+                  key: 0,
+                  class: "nut-popover-item-img"
+                })) : createCommentVNode("", true),
+                createElementVNode("view", _hoisted_3, toDisplayString(item.name), 1)
+              ], 10, _hoisted_2);
+            }), 128))
           ], 512)
         ]),
         _: 3
@@ -171,7 +274,7 @@ function pe(t, l, h, v, S, y) {
     ], 6)
   ], 64);
 }
-const he = /* @__PURE__ */ ne(le, [["render", pe]]);
+const Popover = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  he as default
+  Popover as default
 };

package/dist/packages/_es/Popup.js

@@ -1,10 +1,10 @@
-import { P as f } from "./index-360c5092.js";
+import { P } from "./index-da0a7662.js";
 import "vue";
-import "./_plugin-vue_export-helper-dad06003.js";
-import "./component-234624bc.js";
+import "./_plugin-vue_export-helper-cc2b3d55.js";
+import "./component-81a4c1d0.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
 export {
-  f as default
+  P as default
 };

package/dist/packages/_es/Price.js

@@ -1,8 +1,9 @@
-import { computed as c, openBlock as r, createElementBlock as i, normalizeClass as s, createCommentVNode as n, createElementVNode as f, toDisplayString as d } from "vue";
-import { c as g } from "./component-234624bc.js";
-import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
+import { computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: u, create: S } = g("price"), $ = S({
+const { componentName, create } = createComponent("price");
+const _sfc_main = create({
   props: {
     price: {
       type: [Number, String],
@@ -10,7 +11,7 @@ const { componentName: u, create: S } = g("price"), $ = S({
     },
     needSymbol: {
       type: Boolean,
-      default: !0
+      default: true
     },
     symbol: {
       type: String,
@@ -22,7 +23,7 @@ const { componentName: u, create: S } = g("price"), $ = S({
     },
     thousands: {
       type: Boolean,
-      default: !1
+      default: false
     },
     position: {
       type: String,
@@ -34,54 +35,91 @@ const { componentName: u, create: S } = g("price"), $ = S({
     },
     strikeThrough: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
-  setup(t) {
-    const l = c(() => ({
-      [u]: !0,
-      [`${u}--strike`]: t.strikeThrough
-    })), a = c(() => t.needSymbol ? t.symbol : ""), o = (e) => String(e).indexOf(".") > 0;
-    return {
-      classes: l,
-      showSymbol: a,
-      checkPoint: o,
-      formatThousands: (e) => (Number(e) == 0 && (e = 0), o(e) ? (e = Number(e).toFixed(t.decimalDigits), e = typeof e.split(".") == "string" ? e.split(".") : e.split(".")[0]) : e = e.toString(), t.thousands ? (e || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : e),
-      formatDecimal: (e) => {
-        Number(e) == 0 && (e = 0), o(e) ? (e = Number(e).toFixed(t.decimalDigits), e = typeof e.split(".") == "string" ? 0 : e.split(".")[1] ? e.split(".")[1] : 0) : e = 0;
-        const m = "0." + e, p = Number(m).toFixed(t.decimalDigits);
-        return String(p).substring(2, p.length);
+  setup(props) {
+    const classes = computed(() => {
+      return {
+        [componentName]: true,
+        [`${componentName}--strike`]: props.strikeThrough
+      };
+    });
+    const showSymbol = computed(() => {
+      const symbol = props.needSymbol ? props.symbol : "";
+      return symbol;
+    });
+    const checkPoint = (price) => {
+      return String(price).indexOf(".") > 0;
+    };
+    const formatThousands = (num) => {
+      if (Number(num) == 0) {
+        num = 0;
+      }
+      if (checkPoint(num)) {
+        num = Number(num).toFixed(props.decimalDigits);
+        num = typeof num.split(".") === "string" ? num.split(".") : num.split(".")[0];
+      } else {
+        num = num.toString();
       }
+      if (props.thousands) {
+        return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
+      } else {
+        return num;
+      }
+    };
+    const formatDecimal = (decimalNum) => {
+      if (Number(decimalNum) == 0) {
+        decimalNum = 0;
+      }
+      if (checkPoint(decimalNum)) {
+        decimalNum = Number(decimalNum).toFixed(props.decimalDigits);
+        decimalNum = typeof decimalNum.split(".") === "string" ? 0 : decimalNum.split(".")[1] ? decimalNum.split(".")[1] : 0;
+      } else {
+        decimalNum = 0;
+      }
+      const result = "0." + decimalNum;
+      const resultFixed = Number(result).toFixed(props.decimalDigits);
+      return String(resultFixed).substring(2, resultFixed.length);
+    };
+    return {
+      classes,
+      showSymbol,
+      checkPoint,
+      formatThousands,
+      formatDecimal
     };
   }
-}), k = ["innerHTML"], w = ["innerHTML"];
-function D(t, l, a, o, y, b) {
-  return r(), i("view", {
-    class: s(t.classes)
+});
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    t.needSymbol && t.position == "before" ? (r(), i("view", {
+    _ctx.needSymbol && _ctx.position == "before" ? (openBlock(), createElementBlock("view", {
       key: 0,
-      class: s(["nut-price--symbol", `nut-price--symbol-${t.size}`]),
-      innerHTML: t.showSymbol
-    }, null, 10, k)) : n("", !0),
-    f("view", {
-      class: s(`nut-price--${t.size}`)
-    }, d(t.formatThousands(t.price)), 3),
-    t.decimalDigits != 0 ? (r(), i("view", {
+      class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
+      innerHTML: _ctx.showSymbol
+    }, null, 10, _hoisted_1)) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: normalizeClass(`nut-price--${_ctx.size}`)
+    }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
+    _ctx.decimalDigits != 0 ? (openBlock(), createElementBlock("view", {
       key: 1,
-      class: s(`nut-price--decimal-${t.size}`)
-    }, ".", 2)) : n("", !0),
-    f("view", {
-      class: s(`nut-price--decimal-${t.size}`)
-    }, d(t.formatDecimal(t.price)), 3),
-    t.needSymbol && t.position == "after" ? (r(), i("view", {
+      class: normalizeClass(`nut-price--decimal-${_ctx.size}`)
+    }, ".", 2)) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: normalizeClass(`nut-price--decimal-${_ctx.size}`)
+    }, toDisplayString(_ctx.formatDecimal(_ctx.price)), 3),
+    _ctx.needSymbol && _ctx.position == "after" ? (openBlock(), createElementBlock("view", {
       key: 2,
-      class: s(["nut-price--symbol", `nut-price--symbol-${t.size}`]),
-      innerHTML: t.showSymbol
-    }, null, 10, w)) : n("", !0)
+      class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
+      innerHTML: _ctx.showSymbol
+    }, null, 10, _hoisted_2)) : createCommentVNode("", true)
   ], 2);
 }
-const F = /* @__PURE__ */ h($, [["render", D]]);
+const Price = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  F as default
+  Price as default
 };