@nutui/nutui 3.1.17-beta.0 → 3.1.18

package/dist/packages/_es/Range.js

@@ -18,14 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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 "./index3.js";
-import { u as useRect } from "./index2.js";
+import { u as useTouch } from "./index4.js";
+import { u as useRect } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("range");
 const _sfc_main = create({
@@ -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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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";
@@ -44,6 +44,10 @@ const _sfc_main = create({
     length: {
       type: [String, Number],
       default: 6
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "update:visible", "complete", "change", "ok", "tips", "close", "cancel"],
@@ -160,7 +164,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       closeable: true,
       onClickCloseIcon: _ctx.closeIcon,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      onClickOverlay: _ctx.close
+      onClickOverlay: _ctx.close,
+      isWrapTeleport: _ctx.isWrapTeleport
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1, toDisplayString(_ctx.title), 1),
@@ -217,7 +222,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true)
       ]),
       _: 1
-    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
+    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])
   ]);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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);
 }

package/dist/packages/_es/Steps.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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, provide, h } from "vue";
@@ -21,6 +21,7 @@ const _sfc_main = create({
       default: false
     }
   },
+  emits: ["click-step"],
   setup(props, { emit, slots }) {
     const state = reactive({
       children: []
@@ -36,10 +37,14 @@ const _sfc_main = create({
     const relation = (child) => {
       child && state.children.push(child);
     };
+    const onEmit = (index) => {
+      emit("click-step", index);
+    };
     provide("parent", {
       relation,
       state,
-      props
+      props,
+      onEmit
     });
     return () => {
       var _a;

package/dist/packages/_es/Sticky.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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, watch, onMounted, onUnmounted, h, unref } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useRect } from "./index2.js";
+import { u as useRect } from "./index3.js";
 const { componentName, create } = createComponent("sticky");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/SubSideNavBar.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createVNode, normalizeStyle, renderSlot } from "vue";

package/dist/packages/_es/Swipe.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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 { u as useTouch } from "./index3.js";
+import { u as useTouch } from "./index4.js";
 import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";

package/dist/packages/_es/Swiper.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
-* (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, ref, computed, provide, onMounted, nextTick, onActivated, onDeactivated, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useExpose } from "./index.js";
+import { u as useExpose } from "./index2.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const DISTANCE = 5;
 function useTouch() {