@nutui/nutui 4.3.3 → 4.3.5

package/dist/packages/shortpassword/ShortPassword.js

@@ -1,9 +1,9 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { N as NutPopup } from "../index-BqB5dTeo.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { N as NutPopup } from "../index-uHBD4dfS.js";
 import { Tips } from "@nutui/icons-vue";
-import { u as useLocale } from "../index-s3RgMhc7.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { u as useLocale } from "../index-CFigyH92.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("short-password");
 const cN = "NutShortPassword";
 const _sfc_main = create({
@@ -42,7 +42,7 @@ const _sfc_main = create({
     },
     length: {
       type: [String, Number],
-      //4～6
+      // 4～6
       default: 6
     },
     lockScroll: {

package/dist/packages/sidenavbar/SideNavbar.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("side-navbar");
 const _sfc_main = create({
   props: {

package/dist/packages/sidenavbaritem/SideNavbarItem.js

@@ -1,6 +1,6 @@
-import { c as createComponent } from "../component-TCzwHGVq.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
 import { openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("side-navbar-item");
 const _sfc_main = create({
   props: {

package/dist/packages/signature/Signature.js

@@ -18,10 +18,10 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, computed, reactive, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vShow, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
 import { Button as _sfc_main$1 } from "../button/Button.js";
-import { u as useLocale } from "../index-s3RgMhc7.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { u as useLocale } from "../index-CFigyH92.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("signature");
 const cN = "NutSignature";
 const _sfc_main = create({

package/dist/packages/skeleton/Skeleton.js

@@ -1,143 +1,108 @@
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { toRefs, computed, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
-import { N as NutAvatar } from "../index--uVlasFu.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { create } = createComponent("skeleton");
-const _sfc_main = create({
-  components: {
-    NutAvatar
-  },
-  props: {
-    //每行宽度
-    width: {
-      type: String,
-      default: "100px"
-    },
-    //每行高度
-    height: {
-      type: String,
-      default: "15px"
-    },
-    //是否显示动画
-    animated: {
-      type: Boolean,
-      default: false
-    },
-    //头像
-    avatar: {
-      type: Boolean,
-      default: false
-    },
-    //头像形状：正方形/圆形
-    avatarShape: {
-      type: String,
-      default: "round"
-    },
-    //头像大小
-    avatarSize: {
-      type: String,
-      default: "50px"
-    },
-    //是否显示骨架屏
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    //标题/段落 圆角风格
-    round: {
-      type: Boolean,
-      default: false
-    },
-    //显示段落行数
-    row: {
-      type: String,
-      default: "1"
-    },
-    //是否显示段落标题
-    title: {
-      type: Boolean,
-      default: true
+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, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import { N as NutAvatar } from "../index-Do4_KY74.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  key: 1,
+  class: "nut-skeleton"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "nut-skeleton-animation"
+};
+const _hoisted_4 = { class: "nut-skeleton-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutSkeleton"
+}), {
+  __name: "skeleton",
+  props: {
+    width: { default: "100px" },
+    height: { default: "15px" },
+    animated: { type: Boolean, default: false },
+    avatar: { type: Boolean, default: false },
+    avatarShape: { default: "round" },
+    avatarSize: { default: "50px" },
+    loading: { type: Boolean, default: true },
+    round: { type: Boolean, default: false },
+    row: { default: "1" },
+    title: { type: Boolean, default: true }
   },
-  setup(props) {
-    const { avatarShape, round, avatarSize } = toRefs(props);
+  setup(__props) {
+    const props = __props;
     const avatarClass = computed(() => {
       const prefixCls = "avatarClass";
       return {
         [prefixCls]: true,
-        [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
+        [`${prefixCls}--${props.avatarShape}`]: props.avatarShape
       };
     });
     const getBlockClass = (prefixCls) => {
       return {
         [prefixCls]: true,
-        [`${prefixCls}--round`]: round.value
+        [`${prefixCls}--round`]: props.round
       };
     };
-    const getStyle = () => {
-      if (avatarSize.value) {
-        return {
-          width: avatarSize.value,
-          height: avatarSize.value
-        };
-      }
+    const avatarStyle = computed(() => {
       return {
-        width: "50px",
-        height: "50px"
+        width: props.avatarSize,
+        height: props.avatarSize
       };
-    };
-    return {
-      avatarShape,
-      avatarClass,
-      getBlockClass,
-      getStyle
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ])) : (openBlock(), createElementBlock("view", _hoisted_2, [
+        _ctx.animated ? (openBlock(), createElementBlock("view", _hoisted_3)) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_4, [
+          _ctx.avatar ? (openBlock(), createBlock(NutAvatar, {
+            key: 0,
+            class: normalizeClass(avatarClass.value),
+            shape: _ctx.avatarShape,
+            style: normalizeStyle(avatarStyle.value)
+          }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
+          createElementVNode("view", {
+            class: "nut-skeleton-content__line",
+            style: normalizeStyle({ width: _ctx.width })
+          }, [
+            _ctx.title ? (openBlock(), createElementBlock("view", {
+              key: 0,
+              class: normalizeClass(getBlockClass("nut-skeleton-blockTitle")),
+              style: normalizeStyle({ height: _ctx.height })
+            }, null, 6)) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (_) => {
+              return openBlock(), createElementBlock("view", {
+                key: _,
+                class: normalizeClass(getBlockClass("nut-skeleton-blockLine")),
+                style: normalizeStyle({ height: _ctx.height })
+              }, null, 6);
+            }), 128))
+          ], 4)
+        ])
+      ]));
     };
   }
-});
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = {
-  key: 1,
-  class: "nut-skeleton"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "nut-skeleton-animation"
-};
-const _hoisted_4 = { class: "nut-skeleton-content" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_avatar = resolveComponent("nut-avatar");
-  return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ])) : (openBlock(), createElementBlock("view", _hoisted_2, [
-    _ctx.animated ? (openBlock(), createElementBlock("view", _hoisted_3)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_4, [
-      _ctx.avatar ? (openBlock(), createBlock(_component_nut_avatar, {
-        key: 0,
-        class: normalizeClass(_ctx.avatarClass),
-        shape: _ctx.avatarShape,
-        style: normalizeStyle(_ctx.getStyle())
-      }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
-      createElementVNode("view", {
-        class: "nut-skeleton-content__line",
-        style: normalizeStyle({ width: _ctx.width })
-      }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockTitle")),
-          style: normalizeStyle({ height: _ctx.height })
-        }, null, 6)) : createCommentVNode("", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (_) => {
-          return openBlock(), createElementBlock("view", {
-            key: _,
-            class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockLine")),
-            style: normalizeStyle({ height: _ctx.height })
-          }, null, 6);
-        }), 128))
-      ], 4)
-    ])
-  ]));
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Skeleton,
+  _sfc_main as default
 };

package/dist/packages/sku/Sku.js

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
 import { Price as _sfc_main$5 } from "../price/Price.js";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { u as useLocale } from "../index-s3RgMhc7.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { u as useLocale } from "../index-CFigyH92.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 import { InputNumber as _sfc_main$6 } from "../inputnumber/InputNumber.js";
-import { N as NutPopup } from "../index-BqB5dTeo.js";
+import { N as NutPopup } from "../index-uHBD4dfS.js";
 const { create: create$4 } = createComponent("sku-header");
 const cN$1 = "NutSkuHeader";
 const _sfc_main$4 = create$4({

package/dist/packages/space/Space.js

@@ -1,5 +1,5 @@
 import { h, Fragment, Comment, Text } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
 const { create, componentName } = createComponent("space");
 const _sfc_main = create({
   props: {

package/dist/packages/step/Step.js

@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
 };
 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-TCzwHGVq.js";
-import { S as STEPS_KEY } from "../types-RCVUm7Nb.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.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({
   props: {

package/dist/packages/steps/Steps.js

@@ -1,6 +1,6 @@
 import { reactive, computed, provide, h } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { S as STEPS_KEY } from "../types-RCVUm7Nb.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { S as STEPS_KEY } from "../types-1HzUV14W.js";
 const { create, componentName } = createComponent("steps");
 const _sfc_main = create({
   props: {

package/dist/packages/sticky/Sticky.js

@@ -1,8 +1,8 @@
 import { ref, reactive, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { g as getScrollParent } from "../index-xDfQLRen.js";
-import { u as useRect } from "../index-cp6Ms_Qe.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { g as getScrollParent } from "../index-BvmDLUYP.js";
+import { u as useRect } from "../index-B1qsj2XR.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("sticky");
 const _sfc_main = create({
   props: {

package/dist/packages/subsidenavbar/SubSideNavbar.js

@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, toDisplayString, createBlock, withDirectives, normalizeClass, normalizeStyle, renderSlot, vShow } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
 import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("sub-side-navbar");
 const _sfc_main = create({
   props: {

package/dist/packages/swipe/Swipe.js

@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, ref, computed, inject, watch, reactive, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { u as useTouch } from "../index-084nl_oE.js";
-import { S as SWIPE_KEY } from "../types-qOrhXtA_.js";
-import { w as withInstall } from "../with-install-p59gYYU_.js";
+import { u as useTouch } from "../index-I8tfW3Kf.js";
+import { S as SWIPE_KEY } from "../types-BWhKcf4T.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutSwipe"
 }), {

package/dist/packages/swipegroup/SwipeGroup.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, ref, provide, openBlock, createElementBlock, renderSlot } from "vue";
-import { S as SWIPE_KEY } from "../types-qOrhXtA_.js";
-import { w as withInstall } from "../with-install-p59gYYU_.js";
+import { S as SWIPE_KEY } from "../types-BWhKcf4T.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutSwipeGroup"
 }), {

package/dist/packages/swiper/Swiper.js

@@ -1,10 +1,10 @@
 import { ref, reactive, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { e as clamp } from "../util-4Jkyw4BJ.js";
-import { u as useTouch } from "../index-084nl_oE.js";
-import { r as requestAniFrame } from "../raf-MQjoO-Ag.js";
-import { S as SWIPER_KEY } from "../types-9wCQwtH3.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { e as clamp } from "../util-DnfK0Qan.js";
+import { u as useTouch } from "../index-I8tfW3Kf.js";
+import { r as requestAniFrame } from "../raf-c01wDYCo.js";
+import { S as SWIPER_KEY } from "../types-DUkJysbi.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create, componentName } = createComponent("swiper");
 const _sfc_main = create({
   props: {
@@ -17,7 +17,7 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "horizontal"
-      //horizontal and vertical
+      // horizontal and vertical
     },
     paginationVisible: {
       type: Boolean,

package/dist/packages/swiperitem/SwiperItem.js

@@ -1,7 +1,7 @@
 import { getCurrentInstance, inject, reactive, computed, onUnmounted, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { S as SWIPER_KEY } from "../types-9wCQwtH3.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { S as SWIPER_KEY } from "../types-DUkJysbi.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 function useExpose(apis) {
   const instance = getCurrentInstance();
   if (instance) {

package/dist/packages/switch/Switch.js

@@ -1,63 +1,52 @@
-import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.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, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
 import { Loading1 } from "@nutui/icons-vue";
-import { u as useFormDisabled } from "../common-FZL3qC99.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { componentName, create } = createComponent("switch");
-const _sfc_main = create({
-  components: { Loading1 },
+import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { class: "nut-switch-button" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutSwitch"
+}), {
+  __name: "switch",
   props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * @deprecated Please use `disabled` prop instead.
-     */
-    disable: {
-      type: Boolean,
-      default: false
-    },
-    activeColor: {
-      type: String,
-      default: ""
-    },
-    inactiveColor: {
-      type: String,
-      default: ""
-    },
-    activeText: {
-      type: String,
-      default: ""
-    },
-    inactiveText: {
-      type: String,
-      default: ""
-    },
-    activeValue: {
-      type: [String, Number, Boolean],
-      default: true
-    },
-    inactiveValue: {
-      type: [String, Number, Boolean],
-      default: false
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    }
+    modelValue: { type: [String, Number, Boolean], default: false },
+    disabled: { type: Boolean, default: false },
+    activeColor: { default: "" },
+    inactiveColor: { default: "" },
+    activeText: { default: "" },
+    inactiveText: { default: "" },
+    activeValue: { type: [String, Number, Boolean], default: true },
+    inactiveValue: { type: [String, Number, Boolean], default: false },
+    loading: { type: Boolean, default: false },
+    disable: { type: Boolean, default: false }
   },
   emits: ["change", "update:modelValue", "update:loading"],
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const legacyDisabled = computed(() => props.disabled || props.disable);
     const disabled = useFormDisabled(legacyDisabled);
     const isActive = computed(() => props.modelValue === props.activeValue);
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-switch";
       return {
         [prefixCls]: true,
         [isActive.value ? "nut-switch-open" : "nut-switch-close"]: true,
@@ -89,41 +78,34 @@ const _sfc_main = create({
         }
       }
     );
-    return {
-      classes,
-      style,
-      isActive,
-      onClick
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(classes.value),
+        style: normalizeStyle(style.value),
+        onClick
+      }, [
+        createElementVNode("view", _hoisted_1, [
+          _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+            createVNode(unref(Loading1), {
+              name: "loading",
+              color: _ctx.activeColor
+            }, null, 8, ["color"])
+          ]) : createCommentVNode("", true),
+          _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
+              [vShow, isActive.value]
+            ]),
+            withDirectives(createElementVNode("view", { class: "nut-switch-label close" }, toDisplayString(_ctx.inactiveText), 513), [
+              [vShow, !isActive.value]
+            ])
+          ], 64)) : createCommentVNode("", true)
+        ])
+      ], 6);
     };
   }
-});
-const _hoisted_1 = { class: "nut-switch-button" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Loading1 = resolveComponent("Loading1");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.style),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, [
-    createElementVNode("view", _hoisted_1, [
-      _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-        createVNode(_component_Loading1, {
-          name: "loading",
-          color: _ctx.activeColor
-        }, null, 8, ["color"])
-      ]) : createCommentVNode("", true),
-      _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
-          [vShow, _ctx.isActive]
-        ]),
-        withDirectives(createElementVNode("view", { class: "nut-switch-label close" }, toDisplayString(_ctx.inactiveText), 513), [
-          [vShow, !_ctx.isActive]
-        ])
-      ], 64)) : createCommentVNode("", true)
-    ])
-  ], 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Switch,
+  _sfc_main as default
 };