@nutui/nutui 3.1.22-beta.0 → 3.1.22-beta.3

package/dist/packages/_es/Sku.js

@@ -5,513 +5,107 @@ 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]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import { popupProps } from "./Popup.js";
+import { resolveComponent as e, openBlock as t, createElementBlock as s, createElementVNode as r, renderSlot as n, createBlock as a, createCommentVNode as o, toDisplayString as p, ref as l, watch as u, onMounted as i, Fragment as c, renderList as d, normalizeClass as k, createVNode as m, withCtx as g, createSlots as v } from "vue";
+import { c as x, T as S } from "./component.js";
+import { _ as y } from "./plugin-vue_export-helper.js";
+import { popupProps as b } from "./Popup.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName: componentName$4, create: create$4, translate: translate$1 } = createComponent("sku-header");
-const _sfc_main$4 = create$4({
-  props: {
-    goods: {
-      type: Object,
-      default: {}
-    }
-  },
-  emits: [],
-  setup(props, { emit, slots }) {
-    const getSlots = (name) => slots[name];
-    return {
-      getSlots,
-      translate: translate$1
-    };
-  }
-});
-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 _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, {
-        key: 1,
-        price: _ctx.goods.price,
-        needSymbol: true,
-        thousands: false
-      }, 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")) + "\xA0:\xA0" + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
-    ])
-  ]);
-}
-var 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,
-      default: () => []
-    }
-  },
-  emits: ["selectSku"],
-  setup(props, { emit }) {
-    const skuInfo = ref([]);
-    watch(() => props.sku, (value) => {
-      skuInfo.value = [].slice.call(value);
-    }, { 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
-    };
-  }
-});
-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))
-  ]);
-}
-var 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: {
-      type: [Number, String],
-      default: 99999
-    },
-    stepperMin: {
-      type: [Number, String],
-      default: 1
-    },
-    stepperExtraText: {
-      type: [Function, Boolean],
-      default: false
-    },
-    stepperTitle: {
-      type: String,
-      default: "\u8D2D\u4E70\u6570\u91CF"
-    }
-  },
-  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 "";
-      }
-    };
-    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_inputnumber = resolveComponent("nut-inputnumber");
-  return openBlock(), createElementBlock("view", _hoisted_1$2, [
-    createElementVNode("view", _hoisted_2$2, toDisplayString(_ctx.stepperTitle), 1),
-    createElementVNode("view", {
-      class: "nut-sku-stepper-limit",
-      innerHTML: _ctx.getExtraText()
-    }, null, 8, _hoisted_3$1),
-    createElementVNode("view", _hoisted_4$1, [
-      createVNode(_component_nut_inputnumber, {
-        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"])
-    ])
-  ]);
-}
-var 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: {
-    btnOptions: {
-      type: Array,
-      default: () => ["confirm"]
-    },
-    btnExtraText: {
-      type: String,
-      default: ""
-    },
-    buyText: {
-      type: String,
-      default: "\u7ACB\u5373\u8D2D\u4E70"
-    },
-    addCartText: {
-      type: String,
-      default: "\u52A0\u5165\u8D2D\u7269\u8F66"
-    },
-    confirmText: {
-      type: String,
-      default: "\u786E\u5B9A"
-    }
-  },
-  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);
-    };
-    return {
-      getBtnDesc,
-      clickBtnOperate,
-      getSlots
-    };
-  }
-});
-const _hoisted_1$1 = {
-  key: 0,
-  class: "nut-sku-operate"
-};
-const _hoisted_2$1 = ["innerHTML"];
-const _hoisted_3 = {
-  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);
-}
-var 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: []
-    },
-    goods: {
-      type: Object,
-      default: {}
-    },
-    stepperMax: {
-      type: [Number, String],
-      default: 99999
-    },
-    stepperMin: {
-      type: [Number, String],
-      default: 1
-    },
-    btnOptions: {
-      type: Array,
-      default: () => ["confirm"]
-    },
-    stepperTitle: {
-      type: String,
-      default: ""
-    },
-    stepperExtraText: {
-      type: [Function, Boolean],
-      default: false
-    },
-    btnExtraText: {
-      type: String,
-      default: ""
-    },
-    buyText: {
-      type: String,
-      default: ""
-    },
-    addCartText: {
-      type: String,
-      default: ""
-    },
-    confirmText: {
-      type: String,
-      default: ""
-    }
-  }),
-  emits: [
-    "update:visible",
-    "selectSku",
-    "changeStepper",
-    "clickBtnOperate",
-    "clickCloseIcon",
-    "clickOverlay",
-    "close",
-    "reduce",
-    "add",
-    "overLimit",
-    "clickOverlay"
-  ],
-  components: {
-    SkuHeader,
-    SkuSelect,
-    SkuStepper,
-    SkuOperate
-  },
-  setup(props, { emit, slots }) {
-    const showPopup = ref(props.visible);
-    const goodsCount = ref(props.stepperMin);
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-    });
-    watch(() => showPopup.value, (value) => {
-      if (value == false) {
-        close();
-      }
-    });
-    onMounted(() => {
-    });
-    const getSlots = (name) => slots[name];
-    const selectSku = (skus) => {
-      emit("selectSku", skus);
-    };
-    const changeStepper = (value) => {
-      goodsCount.value = value;
-      emit("changeStepper", value);
-    };
-    const add = (value) => {
-      emit("add", value);
-    };
-    const reduce = (value) => {
-      emit("reduce", value);
-    };
-    const stepperOverLimit = (count) => {
-      emit("overLimit", count);
-    };
-    const clickBtnOperate = (btn) => {
-      emit("clickBtnOperate", {
-        type: btn,
-        value: goodsCount.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);
-    };
-    return {
-      showPopup,
-      closePopup,
-      selectSku,
-      changeStepper,
-      stepperOverLimit,
-      clickBtnOperate,
-      add,
-      reduce,
-      getSlots,
-      translate
-    };
-  }
-});
-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: _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%" },
-    isWrapTeleport: _ctx.isWrapTeleport,
-    teleport: _ctx.teleport
-  }, {
-    default: withCtx(() => [
-      createElementVNode("view", _hoisted_1, [
-        renderSlot(_ctx.$slots, "sku-header"),
-        !_ctx.getSlots("sku-header") ? (openBlock(), createBlock(_component_sku_header, {
-          key: 0,
-          goods: _ctx.goods
-        }, createSlots({ _: 2 }, [
-          _ctx.getSlots("sku-header-price") ? {
-            name: "sku-header-price",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sku-header-price")
-            ])
-          } : void 0,
-          _ctx.getSlots("sku-header-extra") ? {
-            name: "sku-header-extra",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sku-header-extra")
-            ])
-          } : 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, {
-            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, {
-            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")
-        ]),
-        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: withCtx(() => [
-              renderSlot(_ctx.$slots, "sku-operate")
-            ])
-          } : void 0
-        ]), 1032, ["btnOptions", "btnExtraText", "buyText", "addCartText", "confirmText", "onClickBtnOperate"])
-      ])
-    ]),
-    _: 3
-  }, 8, ["visible", "isWrapTeleport", "teleport"]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const { componentName: h, create: f, translate: T } = x("sku-header"), O = f({ props: { goods: { type: Object, default: {} } }, emits: [], setup: (e2, { emit: t2, slots: s2 }) => ({ getSlots: (e3) => s2[e3], translate: T }) }), C = { class: "nut-sku-header" }, w = ["src"], M = { class: "nut-sku-header-right" }, B = { key: 3, class: "nut-sku-header-right-extra" };
+var E = y(O, [["render", function(l2, u2, i2, c2, d2, k2) {
+  const m2 = e("nut-price");
+  return t(), s("view", C, [r("img", { src: l2.goods.imagePath }, null, 8, w), r("view", M, [l2.getSlots("sku-header-price") ? n(l2.$slots, "sku-header-price", { key: 0 }) : (t(), a(m2, { key: 1, price: l2.goods.price, needSymbol: true, thousands: false }, null, 8, ["price"])), l2.getSlots("sku-header-extra") ? n(l2.$slots, "sku-header-extra", { key: 2 }) : o("", true), l2.goods.skuId && !l2.getSlots("sku-header-extra") ? (t(), s("view", B, p(l2.translate("skuId")) + "\xA0:\xA0" + p(l2.goods.skuId), 1)) : o("", true)])]);
+}]]);
+const { componentName: L, create: $ } = x("sku-select"), I = $({ props: { sku: { type: Array, default: () => [] } }, emits: ["selectSku"], setup(e2, { emit: t2 }) {
+  const s2 = l([]);
+  u(() => e2.sku, (e3) => {
+    s2.value = [].slice.call(e3);
+  }, { deep: true }), i(() => {
+    e2.sku.length > 0 && (s2.value = [].slice.call(e2.sku));
+  });
+  return { skuInfo: s2, changeSaleChild: (e3, s3, r2, n2) => {
+    e3.checkFlag || e3.disable || t2("selectSku", { sku: e3, skuIndex: s3, parentSku: r2, parentIndex: n2 });
+  } };
+} }), N = { class: "nut-sku-select" }, P = { class: "nut-sku-select-item-title" }, j = { class: "nut-sku-select-item-skus" }, A = ["onClick"];
+var H = y(I, [["render", function(e2, n2, a2, o2, l2, u2) {
+  return t(), s("view", N, [(t(true), s(c, null, d(e2.skuInfo, (n3, a3) => (t(), s("view", { class: "nut-sku-select-item", key: n3.id }, [r("view", P, p(n3.name), 1), r("view", j, [(t(true), s(c, null, d(n3.list, (r2, o3) => (t(), s("view", { class: k(["nut-sku-select-item-skus-sku", [{ active: !r2.disable && r2.active }, { disable: r2.disable }]]), onClick: (t2) => e2.changeSaleChild(r2, o3, n3, a3), key: r2.name }, p(r2.name), 11, A))), 128))])]))), 128))]);
+}]]);
+const { componentName: _, create: R } = x("sku-stepper"), F = R({ props: { stepperMax: { type: [Number, String], default: 99999 }, stepperMin: { type: [Number, String], default: 1 }, stepperExtraText: { type: [Function, Boolean], default: false }, stepperTitle: { type: String, default: "\u8D2D\u4E70\u6570\u91CF" } }, emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"], setup(e2, { emit: t2 }) {
+  const s2 = l(e2.stepperMin);
+  i(() => {
+    s2.value = e2.stepperMin;
+  });
+  return { goodsCount: s2, add: (e3) => {
+    t2("add", e3);
+  }, reduce: (e3) => {
+    t2("reduce", e3);
+  }, overlimit: (e3, r2) => {
+    t2("overLimit", { action: r2, value: parseInt(s2.value + "") });
+  }, getExtraText: () => {
+    const { stepperExtraText: t3 } = e2;
+    return t3 && S(t3) == "function" ? t3() : "";
+  }, changeStepper: (e3) => {
+    s2.value = e3, t2("changeStepper", e3);
+  } };
+} }), V = { class: "nut-sku-stepper" }, W = { class: "nut-sku-stepper-title" }, D = ["innerHTML"], U = { class: "nut-sku-stepper-count" };
+var q = y(F, [["render", function(n2, a2, o2, l2, u2, i2) {
+  const c2 = e("nut-inputnumber");
+  return t(), s("view", V, [r("view", W, p(n2.stepperTitle), 1), r("view", { class: "nut-sku-stepper-limit", innerHTML: n2.getExtraText() }, null, 8, D), r("view", U, [m(c2, { modelValue: n2.goodsCount, "onUpdate:modelValue": a2[0] || (a2[0] = (e2) => n2.goodsCount = e2), min: n2.stepperMin, max: n2.stepperMax, onAdd: n2.add, onReduce: n2.reduce, onOverlimit: n2.overlimit, onChange: n2.changeStepper }, null, 8, ["modelValue", "min", "max", "onAdd", "onReduce", "onOverlimit", "onChange"])])]);
+}]]);
+const { componentName: z, create: G } = x("sku-operate"), J = G({ props: { btnOptions: { type: Array, default: () => ["confirm"] }, btnExtraText: { type: String, default: "" }, buyText: { type: String, default: "\u7ACB\u5373\u8D2D\u4E70" }, addCartText: { type: String, default: "\u52A0\u5165\u8D2D\u7269\u8F66" }, confirmText: { type: String, default: "\u786E\u5B9A" } }, emits: ["click", "changeSku", "changeBuyCount", "clickBtnOperate"], setup: (e2, { emit: t2, slots: s2 }) => ({ getBtnDesc: (t3) => ({ confirm: e2.confirmText, cart: e2.addCartText, buy: e2.buyText })[t3], clickBtnOperate: (e3) => {
+  t2("clickBtnOperate", e3);
+}, getSlots: (e3) => s2[e3] }) }), K = { key: 0, class: "nut-sku-operate" }, Q = ["innerHTML"], X = { key: 1, class: "nut-sku-operate-btn" }, Y = ["onClick"];
+var Z = y(J, [["render", function(e2, r2, a2, l2, u2, i2) {
+  return e2.btnOptions.length > 0 ? (t(), s("view", K, [e2.btnExtraText ? (t(), s("view", { key: 0, class: "nut-sku-operate-desc", innerHTML: e2.btnExtraText }, null, 8, Q)) : o("", true), n(e2.$slots, "operate-btn"), e2.getSlots("operate-btn") ? o("", true) : (t(), s("view", X, [(t(true), s(c, null, d(e2.btnOptions, (r3, n2) => (t(), s("view", { class: k([`nut-sku-operate-btn-${r3}`, "nut-sku-operate-btn-item"]), key: n2, onClick: (t2) => e2.clickBtnOperate(r3) }, p(e2.getBtnDesc(r3)), 11, Y))), 128))]))])) : o("", true);
+}]]);
+const { componentName: ee, create: te, translate: se } = x("sku"), re = te({ props: __spreadProps(__spreadValues({}, b), { sku: { type: Array, default: [] }, goods: { type: Object, default: {} }, stepperMax: { type: [Number, String], default: 99999 }, stepperMin: { type: [Number, String], default: 1 }, btnOptions: { type: Array, default: () => ["confirm"] }, stepperTitle: { type: String, default: "" }, stepperExtraText: { type: [Function, Boolean], default: false }, btnExtraText: { type: String, default: "" }, buyText: { type: String, default: "" }, addCartText: { type: String, default: "" }, confirmText: { type: String, default: "" } }), emits: ["update:visible", "selectSku", "changeStepper", "clickBtnOperate", "clickCloseIcon", "clickOverlay", "close", "reduce", "add", "overLimit", "clickOverlay"], components: { SkuHeader: E, SkuSelect: H, SkuStepper: q, SkuOperate: Z }, setup(e2, { emit: t2, slots: s2 }) {
+  const r2 = l(e2.visible), n2 = l(e2.stepperMin);
+  u(() => e2.visible, (e3) => {
+    r2.value = e3;
+  }), u(() => r2.value, (e3) => {
+    e3 == 0 && a2();
+  }), i(() => {
+  });
+  const a2 = () => {
+    t2("update:visible", false);
+  };
+  return { showPopup: r2, closePopup: (e3) => {
+    e3 == "icon" && t2("click-close-icon"), e3 == "overlay" && t2("click-overlay"), e3 == "close" && t2("close"), r2.value = false;
+  }, selectSku: (e3) => {
+    t2("selectSku", e3);
+  }, changeStepper: (e3) => {
+    n2.value = e3, t2("changeStepper", e3);
+  }, stepperOverLimit: (e3) => {
+    t2("overLimit", e3);
+  }, clickBtnOperate: (e3) => {
+    t2("clickBtnOperate", { type: e3, value: n2.value });
+  }, add: (e3) => {
+    t2("add", e3);
+  }, reduce: (e3) => {
+    t2("reduce", e3);
+  }, getSlots: (e3) => s2[e3], translate: se };
+} }), ne = { class: "nut-sku" }, ae = { class: "nut-sku-content" };
+var oe = y(re, [["render", function(s2, p2, l2, u2, i2, c2) {
+  const d2 = e("sku-header"), k2 = e("SkuSelect"), x2 = e("sku-stepper"), S2 = e("sku-operate"), y2 = e("nut-popup");
+  return t(), a(y2, { position: "bottom", closeable: "", round: "", visible: s2.showPopup, "onUpdate:visible": p2[0] || (p2[0] = (e2) => s2.showPopup = e2), onClickCloseIcon: p2[1] || (p2[1] = (e2) => s2.closePopup("icon")), onClickOverlay: p2[2] || (p2[2] = (e2) => s2.closePopup("overlay")), onClose: p2[3] || (p2[3] = (e2) => s2.closePopup("close")), style: { height: "75%" }, isWrapTeleport: s2.isWrapTeleport, teleport: s2.teleport }, { default: g(() => [r("view", ne, [n(s2.$slots, "sku-header"), s2.getSlots("sku-header") ? o("", true) : (t(), a(d2, { key: 0, goods: s2.goods }, v({ _: 2 }, [s2.getSlots("sku-header-price") ? { name: "sku-header-price", fn: g(() => [n(s2.$slots, "sku-header-price")]) } : void 0, s2.getSlots("sku-header-extra") ? { name: "sku-header-extra", fn: g(() => [n(s2.$slots, "sku-header-extra")]) } : void 0]), 1032, ["goods"])), r("view", ae, [n(s2.$slots, "sku-select-top"), n(s2.$slots, "sku-select"), s2.getSlots("sku-select") ? o("", true) : (t(), a(k2, { key: 0, sku: s2.sku, onSelectSku: s2.selectSku }, null, 8, ["sku", "onSelectSku"])), n(s2.$slots, "sku-stepper"), s2.getSlots("sku-stepper") ? o("", true) : (t(), a(x2, { key: 1, goods: s2.goods, stepperTitle: s2.stepperTitle || s2.translate("buyNumber"), stepperMax: s2.stepperMax, stepperMin: s2.stepperMin, stepperExtraText: s2.stepperExtraText, onAdd: s2.add, onReduce: s2.reduce, onChangeStepper: s2.changeStepper, onOverLimit: s2.stepperOverLimit }, null, 8, ["goods", "stepperTitle", "stepperMax", "stepperMin", "stepperExtraText", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])), n(s2.$slots, "sku-stepper-bottom")]), m(S2, { btnOptions: s2.btnOptions, btnExtraText: s2.btnExtraText, buyText: s2.buyText || s2.translate("buyNow"), addCartText: s2.addCartText || s2.translate("addToCart"), confirmText: s2.confirmText || s2.translate("confirm"), onClickBtnOperate: s2.clickBtnOperate }, v({ _: 2 }, [s2.getSlots("sku-operate") ? { name: "operate-btn", fn: g(() => [n(s2.$slots, "sku-operate")]) } : void 0]), 1032, ["btnOptions", "btnExtraText", "buyText", "addCartText", "confirmText", "onClickBtnOperate"])])]), _: 3 }, 8, ["visible", "isWrapTeleport", "teleport"]);
+}]]);
+export { oe as default };