@nutui/nutui 3.1.18-beta.0 → 3.1.18

package/dist/packages/_es/Price.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";

package/dist/packages/_es/Progress.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock } from "vue";
+import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create } = createComponent("progress");
@@ -42,6 +42,10 @@ const _sfc_main = create({
       tyep: String,
       default: ""
     },
+    textBackground: {
+      tyep: String,
+      default: ""
+    },
     iconName: {
       type: String,
       default: "checked"
@@ -59,7 +63,6 @@ const _sfc_main = create({
     const height = ref(props.strokeWidth + "px");
     const progressOuter = ref();
     const insideText = ref();
-    const left = ref();
     const bgStyle = computed(() => {
       return {
         width: props.percentage + "%",
@@ -71,30 +74,14 @@ const _sfc_main = create({
         color: props.textColor || ""
       };
     });
-    const slideLeft = (values) => {
-      if (props.textInside) {
-        let offsetWidth = progressOuter.value.offsetWidth;
-        let percentageWidth = progressOuter.value.offsetWidth * Number(values) * 0.01;
-        let insideTextWidth = insideText.value.offsetWidth;
-        left.value = percentageWidth - 5 + "px";
-        if (offsetWidth == percentageWidth) {
-          left.value = percentageWidth - insideTextWidth + "px";
-        }
-      }
-    };
-    watch(() => props.percentage, (values) => {
-      slideLeft(values);
-    });
     onMounted(() => {
-      slideLeft(props.percentage);
     });
     return {
       height,
       bgStyle,
       textStyle,
       progressOuter,
-      insideText,
-      left
+      insideText
     };
   }
 });
@@ -115,7 +102,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           class: "nut-progress-text nut-progress-insidetext",
           ref: "insideText",
-          style: normalizeStyle({ lineHeight: _ctx.height, left: _ctx.left })
+          style: normalizeStyle({
+            lineHeight: _ctx.height,
+            left: `${_ctx.percentage}%`,
+            transform: `translate(-${+_ctx.percentage}%,-50%)`,
+            background: _ctx.textBackground || _ctx.strokeColor
+          })
         }, [
           createElementVNode("span", {
             style: normalizeStyle(_ctx.textStyle)

package/dist/packages/_es/Radio.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, computed, h } from "vue";
@@ -32,7 +32,7 @@ const _sfc_main = create({
     },
     iconSize: {
       type: [String, Number],
-      default: 18
+      default: ""
     }
   },
   setup(props, { emit, slots }) {

package/dist/packages/_es/RadioGroup.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { provide, readonly, computed, watch, h } from "vue";

package/dist/packages/_es/Range.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, toRefs, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, normalizeClass, withModifiers, Fragment, renderList, renderSlot } from "vue";
+import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, createTextVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { u as useTouch } from "./index4.js";
 import { u as useRect } from "./index3.js";
@@ -38,6 +38,14 @@ const _sfc_main = create({
     activeColor: String,
     inactiveColor: String,
     buttonColor: String,
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    marks: {
+      type: Object,
+      default: {}
+    },
     hiddenRange: {
       type: Boolean,
       default: false
@@ -71,15 +79,29 @@ const _sfc_main = create({
     const root = ref();
     const dragStatus = ref();
     const touch = useTouch();
+    const marksList = computed(() => {
+      const { marks, max, min } = props;
+      const marksKeys = Object.keys(marks);
+      const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
+      return list;
+    });
     const scope = computed(() => Number(props.max) - Number(props.min));
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
+        [`${prefixCls}-vertical`]: props.vertical,
         [`${prefixCls}-show-number`]: !props.hiddenRange
       };
     });
+    const containerClasses = computed(() => {
+      const prefixCls = "nut-range-container";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-vertical`]: props.vertical
+      };
+    });
     const wrapperStyle = computed(() => {
       return {
         background: props.inactiveColor
@@ -106,13 +128,67 @@ const _sfc_main = create({
       return `0%`;
     };
     const barStyle = computed(() => {
+      if (props.vertical) {
+        return {
+          height: calcMainAxis(),
+          top: calcOffset(),
+          background: props.activeColor,
+          transition: dragStatus.value ? "none" : void 0
+        };
+      } else {
+        return {
+          width: calcMainAxis(),
+          left: calcOffset(),
+          background: props.activeColor,
+          transition: dragStatus.value ? "none" : void 0
+        };
+      }
+    });
+    const markClassName = (mark) => {
+      const classPrefix = "nut-range-mark";
+      const { modelValue, max, min } = props;
+      let lowerBound = Number(min);
+      let upperBound = Number(max);
+      if (props.range) {
+        const [left, right] = modelValue;
+        lowerBound = left;
+        upperBound = right;
+      } else {
+        upperBound = modelValue;
+      }
+      let isActive = mark <= upperBound && mark >= lowerBound;
       return {
-        width: calcMainAxis(),
-        left: calcOffset(),
-        background: props.activeColor,
-        transition: dragStatus.value ? "none" : void 0
+        [`${classPrefix}-text`]: true,
+        [`${classPrefix}-text-active`]: isActive
       };
-    });
+    };
+    const marksStyle = (mark) => {
+      const { max, min, vertical } = props;
+      let style = {
+        left: `${(mark - Number(min)) / scope.value * 100}%`
+      };
+      if (vertical) {
+        style = {
+          top: `${(mark - Number(min)) / scope.value * 100}%`
+        };
+      }
+      return style;
+    };
+    const tickStyle = (mark) => {
+      const { modelValue, max, min } = props;
+      let lowerBound = Number(min);
+      let upperBound = Number(max);
+      if (props.range) {
+        const [left, right] = modelValue;
+        lowerBound = left;
+        upperBound = right;
+      }
+      let isActive = mark <= upperBound && mark >= lowerBound;
+      let style = {
+        background: !isActive ? props.inactiveColor : props.activeColor
+      };
+      return style;
+    };
     const format = (value) => {
       const { min, max, step } = props;
       value = Math.max(+min, Math.min(value, +max));
@@ -144,8 +220,12 @@ const _sfc_main = create({
       }
       const { min, modelValue } = props;
       const rect = useRect(root);
-      const delta = event.clientX - rect.left;
-      const total = rect.width;
+      let delta = event.clientX - rect.left;
+      let total = rect.width;
+      if (props.vertical) {
+        delta = event.clientY - rect.top;
+        total = rect.height;
+      }
       const value = Number(min) + delta / total * scope.value;
       if (isRange(modelValue)) {
         const [left, right] = modelValue;
@@ -182,9 +262,14 @@ const _sfc_main = create({
       touch.move(event);
       dragStatus.value = "draging";
       const rect = useRect(root);
-      const delta = touch.deltaX.value;
-      const total = rect.width;
-      const diff = delta / total * scope.value;
+      let delta = touch.deltaX.value;
+      let total = rect.width;
+      let diff = delta / total * scope.value;
+      if (props.vertical) {
+        delta = touch.deltaY.value;
+        total = rect.height;
+        diff = delta / total * scope.value;
+      }
       if (isRange(startValue)) {
         currentValue[buttonIndex.value] = startValue[buttonIndex.value] + diff;
       } else {
@@ -220,15 +305,23 @@ const _sfc_main = create({
     }, toRefs(props)), {
       barStyle,
       curValue,
-      buttonIndex
+      buttonIndex,
+      containerClasses,
+      markClassName,
+      marksStyle,
+      marksList,
+      tickStyle
     });
   }
 });
-const _hoisted_1 = { class: "nut-range-container" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "min"
 };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-range-mark"
+};
 const _hoisted_3 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
 const _hoisted_4 = {
   key: 0,
@@ -244,14 +337,31 @@ const _hoisted_7 = {
   class: "max"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.containerClasses)
+  }, [
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
       style: normalizeStyle(_ctx.wrapperStyle),
       class: normalizeClass(_ctx.classes),
       onClick: _cache[9] || (_cache[9] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
     }, [
+      _ctx.marksList.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.marksList, (marks) => {
+          return openBlock(), createElementBlock("span", {
+            key: marks,
+            class: normalizeClass(_ctx.markClassName(marks)),
+            style: normalizeStyle(_ctx.marksStyle(marks))
+          }, [
+            createTextVNode(toDisplayString(marks) + " ", 1),
+            createElementVNode("span", {
+              class: "nut-range-tick",
+              style: normalizeStyle(_ctx.tickStyle(marks))
+            }, null, 4)
+          ], 6);
+        }), 128))
+      ])) : createCommentVNode("", true),
       createElementVNode("view", {
         class: "nut-range-bar",
         style: normalizeStyle(_ctx.barStyle)
@@ -316,7 +426,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 4)
     ], 6),
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
-  ]);
+  ], 2);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Rate.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createBlock, createCommentVNode } from "vue";

package/dist/packages/_es/Row.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";

package/dist/packages/_es/SearchBar.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";

package/dist/packages/_es/ShortPassword.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, withDirectives, normalizeStyle, vModelText, Fragment, renderList, createCommentVNode } from "vue";

package/dist/packages/_es/SideNavBar.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, reactive, computed, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";

package/dist/packages/_es/SideNavBarItem.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, openBlock, createElementBlock, withModifiers, createElementVNode, toDisplayString } from "vue";

package/dist/packages/_es/Signature.js

@@ -1,9 +1,28 @@
+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));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, reactive, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
+import { ref, computed, reactive, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("signature");
@@ -114,7 +133,7 @@ const _sfc_main = create({
         addEvent();
       }
     });
-    return { canvas, wrap, isCanvasSupported, confirm, clear, classes };
+    return __spreadProps(__spreadValues({}, toRefs(state)), { canvas, wrap, isCanvasSupported, confirm, clear, classes });
   }
 });
 const _hoisted_1 = {
@@ -134,12 +153,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("div", _hoisted_1, [
-      _ctx.isCanvasSupported ? (openBlock(), createElementBlock("canvas", {
+      (() => _ctx.isCanvasSupported()) ? (openBlock(), createElementBlock("canvas", {
         key: 0,
         ref: "canvas",
         height: _ctx.canvasHeight,
         width: _ctx.canvasWidth
-      }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.unSupportTpl), 1))
+      }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("p", _hoisted_3, _toDisplayString(_ctx.unSupportTpl), 1))
     ], 512),
     createVNode(_component_nut_button, {
       class: "nut-signature-btn",

package/dist/packages/_es/Skeleton.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";

package/dist/packages/_es/Sku.js

@@ -1,12 +1,35 @@
+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));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 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 } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import { T as TypeOfFun } from "./util.js";
+import { popupProps } from "./Popup.js";
+import "./OverLay.js";
+import "./Icon.js";
+import "./pxCheck.js";
 const { componentName: componentName$4, create: create$4 } = createComponent("sku-header");
 const _sfc_main$4 = create$4({
   props: {
@@ -232,9 +255,6 @@ const _sfc_main$1 = create$1({
       };
       return mapD[type];
     };
-    onMounted(() => {
-      console.log(slots);
-    });
     const getSlots = (name) => slots[name];
     const clickBtnOperate = (btn) => {
       emit("clickBtnOperate", btn);
@@ -278,11 +298,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 var SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { componentName, create } = createComponent("sku");
 const _sfc_main = create({
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
+  props: __spreadProps(__spreadValues({}, popupProps), {
     sku: {
       type: Array,
       default: []
@@ -327,7 +343,7 @@ const _sfc_main = create({
       type: String,
       default: "\u786E\u5B9A"
     }
-  },
+  }),
   emits: [
     "update:visible",
     "selectSku",
@@ -428,7 +444,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     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%" }
+    style: { "height": "75%" },
+    isWrapTeleport: _ctx.isWrapTeleport,
+    teleport: _ctx.teleport
   }, {
     default: withCtx(() => [
       createElementVNode("view", _hoisted_1, [
@@ -491,7 +509,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 3
-  }, 8, ["visible"]);
+  }, 8, ["visible", "isWrapTeleport", "teleport"]);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Step.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.18 Fri Mar 25 2022 15:02:08 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance, inject, reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, Fragment, toDisplayString, createCommentVNode } from "vue";
+import { getCurrentInstance, inject, reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, Fragment, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create, componentName } = createComponent("step");
@@ -49,6 +49,7 @@ const _sfc_main = create({
       default: "12px"
     }
   },
+  emits: ["click-step"],
   setup(props, { emit, slots }) {
     const { proxy } = getCurrentInstance();
     const parent = inject("parent");
@@ -73,9 +74,13 @@ const _sfc_main = create({
         [`${prefixCls}-${status.value}`]: true
       };
     });
+    const handleClickStep = () => {
+      parent["onEmit"](index2.value);
+    };
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       index: index2,
-      classes
+      classes,
+      handleClickStep
     });
   }
 });
@@ -87,11 +92,17 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "nut-step-main" };
 const _hoisted_5 = { class: "nut-step-title" };
-const _hoisted_6 = ["innerHTML"];
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = {
+  key: 0,
+  class: "nut-step-content"
+};
+const _hoisted_8 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickStep && _ctx.handleClickStep(...args))
   }, [
     createElementVNode("view", _hoisted_1, [
       _hoisted_2,
@@ -108,12 +119,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     createElementVNode("view", _hoisted_4, [
-      createElementVNode("view", _hoisted_5, toDisplayString(_ctx.title), 1),
-      _ctx.content ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: "nut-step-content",
-        innerHTML: _ctx.content
-      }, null, 8, _hoisted_6)) : createCommentVNode("", true)
+      createElementVNode("view", _hoisted_5, [
+        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "title")
+      ]),
+      _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_7, [
+        !_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          innerHTML: _ctx.content
+        }, null, 8, _hoisted_8)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "content")
+      ])) : createCommentVNode("", true)
     ])
   ], 2);
 }