@nutui/nutui 4.3.2 → 4.3.4

package/dist/packages/swipe/Swipe.js

@@ -17,33 +17,24 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { u as useTouch } from "../index-084nl_oE.js";
-import { ref, computed, inject, watch, reactive, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { S as SWIPE_KEY } from "../types-qOrhXtA_.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { create } = createComponent("swipe");
-const _sfc_main = create({
+import { defineComponent, ref, computed, inject, watch, reactive, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
+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"
+}), {
+  __name: "swipe",
   props: {
-    name: {
-      type: String,
-      default: ""
-    },
-    touchMoveStopPropagation: {
-      type: Boolean,
-      default: false
-    },
-    touchMovePreventDefault: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
+    name: { default: "" },
+    touchMoveStopPropagation: { type: Boolean, default: false },
+    touchMovePreventDefault: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false }
   },
   emits: ["open", "close", "click"],
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const getRefWidth = (ref2) => {
       var _a;
       return ((_a = ref2.value) == null ? void 0 : _a.getBoundingClientRect().width) || 0;
@@ -130,100 +121,95 @@ const _sfc_main = create({
       state.offset = offset;
     };
     const touch = useTouch();
-    const touchMethods = {
-      onTouchStart(event) {
-        if (props.disabled)
-          return;
-        touch.start(event);
-      },
-      onTouchMove(event) {
-        if (props.disabled)
-          return;
-        touch.move(event);
-        if (touch.isHorizontal()) {
-          lockClick.value = true;
-          state.moving = true;
-          setoffset(touch.deltaX.value);
-          if (props.touchMovePreventDefault) {
-            event.preventDefault();
-          }
-          if (props.touchMoveStopPropagation) {
-            event.stopPropagation();
-          }
+    const onTouchStart = (event) => {
+      if (props.disabled)
+        return;
+      touch.start(event);
+    };
+    const onTouchMove = (event) => {
+      if (props.disabled)
+        return;
+      touch.move(event);
+      if (touch.isHorizontal()) {
+        lockClick.value = true;
+        state.moving = true;
+        setoffset(touch.deltaX.value);
+        if (props.touchMovePreventDefault) {
+          event.preventDefault();
         }
-      },
-      onTouchEnd() {
-        if (state.moving) {
-          state.moving = false;
-          oldPosition = position;
-          switch (position) {
-            case "left":
-              if (Math.abs(state.offset) <= rightRefWidth.value / 2) {
-                close();
-              } else {
-                state.offset = -rightRefWidth.value;
-                open();
-              }
-              break;
-            case "right":
-              if (Math.abs(state.offset) <= leftRefWidth.value / 2) {
-                close();
-              } else {
-                state.offset = leftRefWidth.value;
-                open();
-              }
-              break;
-          }
-          setTimeout(() => {
-            lockClick.value = false;
-          }, 0);
+        if (props.touchMoveStopPropagation) {
+          event.stopPropagation();
         }
       }
     };
-    return __spreadProps(__spreadValues({
-      touchStyle
-    }, touchMethods), {
-      leftRef,
-      rightRef,
+    const onTouchEnd = () => {
+      if (state.moving) {
+        state.moving = false;
+        oldPosition = position;
+        switch (position) {
+          case "left":
+            if (Math.abs(state.offset) <= rightRefWidth.value / 2) {
+              close();
+            } else {
+              state.offset = -rightRefWidth.value;
+              open();
+            }
+            break;
+          case "right":
+            if (Math.abs(state.offset) <= leftRefWidth.value / 2) {
+              close();
+            } else {
+              state.offset = leftRefWidth.value;
+              open();
+            }
+            break;
+        }
+        setTimeout(() => {
+          lockClick.value = false;
+        }, 0);
+      }
+    };
+    __expose({
       open,
-      close,
-      onClick,
-      lockClick
+      close
     });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: "nut-swipe",
+        style: normalizeStyle(touchStyle.value),
+        onTouchstart: onTouchStart,
+        onTouchmove: onTouchMove,
+        onTouchend: onTouchEnd,
+        onTouchcancel: onTouchEnd
+      }, [
+        createElementVNode("view", {
+          ref_key: "leftRef",
+          ref: leftRef,
+          class: "nut-swipe__left",
+          onClick: _cache[0] || (_cache[0] = ($event) => onClick($event, "left", true))
+        }, [
+          renderSlot(_ctx.$slots, "left")
+        ], 512),
+        createElementVNode("view", {
+          class: "nut-swipe__content",
+          onClick: _cache[1] || (_cache[1] = ($event) => onClick($event, "content", lockClick.value))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        createElementVNode("view", {
+          ref_key: "rightRef",
+          ref: rightRef,
+          class: "nut-swipe__right",
+          onClick: _cache[2] || (_cache[2] = ($event) => onClick($event, "right", true))
+        }, [
+          renderSlot(_ctx.$slots, "right")
+        ], 512)
+      ], 36);
+    };
   }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: "nut-swipe",
-    style: normalizeStyle(_ctx.touchStyle),
-    onTouchstart: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
-    onTouchmove: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
-    onTouchend: _cache[5] || (_cache[5] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
-    onTouchcancel: _cache[6] || (_cache[6] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
-  }, [
-    createElementVNode("view", {
-      ref: "leftRef",
-      class: "nut-swipe__left",
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onClick($event, "left", true))
-    }, [
-      renderSlot(_ctx.$slots, "left")
-    ], 512),
-    createElementVNode("view", {
-      class: "nut-swipe__content",
-      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onClick($event, "content", _ctx.lockClick))
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    createElementVNode("view", {
-      ref: "rightRef",
-      class: "nut-swipe__right",
-      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onClick($event, "right", true))
-    }, [
-      renderSlot(_ctx.$slots, "right")
-    ], 512)
-  ], 36);
-}
-const NutSwipe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  NutSwipe as default
+  _sfc_main as Swipe,
+  _sfc_main as default
 };

package/dist/packages/swipegroup/SwipeGroup.js

@@ -1,16 +1,34 @@
-import { ref, provide, openBlock, createElementBlock, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { S as SWIPE_KEY } from "../types-qOrhXtA_.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { create } = createComponent("swipe-group");
-const _sfc_main = create({
-  props: {
-    lock: {
-      type: Boolean,
-      default: false
+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, ref, provide, openBlock, createElementBlock, renderSlot } from "vue";
+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"
+}), {
+  __name: "swipe-group",
+  props: {
+    lock: { type: Boolean, default: false }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const swipeGroupRef = ref(null);
     const name = ref("");
     const update = (n) => {
@@ -21,19 +39,19 @@ const _sfc_main = create({
       lock: props.lock,
       name
     });
-    return { swipeGroupRef };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "swipeGroupRef",
+        ref: swipeGroupRef,
+        class: "nut-swipe-group"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
   }
-});
-const _hoisted_1 = {
-  ref: "swipeGroupRef",
-  class: "nut-swipe-group"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ], 512);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as SwipeGroup,
+  _sfc_main as default
 };

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
 };