@nutui/nutui 4.1.0 → 4.1.1

package/dist/packages/_es/Swipe.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { u as useTouch } from "./index-7a7385e4.js";
-import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { ref, computed, inject, watch, reactive, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("swipe");
+const { create } = createComponent("swipe");
 const _sfc_main = create({
   props: {
     name: {
@@ -42,25 +42,32 @@ const _sfc_main = create({
       default: false
     }
   },
-  emits: ["open", "close"],
+  emits: ["open", "close", "click"],
   setup(props, { emit }) {
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const getRefWidth = (ref2) => {
       var _a;
-      return ((_a = ref2.value) == null ? void 0 : _a.clientWidth) || 0;
+      return ((_a = ref2.value) == null ? void 0 : _a.getBoundingClientRect().width) || 0;
     };
+    const lockClick = ref(false);
     const leftRef = ref(), leftRefWidth = computed(() => {
       return getRefWidth(leftRef);
     });
     const rightRef = ref(), rightRefWidth = computed(() => {
       return getRefWidth(rightRef);
     });
-    let opened = false;
+    const parent = inject("swipeGroup", null);
+    watch(
+      () => {
+        var _a;
+        return (_a = parent == null ? void 0 : parent.name) == null ? void 0 : _a.value;
+      },
+      (name) => {
+        if (props.name !== name && parent && parent.lock) {
+          close();
+        }
+      }
+    );
+    const opened = ref(false);
     let position = "";
     let oldPosition = "";
     const state = reactive({
@@ -68,7 +75,8 @@ const _sfc_main = create({
       moving: false
     });
     const open = (p = "") => {
-      opened = true;
+      parent && parent.update(props.name);
+      opened.value = true;
       if (p) {
         state.offset = p === "left" ? -rightRefWidth.value : leftRefWidth.value;
       }
@@ -79,11 +87,21 @@ const _sfc_main = create({
     };
     const close = () => {
       state.offset = 0;
-      opened = false;
-      emit("close", {
-        name: props.name,
-        position
-      });
+      if (opened.value) {
+        opened.value = false;
+        emit("close", {
+          name: props.name,
+          position
+        });
+      }
+    };
+    const onClick = (e, position2, lock) => {
+      if (lock) {
+        e.stopPropagation();
+      } else {
+        close();
+      }
+      emit("click", position2);
     };
     const touchStyle = computed(() => {
       return {
@@ -95,14 +113,14 @@ const _sfc_main = create({
       let offset = deltaX;
       switch (position) {
         case "left":
-          if (opened && oldPosition === position) {
+          if (opened.value && oldPosition === position) {
             offset = -rightRefWidth.value;
           } else {
             offset = Math.abs(deltaX) > rightRefWidth.value ? -rightRefWidth.value : deltaX;
           }
           break;
         case "right":
-          if (opened && oldPosition === position) {
+          if (opened.value && oldPosition === position) {
             offset = leftRefWidth.value;
           } else {
             offset = Math.abs(deltaX) > leftRefWidth.value ? leftRefWidth.value : deltaX;
@@ -123,6 +141,7 @@ const _sfc_main = create({
           return;
         touch.move(event);
         if (touch.isHorizontal()) {
+          lockClick.value = true;
           state.moving = true;
           setoffset(touch.deltaX.value);
           if (props.touchMovePreventDefault) {
@@ -155,48 +174,54 @@ const _sfc_main = create({
               }
               break;
           }
+          setTimeout(() => {
+            lockClick.value = false;
+          }, 0);
         }
       }
     };
     return __spreadProps(__spreadValues({
-      classes,
       touchStyle
     }, touchMethods), {
       leftRef,
       rightRef,
       open,
-      close
+      close,
+      onClick,
+      lockClick
     });
   }
 });
-const _hoisted_1 = {
-  class: "nut-swipe__left",
-  ref: "leftRef"
-};
-const _hoisted_2 = { class: "nut-swipe__content" };
-const _hoisted_3 = {
-  class: "nut-swipe__right",
-  ref: "rightRef"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
+    class: "nut-swipe",
     style: normalizeStyle(_ctx.touchStyle),
-    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
-    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
-    onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+    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", _hoisted_1, [
+    createElementVNode("view", {
+      class: "nut-swipe__left",
+      ref: "leftRef",
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onClick($event, "left", true))
+    }, [
       renderSlot(_ctx.$slots, "left")
     ], 512),
-    createElementVNode("view", _hoisted_2, [
+    createElementVNode("view", {
+      class: "nut-swipe__content",
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onClick($event, "content", _ctx.lockClick))
+    }, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3, [
+    createElementVNode("view", {
+      class: "nut-swipe__right",
+      ref: "rightRef",
+      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onClick($event, "right", true))
+    }, [
       renderSlot(_ctx.$slots, "right")
     ], 512)
-  ], 38);
+  ], 36);
 }
 const Swipe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/SwipeGroup.js

@@ -0,0 +1,39 @@
+import { ref, provide, openBlock, createElementBlock, renderSlot } from "vue";
+import { c as createComponent } from "./component-0fbad28e.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import "../locale/lang";
+const { create } = createComponent("swipe-group");
+const _sfc_main = create({
+  props: {
+    lock: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const swipeGroupRef = ref(null);
+    const name = ref("");
+    const update = (n) => {
+      name.value = n;
+    };
+    provide("swipeGroup", {
+      update,
+      lock: props.lock,
+      name
+    });
+    return { swipeGroupRef };
+  }
+});
+const _hoisted_1 = {
+  class: "nut-swipe-group",
+  ref: "swipeGroupRef"
+};
+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]]);
+export {
+  index as default
+};

package/dist/packages/_es/Tabs.js

@@ -55,9 +55,14 @@ const useTabContentTouch = (props, tabMethods, taro, useTaroRect) => {
   const initTaroWidth = () => __async(void 0, null, function* () {
     var _a, _b;
     if (taro && taro.getEnv() !== taro.ENV_TYPE.WEB) {
-      let rect = yield useTaroRect(tabsContentRef);
-      tabsContentRefRect.value.width = rect.width || 0;
-      tabsContentRefRect.value.height = rect.height || 0;
+      useTaroRect(tabsContentRef).then(
+        (rect) => {
+          tabsContentRefRect.value.width = rect.width || 0;
+          tabsContentRefRect.value.height = rect.height || 0;
+        },
+        () => {
+        }
+      );
     } else {
       tabsContentRefRect.value.width = ((_a = tabsContentRef.value) == null ? void 0 : _a.clientWidth) || 0;
       tabsContentRefRect.value.height = ((_b = tabsContentRef.value) == null ? void 0 : _b.clientHeight) || 0;

package/dist/packages/_es/Tag.js

@@ -1,13 +1,19 @@
-import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
 import { Close } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("tag");
+const { create } = createComponent("tag");
 const _sfc_main = create({
   props: {
-    color: { type: String, default: "" },
-    textColor: { type: String, default: "" },
+    color: {
+      type: String,
+      default: ""
+    },
+    textColor: {
+      type: String,
+      default: ""
+    },
     type: {
       type: String,
       default: "default"
@@ -34,32 +40,31 @@ const _sfc_main = create({
   },
   emits: ["close", "click"],
   setup(props, { emit }) {
-    const { type, color, plain, round, mark, textColor } = toRefs(props);
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-tag";
       return {
         [prefixCls]: true,
-        [`${prefixCls}--${type.value}`]: type.value,
-        [`${prefixCls}--plain`]: plain.value,
-        [`${prefixCls}--round`]: round.value,
-        [`${prefixCls}--mark`]: mark.value
+        [`${prefixCls}--${props.type}`]: props.type,
+        [`${prefixCls}--plain`]: props.plain,
+        [`${prefixCls}--round`]: props.round,
+        [`${prefixCls}--mark`]: props.mark
       };
     });
-    const getStyle = () => {
-      const style = {};
-      if (textColor.value) {
-        style.color = textColor.value;
-      } else if (color.value && plain.value) {
-        style.color = color.value;
+    const style = computed(() => {
+      const style2 = {};
+      if (props.textColor) {
+        style2.color = props.textColor;
+      } else if (props.color && props.plain) {
+        style2.color = props.color;
       }
-      if (plain.value) {
-        style.background = "#fff";
-        style["border-color"] = color.value;
-      } else if (color.value) {
-        style.background = color.value;
+      if (props.plain) {
+        style2.background = "#fff";
+        style2["border-color"] = props.color;
+      } else if (props.color) {
+        style2.background = props.color;
       }
-      return style;
-    };
+      return style2;
+    });
     const onClose = (event) => {
       event.stopPropagation();
       emit("close", event);
@@ -69,7 +74,7 @@ const _sfc_main = create({
     };
     return {
       classes,
-      getStyle,
+      style,
       onClose,
       onClick
     };
@@ -79,7 +84,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Close = resolveComponent("Close");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.getStyle()),
+    style: normalizeStyle(_ctx.style),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [
     renderSlot(_ctx.$slots, "default"),

package/dist/packages/_es/Uploader.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { ref, watch, computed, h, reactive, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode } from "vue";
+import { ref, watch, h, reactive, resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
 import { f as funInterceptor } from "./Interceptor-c05a39f2.js";
 import Progress from "./Progress.js";
@@ -90,7 +90,7 @@ class FileItem {
     __publicField(this, "formData", {});
   }
 }
-const { componentName, create, translate } = createComponent("uploader");
+const { create, translate } = createComponent("uploader");
 const _sfc_main = create({
   components: {
     [Progress.name]: Progress,
@@ -159,12 +159,6 @@ const _sfc_main = create({
         fileList.value = props.fileList;
       }
     );
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const renderInput = () => {
       let params = {
         class: `nut-uploader__input`,
@@ -344,7 +338,6 @@ const _sfc_main = create({
       onChange,
       onDelete,
       fileList,
-      classes,
       fileItemClick,
       clearUploadQueue,
       submit,
@@ -352,34 +345,35 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = { class: "nut-uploader" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-uploader__slot"
 };
-const _hoisted_2 = {
+const _hoisted_3 = {
   key: 0,
   class: "nut-uploader__preview-img"
 };
-const _hoisted_3 = {
+const _hoisted_4 = {
   key: 0,
   class: "nut-uploader__preview__progress"
 };
-const _hoisted_4 = { class: "nut-uploader__preview__progress__msg" };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = ["onClick", "src"];
-const _hoisted_7 = {
+const _hoisted_5 = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick", "src"];
+const _hoisted_8 = {
   key: 3,
   class: "nut-uploader__preview-img__file"
 };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "file__name_tips" };
-const _hoisted_10 = { class: "tips" };
-const _hoisted_11 = {
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "file__name_tips" };
+const _hoisted_11 = { class: "tips" };
+const _hoisted_12 = {
   key: 1,
   class: "nut-uploader__preview-list"
 };
-const _hoisted_12 = ["onClick"];
-const _hoisted_13 = { class: "file__name_tips" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "file__name_tips" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Failure = resolveComponent("Failure");
   const _component_Loading = resolveComponent("Loading");
@@ -387,10 +381,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Del = resolveComponent("Del");
   const _component_nut_progress = resolveComponent("nut-progress");
   const _component_Photograph = resolveComponent("Photograph");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_2, [
       renderSlot(_ctx.$slots, "default"),
       Number(_ctx.maximum) - _ctx.fileList.length ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput), {
         key: 0,
@@ -403,8 +395,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["nut-uploader__preview", [_ctx.listType]]),
         key: item.uid
       }, [
-        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_2, [
-          item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_3, [
+        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_3, [
+          item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_4, [
             item.status != "ready" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               item.status == "error" ? (openBlock(), createBlock(_component_Failure, {
                 key: 0,
@@ -415,7 +407,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 color: "#fff"
               }))
             ], 64)) : createCommentVNode("", true),
-            createElementVNode("view", _hoisted_4, toDisplayString(item.message), 1)
+            createElementVNode("view", _hoisted_5, toDisplayString(item.message), 1)
           ])) : createCommentVNode("", true),
           _ctx.isDeletable ? (openBlock(), createElementBlock("view", {
             key: 1,
@@ -425,35 +417,35 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "delete-icon", {}, () => [
               createVNode(_component_Failure)
             ])
-          ], 8, _hoisted_5)) : createCommentVNode("", true),
+          ], 8, _hoisted_6)) : createCommentVNode("", true),
           ((_a = item == null ? void 0 : item.type) == null ? void 0 : _a.includes("image")) && item.url ? (openBlock(), createElementBlock("img", {
             key: 2,
             class: "nut-uploader__preview-img__c",
             onClick: ($event) => _ctx.fileItemClick(item),
             src: item.url
-          }, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("view", _hoisted_7, [
+          }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("view", _hoisted_8, [
             createElementVNode("view", {
               onClick: ($event) => _ctx.fileItemClick(item),
               class: "nut-uploader__preview-img__file__name"
             }, [
-              createElementVNode("view", _hoisted_9, toDisplayString(item.name), 1)
-            ], 8, _hoisted_8)
+              createElementVNode("view", _hoisted_10, toDisplayString(item.name), 1)
+            ], 8, _hoisted_9)
           ])),
-          createElementVNode("view", _hoisted_10, toDisplayString(item.name), 1)
-        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_11, [
+          createElementVNode("view", _hoisted_11, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_12, [
           createElementVNode("view", {
             onClick: ($event) => _ctx.fileItemClick(item),
             class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
           }, [
             createVNode(_component_Link, { class: "nut-uploader__preview-img__file__link" }),
-            createElementVNode("view", _hoisted_13, toDisplayString(item.name), 1),
+            createElementVNode("view", _hoisted_14, toDisplayString(item.name), 1),
             _ctx.isDeletable ? (openBlock(), createBlock(_component_Del, {
               key: 0,
               color: "#808080",
               class: "nut-uploader__preview-img__file__del",
               onClick: ($event) => _ctx.onDelete(item, index2)
             }, null, 8, ["onClick"])) : createCommentVNode("", true)
-          ], 10, _hoisted_12),
+          ], 10, _hoisted_13),
           item.status == "uploading" ? (openBlock(), createBlock(_component_nut_progress, {
             key: 0,
             size: "small",
@@ -473,7 +465,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderInput), { onChange: _ctx.onChange }, null, 40, ["onChange"]))
     ], 2)) : createCommentVNode("", true)
-  ], 2);
+  ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/button/index.scss

@@ -59,41 +59,48 @@
   &--default {
     color: $button-default-color;
     background: $button-default-bg-color;
+    background-origin: border-box;
     border: $button-border-width solid $button-default-border-color;
   }
 
   &--primary {
     color: $button-primary-color;
     background: $button-primary-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
   }
 
   &--info {
     color: $button-info-color;
     background: $button-info-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
   }
 
   &--success {
     color: $button-success-color;
     background: $button-success-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
   }
 
   &--danger {
     color: $button-danger-color;
     background: $button-danger-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
   }
 
   &--warning {
     color: $button-warning-color;
     background: $button-warning-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
   }
 
   &--plain {
     background: $button-plain-background-color;
+    background-origin: border-box;
 
     &.nut-button--primary {
       color: $button-primary-border-color;
@@ -176,39 +183,46 @@
 .nut-button--default:not([disabled]):active {
   color: $button-default-color;
   background: $button-default-bg-color;
+  background-origin: border-box;
   border: $button-border-width solid $button-default-border-color;
 }
 .nut-button--primary:not([disabled]):active {
   color: $button-primary-color;
   background: $button-primary-background-color;
+  background-origin: border-box;
   border: $button-border-width solid transparent;
 }
 
 .nut-button--info:not([disabled]):active {
   color: $button-info-color;
   background: $button-info-background-color;
+  background-origin: border-box;
   border: $button-border-width solid transparent;
 }
 
 .nut-button--success:not([disabled]):active {
   color: $button-success-color;
   background: $button-success-background-color;
+  background-origin: border-box;
   border: $button-border-width solid transparent;
 }
 
 .nut-button--danger:not([disabled]):active {
   color: $button-danger-color;
   background: $button-danger-background-color;
+  background-origin: border-box;
   border: $button-border-width solid transparent;
 }
 
 .nut-button--warning:not([disabled]):active {
   color: $button-warning-color;
   background: $button-warning-background-color;
+  background-origin: border-box;
   border: $button-border-width solid transparent;
 }
 .nut-button--plain:not([disabled]):active {
   background: $button-plain-background-color;
+  background-origin: border-box;
 }
 .nut-button--plain {
   &.nut-button--primary:not([disabled]):active {

package/dist/packages/progress/index.scss

@@ -2,6 +2,7 @@
   width: 100%;
   position: relative;
   display: flex;
+  align-items: center;
   .nut-progress-outer {
     flex: 1;
     background-color: $progress-outer-background-color;
@@ -22,6 +23,11 @@
       justify-content: center;
       color: #fff;
     }
+    .nut-progress-slot {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
     .nut-active {
       &:before {
         content: '';

package/dist/packages/swipe/index.scss

@@ -1,6 +1,7 @@
 .nut-swipe {
   position: relative;
   display: block;
+  cursor: grab;
   transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
   &__left,
   &__right {

package/dist/packages/swipegroup/index.mjs

@@ -0,0 +1,4 @@
+import _SwipeGroup from '../_es/SwipeGroup.js';
+const treeshaking = (t) => t;
+const SwipeGroup = treeshaking(_SwipeGroup);
+export { SwipeGroup };

package/dist/packages/swipegroup/style.mjs

@@ -0,0 +1,2 @@
+import '../../styles/reset.css';
+import './index.scss';