@nutui/nutui 4.3.5 → 4.3.6

package/dist/packages/griditem/GridItem.js

@@ -1,59 +1,45 @@
-import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
-import { u as useRouter } from "../index-aiGQ-EiA.js";
-import { c as createComponent } from "../component-DQf3CENX.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
+import { u as useParent } from "../useParent-D6DiuxZZ.js";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
-import { G as GRID_KEY } from "../common-Chr7cC9o.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-function useInject(key) {
-  const parent = inject(key, null);
-  if (parent) {
-    const instance = getCurrentInstance();
-    const { add, remove, internalChildren } = parent;
-    add(instance);
-    onUnmounted(() => remove(instance));
-    const index2 = computed(() => internalChildren.indexOf(instance));
-    return {
-      parent,
-      index: index2
-    };
-  }
-  return {
-    parent: null,
-    index: ref(-1)
-  };
-}
-const { create, componentName } = createComponent("grid-item");
-const _sfc_main = create({
+import { u as useRouter } from "../index-aiGQ-EiA.js";
+import { G as GRID_KEY } from "../types-CJeZIBld.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { class: "nut-grid-item__text" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutGridItem"
+}), {
+  __name: "grid-item",
   props: {
-    text: {
-      type: String
-    },
-    // router
-    to: {
-      type: [String, Object]
-    },
-    url: {
-      type: String,
-      default: ""
-    },
-    replace: {
-      type: Boolean,
-      default: false
-    }
+    text: {},
+    to: {},
+    url: { default: "" },
+    replace: { type: Boolean, default: false }
   },
   emits: ["click"],
-  setup(props, { emit }) {
-    const Parent = useInject(GRID_KEY);
-    if (!Parent.parent)
-      return {};
-    const index2 = Parent.index;
-    const parent = Parent.parent.props;
-    const rootClass = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { parent: parentObj, index } = useParent(GRID_KEY);
+    const parent = (parentObj == null ? void 0 : parentObj.props) || {};
     const rootStyle = computed(() => {
       const style = {
         flexBasis: `${100 / +parent.columnNum}%`
@@ -62,14 +48,14 @@ const _sfc_main = create({
         style.paddingTop = `${100 / +parent.columnNum}%`;
       } else if (parent.gutter) {
         style.paddingRight = pxCheck(parent.gutter);
-        if (index2.value >= +parent.columnNum) {
+        if (index.value >= +parent.columnNum) {
           style.marginTop = pxCheck(parent.gutter);
         }
       }
       return style;
     });
     const contentClass = computed(() => {
-      const prefixCls = `${componentName}__content`;
+      const prefixCls = `nut-grid-item__content`;
       return {
         [`${prefixCls}`]: true,
         [`${prefixCls}--border`]: parent.border,
@@ -90,34 +76,28 @@ const _sfc_main = create({
         props.replace ? location.replace(props.url) : location.href = props.url;
       }
     };
-    return {
-      rootClass,
-      rootStyle,
-      contentClass,
-      handleClick
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: "nut-grid-item",
+        style: normalizeStyle(rootStyle.value),
+        onClick: handleClick
+      }, [
+        createElementVNode("view", {
+          class: normalizeClass(contentClass.value)
+        }, [
+          renderSlot(_ctx.$slots, "default"),
+          createElementVNode("view", _hoisted_1, [
+            _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(_ctx.text), 1)
+            ], 64)) : renderSlot(_ctx.$slots, "text", { key: 1 })
+          ])
+        ], 2)
+      ], 4);
     };
   }
-});
-const _hoisted_1 = { class: "nut-grid-item__text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.rootClass),
-    style: normalizeStyle(_ctx.rootStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    createElementVNode("view", {
-      class: normalizeClass(_ctx.contentClass)
-    }, [
-      renderSlot(_ctx.$slots, "default"),
-      createElementVNode("view", _hoisted_1, [
-        _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createTextVNode(toDisplayString(_ctx.text), 1)
-        ], 64)) : renderSlot(_ctx.$slots, "text", { key: 1 })
-      ])
-    ], 2)
-  ], 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as GridItem,
+  _sfc_main as default
 };

package/dist/packages/input/Input.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
 import { toRef, ref, reactive, computed, watch, onMounted, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createTextVNode, withDirectives, createVNode, mergeProps, vShow } from "vue";
 import { MaskClose } from "@nutui/icons-vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);

package/dist/packages/inputnumber/InputNumber.js

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, toRef, computed, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, unref, mergeProps } from "vue";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
 import { Minus, Plus } from "@nutui/icons-vue";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _hoisted_1 = ["min", "max", "disabled", "readonly", "value"];
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {

package/dist/packages/invoice/Invoice.js

@@ -20,8 +20,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { Form as _sfc_main$1 } from "../form/Form.js";
 import { FormItem as _sfc_main$2 } from "../formitem/FormItem.js";
-import { _ as _sfc_main$4 } from "../index.vue_vue_type_script_lang-CTQUvlgN.js";
-import { _ as _sfc_main$3 } from "../index.vue_vue_type_script_lang-CaSiRl9x.js";
+import { Radio as _sfc_main$4 } from "../radio/Radio.js";
+import { RadioGroup as _sfc_main$3 } from "../radiogroup/RadioGroup.js";
 import { Button as _sfc_main$5 } from "../button/Button.js";
 import NutInput from "../input/Input.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
@@ -66,14 +66,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 prop: item.formItemProp
               }, {
                 default: withCtx(() => [
-                  item.type === "radio" ? (openBlock(), createBlock(_sfc_main$3, {
+                  item.type === "radio" ? (openBlock(), createBlock(unref(_sfc_main$3), {
                     key: 0,
                     modelValue: _ctx.formValue[item.formItemProp],
                     "onUpdate:modelValue": ($event) => _ctx.formValue[item.formItemProp] = $event
                   }, {
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(item.radioLabel, (radioItem, radioIndex) => {
-                        return openBlock(), createBlock(_sfc_main$4, {
+                        return openBlock(), createBlock(unref(_sfc_main$4), {
                           key: radioIndex,
                           shape: "button",
                           label: radioItem.label

package/dist/packages/picker/Picker.js

@@ -225,7 +225,7 @@ const _sfc_main$1 = create$1({
     // 特殊环境判断
     taro: {
       type: Boolean,
-      defualt: false
+      default: false
     }
   },
   emits: ["click", "change"],

package/dist/packages/radio/Radio.js

@@ -1,4 +1,115 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_script_lang-CTQUvlgN.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, toRef, inject, computed, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createVNode, unref, createElementVNode } from "vue";
+import { CheckChecked, CheckNormal } from "@nutui/icons-vue";
+import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
+import { R as RADIO_KEY } from "../types-BODurTjN.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutRadio"
+}), {
+  __name: "radio",
+  props: {
+    disabled: { type: Boolean, default: false },
+    shape: { default: "round" },
+    label: { type: [String, Number, Boolean], default: "" },
+    iconSize: { default: "" },
+    size: { default: "normal" }
+  },
+  setup(__props) {
+    const props = __props;
+    const disabled = useFormDisabled(toRef(props, "disabled"));
+    const parent = inject(RADIO_KEY, null);
+    const checked = computed(() => {
+      return parent.label.value === props.label;
+    });
+    const iconClasses = computed(() => {
+      return !disabled.value ? checked.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
+    });
+    const realIconSize = computed(() => {
+      return pxCheck(props.iconSize);
+    });
+    const labelClasses = computed(() => {
+      return {
+        "nut-radio__label": true,
+        "nut-radio__label--disabled": disabled.value
+      };
+    });
+    const buttonClasses = computed(() => {
+      return {
+        "nut-radio__button": true,
+        "nut-radio__button--active": checked.value,
+        [`nut-radio__button--${props.size}`]: true,
+        "nut-radio__button--disabled": props.disabled
+      };
+    });
+    const handleClick = () => {
+      if (checked.value || disabled.value)
+        return;
+      parent.updateValue(props.label);
+    };
+    const reverseState = computed(() => parent.position.value === "left");
+    const radioClasses = computed(() => {
+      return {
+        "nut-radio": true,
+        [`nut-radio--${props.shape}`]: true,
+        "nut-radio--reverse": reverseState.value
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(radioClasses.value),
+        onClick: handleClick
+      }, [
+        _ctx.shape === "button" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(buttonClasses.value)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          checked.value ? renderSlot(_ctx.$slots, "checkedIcon", { key: 0 }, () => [
+            createVNode(unref(CheckChecked), {
+              width: realIconSize.value,
+              height: realIconSize.value,
+              class: normalizeClass(iconClasses.value)
+            }, null, 8, ["width", "height", "class"])
+          ]) : renderSlot(_ctx.$slots, "icon", { key: 1 }, () => [
+            createVNode(unref(CheckNormal), {
+              width: realIconSize.value,
+              height: realIconSize.value,
+              class: normalizeClass(iconClasses.value)
+            }, null, 8, ["width", "height", "class"])
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(labelClasses.value)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ], 64))
+      ], 2);
+    };
+  }
+}));
+withInstall(_sfc_main);
 export {
+  _sfc_main as Radio,
   _sfc_main as default
 };

package/dist/packages/radiogroup/RadioGroup.js

@@ -1,4 +1,63 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_script_lang-CaSiRl9x.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, provide, readonly, computed, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { R as RADIO_KEY } from "../types-BODurTjN.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutRadioGroup"
+}), {
+  __name: "radio-group",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: "" },
+    direction: { default: "vertical" },
+    textPosition: { default: "right" }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const updateValue = (value) => {
+      emit("update:modelValue", value);
+    };
+    provide(RADIO_KEY, {
+      label: readonly(computed(() => props.modelValue)),
+      position: readonly(computed(() => props.textPosition)),
+      updateValue
+    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit("change", value);
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["nut-radio-group", `nut-radio-group--${_ctx.direction}`])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+}));
+withInstall(_sfc_main);
 export {
+  _sfc_main as RadioGroup,
   _sfc_main as default
 };

package/dist/packages/range/Range.js

@@ -22,7 +22,7 @@ import { c as createComponent } from "../component-DQf3CENX.js";
 import { a as isArray } from "../util-DnfK0Qan.js";
 import { u as useTouch } from "../index-I8tfW3Kf.js";
 import { u as useRect } from "../index-B1qsj2XR.js";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { componentName, create } = createComponent("range");
 const _sfc_main = create({

package/dist/packages/rate/Rate.js

@@ -22,7 +22,7 @@ import { StarFillN } from "@nutui/icons-vue";
 import { r as renderIcon } from "../renderIcon-BfOvhG7i.js";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
 import { u as useTouch } from "../index-I8tfW3Kf.js";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "nut-rate-item__icon--full" };

package/dist/packages/searchbar/Searchbar.js

@@ -22,7 +22,7 @@ import { c as createComponent } from "../component-DQf3CENX.js";
 import { r as renderIcon } from "../renderIcon-BfOvhG7i.js";
 import { CircleClose } from "@nutui/icons-vue";
 import { u as useLocale } from "../index-CFigyH92.js";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("searchbar");
 const cN = "NutSearchbar";

package/dist/packages/step/Step.js

@@ -17,105 +17,86 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { getCurrentInstance, inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-DQf3CENX.js";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, unref, createCommentVNode } from "vue";
+import { u as useParent } from "../useParent-D6DiuxZZ.js";
 import { S as STEPS_KEY } from "../types-1HzUV14W.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { create, componentName } = createComponent("step");
-const _sfc_main = create({
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { class: "nut-step-head" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
+const _hoisted_3 = { class: "nut-step-icon-inner" };
+const _hoisted_4 = {
+  key: 0,
+  class: "nut-step-inner"
+};
+const _hoisted_5 = { class: "nut-step-main" };
+const _hoisted_6 = { class: "nut-step-title" };
+const _hoisted_7 = {
+  key: 0,
+  class: "nut-step-content"
+};
+const _hoisted_8 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutStep"
+}), {
+  __name: "step",
   props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    content: {
-      type: String,
-      default: ""
-    }
+    title: { default: "" },
+    content: { default: "" }
   },
-  emits: ["clickStep"],
-  setup() {
-    const { proxy } = getCurrentInstance();
-    const parent = inject(STEPS_KEY);
-    parent["relation"](proxy);
-    const state = reactive({
-      dot: parent.props.progressDot
-    });
-    const index2 = computed(() => parent.state.children.indexOf(proxy) + 1);
-    const getCurrentStatus = () => {
-      const activeIndex = index2.value;
+  setup(__props) {
+    const { index, parent } = useParent(STEPS_KEY);
+    const status = computed(() => {
+      const activeIndex = index.value + 1;
       if (activeIndex < +parent.props.current)
         return "finish";
       return activeIndex === +parent.props.current ? "process" : "wait";
-    };
-    const status = computed(() => {
-      return getCurrentStatus();
     });
+    const dot = computed(() => parent.props.progressDot);
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-step";
       return {
         [prefixCls]: true,
         [`${prefixCls}-${status.value}`]: true
       };
     });
     const handleClickStep = () => {
-      parent["onEmit"](index2.value);
+      parent.onEmit(index.value + 1);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
-      index: index2,
-      classes,
-      handleClickStep
-    });
-  }
-});
-const _hoisted_1 = { class: "nut-step-head" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
-const _hoisted_3 = { class: "nut-step-icon-inner" };
-const _hoisted_4 = {
-  key: 1,
-  class: "nut-step-inner"
-};
-const _hoisted_5 = { class: "nut-step-main" };
-const _hoisted_6 = { class: "nut-step-title" };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = {
-  key: 0,
-  class: "nut-step-content"
-};
-const _hoisted_9 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickStep && _ctx.handleClickStep(...args))
-  }, [
-    createElementVNode("view", _hoisted_1, [
-      _hoisted_2,
-      createElementVNode("view", {
-        class: normalizeClass(["nut-step-icon", [!_ctx.dot ? "is-icon" : ""]])
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(classes.value),
+        onClick: handleClickStep
       }, [
-        createElementVNode("view", _hoisted_3, [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.index), 1))
-          ])
+        createElementVNode("view", _hoisted_1, [
+          _hoisted_2,
+          createElementVNode("view", {
+            class: normalizeClass(["nut-step-icon", [!dot.value ? "is-icon" : ""]])
+          }, [
+            createElementVNode("view", _hoisted_3, [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                !dot.value ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(unref(index) + 1), 1)) : createCommentVNode("", true)
+              ])
+            ])
+          ], 2)
+        ]),
+        createElementVNode("view", _hoisted_5, [
+          createElementVNode("view", _hoisted_6, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createElementVNode("span", null, toDisplayString(_ctx.title), 1)
+            ])
+          ]),
+          _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_7, [
+            renderSlot(_ctx.$slots, "content", {}, () => [
+              createElementVNode("span", { innerHTML: _ctx.content }, null, 8, _hoisted_8)
+            ])
+          ])) : createCommentVNode("", true)
         ])
-      ], 2)
-    ]),
-    createElementVNode("view", _hoisted_5, [
-      createElementVNode("view", _hoisted_6, [
-        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "title")
-      ]),
-      _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_8, [
-        !_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          innerHTML: _ctx.content
-        }, null, 8, _hoisted_9)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "content")
-      ])) : createCommentVNode("", true)
-    ])
-  ], 2);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+      ], 2);
+    };
+  }
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Step,
+  _sfc_main as default
 };