@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Sku.js

@@ -1,26 +1,34 @@
-var H = Object.defineProperty, j = Object.defineProperties;
-var U = Object.getOwnPropertyDescriptors;
-var E = Object.getOwnPropertySymbols;
-var z = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
-var M = (e, t, s) => t in e ? H(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, P = (e, t) => {
-  for (var s in t || (t = {}))
-    z.call(t, s) && M(e, s, t[s]);
-  if (E)
-    for (var s of E(t))
-      q.call(t, s) && M(e, s, t[s]);
-  return e;
-}, _ = (e, t) => j(e, U(t));
-import { resolveComponent as f, openBlock as a, createElementBlock as i, createElementVNode as k, renderSlot as c, createBlock as S, createCommentVNode as m, toDisplayString as h, ref as C, watch as O, onMounted as N, Fragment as w, renderList as B, normalizeClass as A, createVNode as F, withCtx as T, createSlots as D } from "vue";
-import L from "./Price.js";
-import { c as v, T as G } from "./component-234624bc.js";
-import { _ as y } from "./_plugin-vue_export-helper-dad06003.js";
-import I from "./InputNumber.js";
-import { p as J, P as V } from "./index-360c5092.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
+import Price from "./Price.js";
+import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import InputNumber from "./InputNumber.js";
+import { p as popupProps, P as Popup } from "./index-da0a7662.js";
 import "../locale/lang";
-import "./pxCheck-38173291.js";
+import "./pxCheck-c6b9f6b7.js";
 import "@nutui/icons-vue";
 import "./Overlay.js";
-const { componentName: ze, create: K, translate: Q } = v("sku-header"), W = K({
+const { componentName: componentName$4, create: create$4, translate: translate$1 } = createComponent("sku-header");
+const _sfc_main$4 = create$4({
   props: {
     goods: {
       type: Object,
@@ -29,38 +37,45 @@ const { componentName: ze, create: K, translate: Q } = v("sku-header"), W = K({
   },
   emits: [],
   components: {
-    [L.name]: L
+    [Price.name]: Price
   },
-  setup(e, { emit: t, slots: s }) {
+  setup(props, { emit, slots }) {
+    const getSlots = (name) => slots[name];
     return {
-      getSlots: (p) => s[p],
-      translate: Q
+      getSlots,
+      translate: translate$1
     };
   }
-}), X = { class: "nut-sku-header" }, Y = ["src"], Z = { class: "nut-sku-header-right" }, ee = {
+});
+const _hoisted_1$4 = { class: "nut-sku-header" };
+const _hoisted_2$4 = ["src"];
+const _hoisted_3$3 = { class: "nut-sku-header-right" };
+const _hoisted_4$3 = {
   key: 3,
   class: "nut-sku-header-right-extra"
 };
-function te(e, t, s, u, p, d) {
-  const n = f("nut-price");
-  return a(), i("view", X, [
-    k("img", {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_price = resolveComponent("nut-price");
+  return openBlock(), createElementBlock("view", _hoisted_1$4, [
+    createElementVNode("img", {
       class: "nut-sku-header-img",
-      src: e.goods.imagePath
-    }, null, 8, Y),
-    k("view", Z, [
-      e.getSlots("sku-header-price") ? c(e.$slots, "sku-header-price", { key: 0 }) : (a(), S(n, {
+      src: _ctx.goods.imagePath
+    }, null, 8, _hoisted_2$4),
+    createElementVNode("view", _hoisted_3$3, [
+      _ctx.getSlots("sku-header-price") ? renderSlot(_ctx.$slots, "sku-header-price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
         key: 1,
-        price: e.goods.price,
-        needSymbol: !0,
-        thousands: !1
+        price: _ctx.goods.price,
+        needSymbol: true,
+        thousands: false
       }, null, 8, ["price"])),
-      e.getSlots("sku-header-extra") ? c(e.$slots, "sku-header-extra", { key: 2 }) : m("", !0),
-      e.goods.skuId && !e.getSlots("sku-header-extra") ? (a(), i("view", ee, h(e.translate("skuId")) + " : " + h(e.goods.skuId), 1)) : m("", !0)
+      _ctx.getSlots("sku-header-extra") ? renderSlot(_ctx.$slots, "sku-header-extra", { key: 2 }) : createCommentVNode("", true),
+      _ctx.goods.skuId && !_ctx.getSlots("sku-header-extra") ? (openBlock(), createElementBlock("view", _hoisted_4$3, toDisplayString(_ctx.translate("skuId")) + " : " + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
     ])
   ]);
 }
-const se = /* @__PURE__ */ y(W, [["render", te]]), { componentName: qe, create: ne } = v("sku-select"), oe = ne({
+const SkuHeader = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const { componentName: componentName$3, create: create$3 } = createComponent("sku-select");
+const _sfc_main$3 = create$3({
   props: {
     sku: {
       type: Array,
@@ -68,47 +83,65 @@ const se = /* @__PURE__ */ y(W, [["render", te]]), { componentName: qe, create:
     }
   },
   emits: ["selectSku"],
-  setup(e, { emit: t }) {
-    const s = C([]);
-    return O(
-      () => e.sku,
-      (p) => {
-        s.value = [].slice.call(p);
+  setup(props, { emit }) {
+    const skuInfo = ref([]);
+    watch(
+      () => props.sku,
+      (value) => {
+        skuInfo.value = [].slice.call(value);
       },
-      { deep: !0 }
-    ), N(() => {
-      e.sku.length > 0 && (s.value = [].slice.call(e.sku));
-    }), {
-      skuInfo: s,
-      changeSaleChild: (p, d, n, l) => {
-        p.checkFlag || p.disable || t("selectSku", {
-          sku: p,
-          skuIndex: d,
-          parentSku: n,
-          parentIndex: l
-        });
+      { deep: true }
+    );
+    onMounted(() => {
+      if (props.sku.length > 0) {
+        skuInfo.value = [].slice.call(props.sku);
       }
+    });
+    const changeSaleChild = (attrItem, index2, parentItem, parentIndex) => {
+      if (attrItem.checkFlag || attrItem.disable) {
+        return;
+      }
+      emit("selectSku", {
+        sku: attrItem,
+        skuIndex: index2,
+        parentSku: parentItem,
+        parentIndex
+      });
+    };
+    return {
+      skuInfo,
+      changeSaleChild
     };
   }
-}), re = { class: "nut-sku-select" }, ae = { class: "nut-sku-select-item-title" }, pe = { class: "nut-sku-select-item-skus" }, ue = ["onClick"];
-function le(e, t, s, u, p, d) {
-  return a(), i("view", re, [
-    (a(!0), i(w, null, B(e.skuInfo, (n, l) => (a(), i("view", {
-      class: "nut-sku-select-item",
-      key: n.id
-    }, [
-      k("view", ae, h(n.name), 1),
-      k("view", pe, [
-        (a(!0), i(w, null, B(n.list, (o, g) => (a(), i("view", {
-          class: A(["nut-sku-select-item-skus-sku", [{ active: !o.disable && o.active }, { disable: o.disable }]]),
-          onClick: (b) => e.changeSaleChild(o, g, n, l),
-          key: o.name
-        }, h(o.name), 11, ue))), 128))
-      ])
-    ]))), 128))
+});
+const _hoisted_1$3 = { class: "nut-sku-select" };
+const _hoisted_2$3 = { class: "nut-sku-select-item-title" };
+const _hoisted_3$2 = { class: "nut-sku-select-item-skus" };
+const _hoisted_4$2 = ["onClick"];
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$3, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.skuInfo, (item, index2) => {
+      return openBlock(), createElementBlock("view", {
+        class: "nut-sku-select-item",
+        key: item.id
+      }, [
+        createElementVNode("view", _hoisted_2$3, toDisplayString(item.name), 1),
+        createElementVNode("view", _hoisted_3$2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (itemAttr, itemAttrIndex) => {
+            return openBlock(), createElementBlock("view", {
+              class: normalizeClass(["nut-sku-select-item-skus-sku", [{ active: !itemAttr.disable && itemAttr.active }, { disable: itemAttr.disable }]]),
+              onClick: ($event) => _ctx.changeSaleChild(itemAttr, itemAttrIndex, item, index2),
+              key: itemAttr.name
+            }, toDisplayString(itemAttr.name), 11, _hoisted_4$2);
+          }), 128))
+        ])
+      ]);
+    }), 128))
   ]);
 }
-const ie = /* @__PURE__ */ y(oe, [["render", le]]), { componentName: Ge, create: ce } = v("sku-stepper"), de = ce({
+const SkuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const { componentName: componentName$2, create: create$2 } = createComponent("sku-stepper");
+const _sfc_main$2 = create$2({
   props: {
     // 购买数量最大值
     stepperMax: {
@@ -122,7 +155,7 @@ const ie = /* @__PURE__ */ y(oe, [["render", le]]), { componentName: Ge, create:
     // stepper 前文案提示
     stepperExtraText: {
       type: [Function, Boolean],
-      default: !1
+      default: false
     },
     // 数量选择左侧文案
     stepperTitle: {
@@ -132,59 +165,76 @@ const ie = /* @__PURE__ */ y(oe, [["render", le]]), { componentName: Ge, create:
   },
   emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"],
   components: {
-    [I.name]: I
+    [InputNumber.name]: InputNumber
   },
-  setup(e, { emit: t }) {
-    const s = C(e.stepperMin);
-    return N(() => {
-      s.value = e.stepperMin;
-    }), {
-      goodsCount: s,
-      add: (o) => {
-        t("add", o);
-      },
-      reduce: (o) => {
-        t("reduce", o);
-      },
-      overlimit: (o, g) => {
-        t("overLimit", {
-          action: g,
-          value: parseInt(s.value + "")
-        });
-      },
-      getExtraText: () => {
-        const { stepperExtraText: o } = e;
-        return o && G(o) == "function" ? o() : "";
-      },
-      changeStepper: (o) => {
-        s.value = o, t("changeStepper", o);
+  setup(props, { emit }) {
+    const goodsCount = ref(props.stepperMin);
+    onMounted(() => {
+      goodsCount.value = props.stepperMin;
+    });
+    const getExtraText = () => {
+      const { stepperExtraText } = props;
+      if (stepperExtraText && TypeOfFun(stepperExtraText) == "function") {
+        return stepperExtraText();
+      } else {
+        return "";
       }
     };
+    const add = (value) => {
+      emit("add", value);
+    };
+    const reduce = (value) => {
+      emit("reduce", value);
+    };
+    const overlimit = (e, action) => {
+      emit("overLimit", {
+        action,
+        value: parseInt(goodsCount.value + "")
+      });
+    };
+    const changeStepper = (value) => {
+      goodsCount.value = value;
+      emit("changeStepper", value);
+    };
+    return {
+      goodsCount,
+      add,
+      reduce,
+      overlimit,
+      getExtraText,
+      changeStepper
+    };
   }
-}), ke = { class: "nut-sku-stepper" }, me = { class: "nut-sku-stepper-title" }, ge = ["innerHTML"], fe = { class: "nut-sku-stepper-count" };
-function he(e, t, s, u, p, d) {
-  const n = f("nut-input-number");
-  return a(), i("view", ke, [
-    k("view", me, h(e.stepperTitle), 1),
-    k("view", {
+});
+const _hoisted_1$2 = { class: "nut-sku-stepper" };
+const _hoisted_2$2 = { class: "nut-sku-stepper-title" };
+const _hoisted_3$1 = ["innerHTML"];
+const _hoisted_4$1 = { class: "nut-sku-stepper-count" };
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_input_number = resolveComponent("nut-input-number");
+  return openBlock(), createElementBlock("view", _hoisted_1$2, [
+    createElementVNode("view", _hoisted_2$2, toDisplayString(_ctx.stepperTitle), 1),
+    createElementVNode("view", {
       class: "nut-sku-stepper-limit",
-      innerHTML: e.getExtraText()
-    }, null, 8, ge),
-    k("view", fe, [
-      F(n, {
-        modelValue: e.goodsCount,
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => e.goodsCount = l),
-        min: e.stepperMin,
-        max: e.stepperMax,
-        onAdd: e.add,
-        onReduce: e.reduce,
-        onOverlimit: e.overlimit,
-        onChange: e.changeStepper
+      innerHTML: _ctx.getExtraText()
+    }, null, 8, _hoisted_3$1),
+    createElementVNode("view", _hoisted_4$1, [
+      createVNode(_component_nut_input_number, {
+        modelValue: _ctx.goodsCount,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.goodsCount = $event),
+        min: _ctx.stepperMin,
+        max: _ctx.stepperMax,
+        onAdd: _ctx.add,
+        onReduce: _ctx.reduce,
+        onOverlimit: _ctx.overlimit,
+        onChange: _ctx.changeStepper
       }, null, 8, ["modelValue", "min", "max", "onAdd", "onReduce", "onOverlimit", "onChange"])
     ])
   ]);
 }
-const $e = /* @__PURE__ */ y(de, [["render", he]]), { componentName: Je, create: Se } = v("sku-operate"), ve = Se({
+const SkuStepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const { componentName: componentName$1, create: create$1 } = createComponent("sku-operate");
+const _sfc_main$1 = create$1({
   props: {
     // 底部按钮配置  confirm cart  buy
     btnOptions: {
@@ -211,44 +261,58 @@ const $e = /* @__PURE__ */ y(de, [["render", he]]), { componentName: Je, create:
     }
   },
   emits: ["click", "changeSku", "changeBuyCount", "clickBtnOperate"],
-  setup(e, { emit: t, slots: s }) {
+  setup(props, { emit, slots }) {
+    const getBtnDesc = (type) => {
+      let mapD = {
+        confirm: props.confirmText,
+        cart: props.addCartText,
+        buy: props.buyText
+      };
+      return mapD[type];
+    };
+    const getSlots = (name) => slots[name];
+    const clickBtnOperate = (btn) => {
+      emit("clickBtnOperate", btn);
+    };
     return {
-      getBtnDesc: (n) => ({
-        confirm: e.confirmText,
-        cart: e.addCartText,
-        buy: e.buyText
-      })[n],
-      clickBtnOperate: (n) => {
-        t("clickBtnOperate", n);
-      },
-      getSlots: (n) => s[n]
+      getBtnDesc,
+      clickBtnOperate,
+      getSlots
     };
   }
-}), ye = {
+});
+const _hoisted_1$1 = {
   key: 0,
   class: "nut-sku-operate"
-}, be = {
+};
+const _hoisted_2$1 = {
   key: 0,
   class: "nut-sku-operate-desc"
-}, Te = {
+};
+const _hoisted_3 = {
   key: 1,
   class: "nut-sku-operate-btn"
-}, Ce = ["onClick"];
-function Oe(e, t, s, u, p, d) {
-  return e.btnOptions.length > 0 ? (a(), i("view", ye, [
-    e.btnExtraText ? (a(), i("view", be, h(e.btnExtraText), 1)) : m("", !0),
-    c(e.$slots, "operate-btn"),
-    e.getSlots("operate-btn") ? m("", !0) : (a(), i("view", Te, [
-      (a(!0), i(w, null, B(e.btnOptions, (n, l) => (a(), i("view", {
-        class: A([`nut-sku-operate-btn-${n}`, "nut-sku-operate-btn-item"]),
-        key: l,
-        onClick: (o) => e.clickBtnOperate(n)
-      }, h(e.getBtnDesc(n)), 11, Ce))), 128))
-    ]))
-  ])) : m("", !0);
+};
+const _hoisted_4 = ["onClick"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.btnOptions.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_1$1, [
+    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", _hoisted_2$1, toDisplayString(_ctx.btnExtraText), 1)) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "operate-btn"),
+    !_ctx.getSlots("operate-btn") ? (openBlock(), createElementBlock("view", _hoisted_3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.btnOptions, (btn, i) => {
+        return openBlock(), createElementBlock("view", {
+          class: normalizeClass([`nut-sku-operate-btn-${btn}`, "nut-sku-operate-btn-item"]),
+          key: i,
+          onClick: ($event) => _ctx.clickBtnOperate(btn)
+        }, toDisplayString(_ctx.getBtnDesc(btn)), 11, _hoisted_4);
+      }), 128))
+    ])) : createCommentVNode("", true)
+  ])) : createCommentVNode("", true);
 }
-const we = /* @__PURE__ */ y(ve, [["render", Oe]]), { componentName: Ke, create: Be, translate: Ne } = v("sku"), Ee = Be({
-  props: _(P({}, J), {
+const SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const { componentName, create, translate } = createComponent("sku");
+const _sfc_main = create({
+  props: __spreadProps(__spreadValues({}, popupProps), {
     sku: {
       type: Array,
       default: []
@@ -280,7 +344,7 @@ const we = /* @__PURE__ */ y(ve, [["render", Oe]]), { componentName: Ke, create:
     // stepper 前面文案
     stepperExtraText: {
       type: [Function, Boolean],
-      default: !1
+      default: false
     },
     btnExtraText: {
       type: String,
@@ -315,132 +379,161 @@ const we = /* @__PURE__ */ y(ve, [["render", Oe]]), { componentName: Ke, create:
     "over-limit"
   ],
   components: {
-    SkuHeader: se,
-    SkuSelect: ie,
-    SkuStepper: $e,
-    SkuOperate: we,
-    [V.name]: V
+    SkuHeader,
+    SkuSelect,
+    SkuStepper,
+    SkuOperate,
+    [Popup.name]: Popup
   },
-  setup(e, { emit: t, slots: s }) {
-    const u = C(e.visible), p = C(e.stepperMin);
-    O(
-      () => e.visible,
-      (r) => {
-        u.value = r;
+  setup(props, { emit, slots }) {
+    const showPopup = ref(props.visible);
+    const goodsCount = ref(props.stepperMin);
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
       }
-    ), O(
-      () => u.value,
-      (r) => {
-        r == !1 && R();
+    );
+    watch(
+      () => showPopup.value,
+      (value) => {
+        if (value == false) {
+          close();
+        }
       }
-    ), N(() => {
+    );
+    onMounted(() => {
     });
-    const d = (r) => s[r], n = (r) => {
-      t("select-sku", r);
-    }, l = (r) => {
-      p.value = r, t("change-stepper", r);
-    }, o = (r) => {
-      t("add", r);
-    }, g = (r) => {
-      t("reduce", r);
-    }, b = (r) => {
-      t("over-limit", r);
-    }, $ = (r) => {
-      t("click-btn-operate", {
-        type: r,
-        value: p.value
+    const getSlots = (name) => slots[name];
+    const selectSku = (skus) => {
+      emit("select-sku", skus);
+    };
+    const changeStepper = (value) => {
+      goodsCount.value = value;
+      emit("change-stepper", value);
+    };
+    const add = (value) => {
+      emit("add", value);
+    };
+    const reduce = (value) => {
+      emit("reduce", value);
+    };
+    const stepperOverLimit = (count) => {
+      emit("over-limit", count);
+    };
+    const clickBtnOperate = (btn) => {
+      emit("click-btn-operate", {
+        type: btn,
+        value: goodsCount.value
       });
-    }, x = (r) => {
-      r == "icon" && t("click-close-icon"), r == "overlay" && t("click-overlay"), r == "close" && t("close"), u.value = !1;
-    }, R = () => {
-      t("update:visible", !1);
+    };
+    const closePopup = (type) => {
+      if (type == "icon") {
+        emit("click-close-icon");
+      }
+      if (type == "overlay") {
+        emit("click-overlay");
+      }
+      if (type == "close") {
+        emit("close");
+      }
+      showPopup.value = false;
+    };
+    const close = () => {
+      emit("update:visible", false);
     };
     return {
-      showPopup: u,
-      closePopup: x,
-      selectSku: n,
-      changeStepper: l,
-      stepperOverLimit: b,
-      clickBtnOperate: $,
-      add: o,
-      reduce: g,
-      getSlots: d,
-      translate: Ne
+      showPopup,
+      closePopup,
+      selectSku,
+      changeStepper,
+      stepperOverLimit,
+      clickBtnOperate,
+      add,
+      reduce,
+      getSlots,
+      translate
     };
   }
-}), Me = { class: "nut-sku" }, Pe = { class: "nut-sku-content" };
-function _e(e, t, s, u, p, d) {
-  const n = f("sku-header"), l = f("SkuSelect"), o = f("sku-stepper"), g = f("sku-operate"), b = f("nut-popup");
-  return a(), S(b, {
+});
+const _hoisted_1 = { class: "nut-sku" };
+const _hoisted_2 = { class: "nut-sku-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_sku_header = resolveComponent("sku-header");
+  const _component_SkuSelect = resolveComponent("SkuSelect");
+  const _component_sku_stepper = resolveComponent("sku-stepper");
+  const _component_sku_operate = resolveComponent("sku-operate");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
     position: "bottom",
     closeable: "",
     round: "",
-    visible: e.showPopup,
-    "onUpdate:visible": t[0] || (t[0] = ($) => e.showPopup = $),
-    onClickCloseIcon: t[1] || (t[1] = ($) => e.closePopup("icon")),
-    onClickOverlay: t[2] || (t[2] = ($) => e.closePopup("overlay")),
-    onClose: t[3] || (t[3] = ($) => e.closePopup("close")),
-    style: { height: "75%" },
-    teleportDisable: e.teleportDisable,
-    teleport: e.teleport
+    visible: _ctx.showPopup,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
+    onClickCloseIcon: _cache[1] || (_cache[1] = ($event) => _ctx.closePopup("icon")),
+    onClickOverlay: _cache[2] || (_cache[2] = ($event) => _ctx.closePopup("overlay")),
+    onClose: _cache[3] || (_cache[3] = ($event) => _ctx.closePopup("close")),
+    style: { "height": "75%" },
+    teleportDisable: _ctx.teleportDisable,
+    teleport: _ctx.teleport
   }, {
-    default: T(() => [
-      k("view", Me, [
-        c(e.$slots, "sku-header"),
-        e.getSlots("sku-header") ? m("", !0) : (a(), S(n, {
+    default: withCtx(() => [
+      createElementVNode("view", _hoisted_1, [
+        renderSlot(_ctx.$slots, "sku-header"),
+        !_ctx.getSlots("sku-header") ? (openBlock(), createBlock(_component_sku_header, {
           key: 0,
-          goods: e.goods
-        }, D({ _: 2 }, [
-          e.getSlots("sku-header-price") ? {
+          goods: _ctx.goods
+        }, createSlots({ _: 2 }, [
+          _ctx.getSlots("sku-header-price") ? {
             name: "sku-header-price",
-            fn: T(() => [
-              c(e.$slots, "sku-header-price")
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "sku-header-price")
             ]),
             key: "0"
           } : void 0,
-          e.getSlots("sku-header-extra") ? {
+          _ctx.getSlots("sku-header-extra") ? {
             name: "sku-header-extra",
-            fn: T(() => [
-              c(e.$slots, "sku-header-extra")
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "sku-header-extra")
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["goods"])),
-        k("view", Pe, [
-          c(e.$slots, "sku-select-top"),
-          c(e.$slots, "sku-select"),
-          e.getSlots("sku-select") ? m("", !0) : (a(), S(l, {
+        ]), 1032, ["goods"])) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_2, [
+          renderSlot(_ctx.$slots, "sku-select-top"),
+          renderSlot(_ctx.$slots, "sku-select"),
+          !_ctx.getSlots("sku-select") ? (openBlock(), createBlock(_component_SkuSelect, {
             key: 0,
-            sku: e.sku,
-            onSelectSku: e.selectSku
-          }, null, 8, ["sku", "onSelectSku"])),
-          c(e.$slots, "sku-stepper"),
-          e.getSlots("sku-stepper") ? m("", !0) : (a(), S(o, {
+            sku: _ctx.sku,
+            onSelectSku: _ctx.selectSku
+          }, null, 8, ["sku", "onSelectSku"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "sku-stepper"),
+          !_ctx.getSlots("sku-stepper") ? (openBlock(), createBlock(_component_sku_stepper, {
             key: 1,
-            goods: e.goods,
-            stepperTitle: e.stepperTitle || e.translate("buyNumber"),
-            stepperMax: e.stepperMax,
-            stepperMin: e.stepperMin,
-            stepperExtraText: e.stepperExtraText,
-            onAdd: e.add,
-            onReduce: e.reduce,
-            onChangeStepper: e.changeStepper,
-            onOverLimit: e.stepperOverLimit
-          }, null, 8, ["goods", "stepperTitle", "stepperMax", "stepperMin", "stepperExtraText", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])),
-          c(e.$slots, "sku-stepper-bottom")
+            goods: _ctx.goods,
+            stepperTitle: _ctx.stepperTitle || _ctx.translate("buyNumber"),
+            stepperMax: _ctx.stepperMax,
+            stepperMin: _ctx.stepperMin,
+            stepperExtraText: _ctx.stepperExtraText,
+            onAdd: _ctx.add,
+            onReduce: _ctx.reduce,
+            onChangeStepper: _ctx.changeStepper,
+            onOverLimit: _ctx.stepperOverLimit
+          }, null, 8, ["goods", "stepperTitle", "stepperMax", "stepperMin", "stepperExtraText", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "sku-stepper-bottom")
         ]),
-        F(g, {
-          btnOptions: e.btnOptions,
-          btnExtraText: e.btnExtraText,
-          buyText: e.buyText || e.translate("buyNow"),
-          addCartText: e.addCartText || e.translate("addToCart"),
-          confirmText: e.confirmText || e.translate("confirm"),
-          onClickBtnOperate: e.clickBtnOperate
-        }, D({ _: 2 }, [
-          e.getSlots("sku-operate") ? {
+        createVNode(_component_sku_operate, {
+          btnOptions: _ctx.btnOptions,
+          btnExtraText: _ctx.btnExtraText,
+          buyText: _ctx.buyText || _ctx.translate("buyNow"),
+          addCartText: _ctx.addCartText || _ctx.translate("addToCart"),
+          confirmText: _ctx.confirmText || _ctx.translate("confirm"),
+          onClickBtnOperate: _ctx.clickBtnOperate
+        }, createSlots({ _: 2 }, [
+          _ctx.getSlots("sku-operate") ? {
             name: "operate-btn",
-            fn: T(() => [
-              c(e.$slots, "sku-operate")
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "sku-operate")
             ]),
             key: "0"
           } : void 0
@@ -450,7 +543,7 @@ function _e(e, t, s, u, p, d) {
     _: 3
   }, 8, ["visible", "teleportDisable", "teleport"]);
 }
-const Qe = /* @__PURE__ */ y(Ee, [["render", _e]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Qe as default
+  index as default
 };