@nutui/nutui 4.0.0-beta.9 → 4.0.1-2.beta-1

package/dist/packages/_es/Sku.js

@@ -1,15 +1,26 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
-import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
-import { p as popupProps, P as Popup } from "./index-da7aa231.js";
-import Price from "./Price.js";
-import InputNumber from "./InputNumber.js";
+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";
 import "../locale/lang";
-import "./Overlay.js";
+import "./pxCheck-38173291.js";
 import "@nutui/icons-vue";
-import "./pxCheck-c6b9f6b7.js";
-const { componentName: componentName$4, create: create$4, translate: translate$1 } = createComponent("sku-header");
-const _sfc_main$4 = create$4({
+import "./Overlay.js";
+const { componentName: ze, create: K, translate: Q } = v("sku-header"), W = K({
   props: {
     goods: {
       type: Object,
@@ -17,42 +28,39 @@ const _sfc_main$4 = create$4({
     }
   },
   emits: [],
-  setup(props, { emit, slots }) {
-    const getSlots = (name) => slots[name];
+  components: {
+    [L.name]: L
+  },
+  setup(e, { emit: t, slots: s }) {
     return {
-      getSlots,
-      translate: translate$1
+      getSlots: (p) => s[p],
+      translate: Q
     };
   }
-});
-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 = {
+}), X = { class: "nut-sku-header" }, Y = ["src"], Z = { class: "nut-sku-header-right" }, ee = {
   key: 3,
   class: "nut-sku-header-right-extra"
 };
-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", {
-      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, {
+function te(e, t, s, u, p, d) {
+  const n = f("nut-price");
+  return a(), i("view", X, [
+    k("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, {
         key: 1,
-        price: _ctx.goods.price,
-        needSymbol: true,
-        thousands: false
+        price: e.goods.price,
+        needSymbol: !0,
+        thousands: !1
       }, null, 8, ["price"])),
-      _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)
+      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)
     ])
   ]);
 }
-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({
+const se = /* @__PURE__ */ y(W, [["render", te]]), { componentName: qe, create: ne } = v("sku-select"), oe = ne({
   props: {
     sku: {
       type: Array,
@@ -60,66 +68,49 @@ const _sfc_main$3 = create$3({
     }
   },
   emits: ["selectSku"],
-  setup(props, { emit }) {
-    const skuInfo = ref([]);
-    watch(
-      () => props.sku,
-      (value) => {
-        skuInfo.value = [].slice.call(value);
+  setup(e, { emit: t }) {
+    const s = C([]);
+    return O(
+      () => e.sku,
+      (p) => {
+        s.value = [].slice.call(p);
       },
-      { 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;
+      { 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
+        });
       }
-      emit("selectSku", {
-        sku: attrItem,
-        skuIndex: index2,
-        parentSku: parentItem,
-        parentIndex
-      });
-    };
-    return {
-      skuInfo,
-      changeSaleChild
     };
   }
-});
-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))
+}), 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 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({
+const ie = /* @__PURE__ */ y(oe, [["render", le]]), { componentName: Ge, create: ce } = v("sku-stepper"), de = ce({
   props: {
+    // 购买数量最大值
     stepperMax: {
       type: [Number, String],
       default: 99999
@@ -128,85 +119,74 @@ const _sfc_main$2 = create$2({
       type: [Number, String],
       default: 1
     },
+    // stepper 前文案提示
     stepperExtraText: {
       type: [Function, Boolean],
-      default: false
+      default: !1
     },
+    // 数量选择左侧文案
     stepperTitle: {
       type: String,
       default: "购买数量"
     }
   },
   emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"],
-  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 "";
+  components: {
+    [I.name]: I
+  },
+  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);
       }
     };
-    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
-    };
   }
-});
-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", {
+}), 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", {
       class: "nut-sku-stepper-limit",
-      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
+      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
       }, null, 8, ["modelValue", "min", "max", "onAdd", "onReduce", "onOverlimit", "onChange"])
     ])
   ]);
 }
-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({
+const $e = /* @__PURE__ */ y(de, [["render", he]]), { componentName: Je, create: Se } = v("sku-operate"), ve = Se({
   props: {
+    // 底部按钮配置  confirm cart  buy
     btnOptions: {
       type: Array,
       default: () => ["confirm"]
@@ -215,10 +195,12 @@ const _sfc_main$1 = create$1({
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: "立即购买"
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: "加入购物车"
@@ -229,60 +211,44 @@ const _sfc_main$1 = create$1({
     }
   },
   emits: ["click", "changeSku", "changeBuyCount", "clickBtnOperate"],
-  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);
-    };
+  setup(e, { emit: t, slots: s }) {
     return {
-      getBtnDesc,
-      clickBtnOperate,
-      getSlots
+      getBtnDesc: (n) => ({
+        confirm: e.confirmText,
+        cart: e.addCartText,
+        buy: e.buyText
+      })[n],
+      clickBtnOperate: (n) => {
+        t("clickBtnOperate", n);
+      },
+      getSlots: (n) => s[n]
     };
   }
-});
-const _hoisted_1$1 = {
+}), ye = {
   key: 0,
   class: "nut-sku-operate"
-};
-const _hoisted_2$1 = ["innerHTML"];
-const _hoisted_3 = {
+}, be = {
+  key: 0,
+  class: "nut-sku-operate-desc"
+}, Te = {
   key: 1,
   class: "nut-sku-operate-btn"
-};
-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", {
-      key: 0,
-      class: "nut-sku-operate-desc",
-      innerHTML: _ctx.btnExtraText
-    }, null, 8, _hoisted_2$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);
+}, 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 SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-const { componentName, create, translate } = createComponent("sku");
-const _sfc_main = create({
-  props: {
-    ...popupProps,
+const we = /* @__PURE__ */ y(ve, [["render", Oe]]), { componentName: Ke, create: Be, translate: Ne } = v("sku"), Ee = Be({
+  props: _(P({}, J), {
     sku: {
       type: Array,
       default: []
@@ -291,43 +257,51 @@ const _sfc_main = create({
       type: Object,
       default: {}
     },
+    // stepper 最大值
     stepperMax: {
       type: [Number, String],
       default: 99999
     },
+    // stepper 最小值
     stepperMin: {
       type: [Number, String],
       default: 1
     },
+    // 底部按钮配置  confirm cart  buy
     btnOptions: {
       type: Array,
       default: () => ["confirm"]
     },
+    // 数量选择左侧文案
     stepperTitle: {
       type: String,
       default: ""
     },
+    // stepper 前面文案
     stepperExtraText: {
       type: [Function, Boolean],
-      default: false
+      default: !1
     },
     btnExtraText: {
       type: String,
       default: ""
     },
+    // 立即购买文案
     buyText: {
       type: String,
       default: ""
     },
+    // 加入购物车文案
     addCartText: {
       type: String,
       default: ""
     },
+    // 确定文案
     confirmText: {
       type: String,
       default: ""
     }
-  },
+  }),
   emits: [
     "update:visible",
     "select-sku",
@@ -341,163 +315,132 @@ const _sfc_main = create({
     "over-limit"
   ],
   components: {
-    SkuHeader,
-    SkuSelect,
-    SkuStepper,
-    SkuOperate,
-    [Popup.name]: Popup,
-    [Price.name]: Price,
-    [InputNumber.name]: InputNumber
+    SkuHeader: se,
+    SkuSelect: ie,
+    SkuStepper: $e,
+    SkuOperate: we,
+    [V.name]: V
   },
-  setup(props, { emit, slots }) {
-    const showPopup = ref(props.visible);
-    const goodsCount = ref(props.stepperMin);
-    watch(
-      () => props.visible,
-      (value) => {
-        showPopup.value = value;
+  setup(e, { emit: t, slots: s }) {
+    const u = C(e.visible), p = C(e.stepperMin);
+    O(
+      () => e.visible,
+      (r) => {
+        u.value = r;
       }
-    );
-    watch(
-      () => showPopup.value,
-      (value) => {
-        if (value == false) {
-          close();
-        }
+    ), O(
+      () => u.value,
+      (r) => {
+        r == !1 && R();
       }
-    );
-    onMounted(() => {
+    ), N(() => {
     });
-    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
+    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 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);
+    }, 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);
     };
     return {
-      showPopup,
-      closePopup,
-      selectSku,
-      changeStepper,
-      stepperOverLimit,
-      clickBtnOperate,
-      add,
-      reduce,
-      getSlots,
-      translate
+      showPopup: u,
+      closePopup: x,
+      selectSku: n,
+      changeStepper: l,
+      stepperOverLimit: b,
+      clickBtnOperate: $,
+      add: o,
+      reduce: g,
+      getSlots: d,
+      translate: Ne
     };
   }
-});
-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, {
+}), 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, {
     position: "bottom",
     closeable: "",
     round: "",
-    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
+    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
   }, {
-    default: withCtx(() => [
-      createElementVNode("view", _hoisted_1, [
-        renderSlot(_ctx.$slots, "sku-header"),
-        !_ctx.getSlots("sku-header") ? (openBlock(), createBlock(_component_sku_header, {
+    default: T(() => [
+      k("view", Me, [
+        c(e.$slots, "sku-header"),
+        e.getSlots("sku-header") ? m("", !0) : (a(), S(n, {
           key: 0,
-          goods: _ctx.goods
-        }, createSlots({ _: 2 }, [
-          _ctx.getSlots("sku-header-price") ? {
+          goods: e.goods
+        }, D({ _: 2 }, [
+          e.getSlots("sku-header-price") ? {
             name: "sku-header-price",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sku-header-price")
+            fn: T(() => [
+              c(e.$slots, "sku-header-price")
             ]),
             key: "0"
           } : void 0,
-          _ctx.getSlots("sku-header-extra") ? {
+          e.getSlots("sku-header-extra") ? {
             name: "sku-header-extra",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sku-header-extra")
+            fn: T(() => [
+              c(e.$slots, "sku-header-extra")
             ]),
             key: "1"
           } : void 0
-        ]), 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, {
+        ]), 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, {
             key: 0,
-            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, {
+            sku: e.sku,
+            onSelectSku: e.selectSku
+          }, null, 8, ["sku", "onSelectSku"])),
+          c(e.$slots, "sku-stepper"),
+          e.getSlots("sku-stepper") ? m("", !0) : (a(), S(o, {
             key: 1,
-            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")
+            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")
         ]),
-        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") ? {
+        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") ? {
             name: "operate-btn",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sku-operate")
+            fn: T(() => [
+              c(e.$slots, "sku-operate")
             ]),
             key: "0"
           } : void 0
@@ -507,7 +450,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "teleportDisable", "teleport"]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Qe = /* @__PURE__ */ y(Ee, [["render", _e]]);
 export {
-  index as default
+  Qe as default
 };