@deot/vc 1.0.43 → 1.0.45

package/dist/index.umd.cjs

@@ -127,6 +127,222 @@
     return parent;
   };
 
+  const IS_SERVER$2 = typeof window === "undefined";
+
+  const hasClass = (el, cls) => {
+    if (IS_SERVER$2 || !cls) return false;
+    if (cls.includes(" ")) {
+      throw new Error("[@deot/helper-dom]: 类名不应该包含空格");
+    }
+    if (el.classList) {
+      return el.classList.contains(cls);
+    } else {
+      return (" " + el.className + " ").indexOf(" " + cls + " ") > -1;
+    }
+  };
+
+  const addClass = (el, cls) => {
+    if (IS_SERVER$2 || !cls) return;
+    let curClass = el.className;
+    const classes = cls.split(" ");
+    for (let i = 0, j = classes.length; i < j; i++) {
+      const clsName = classes[i];
+      if (clsName) {
+        if (el.classList) {
+          el.classList.add(clsName);
+        } else if (!hasClass(el, clsName)) {
+          curClass += " " + clsName;
+        }
+      }
+    }
+    if (!el.classList) {
+      el.className = curClass;
+    }
+  };
+
+  const composedPath = (e) => {
+    const path = e.composedPath && e.composedPath() || [];
+    if (path.length) return path;
+    let parent = e.target?.parentNode;
+    /* istanbul ignore next -- @preserve */
+    while (parent) {
+      path.push(parent);
+      parent = parent.parentNode;
+    }
+    return path;
+  };
+
+  const contains$1 = (el, child) => {
+    if (IS_SERVER$2 || !child) return false;
+    const childRect = child.getBoundingClientRect();
+    let elRect;
+    if (!el || [window, document, document.documentElement].includes(el)) {
+      elRect = {
+        top: 0,
+        right: window.innerWidth,
+        bottom: window.innerHeight,
+        left: 0
+      };
+    } else {
+      elRect = el.getBoundingClientRect();
+    }
+    return childRect.top < elRect.bottom && childRect.bottom > elRect.top && childRect.right > elRect.left && childRect.left < elRect.right;
+  };
+
+  const el$1 = (v) => {
+    if (IS_SERVER$2) return null;
+    let target;
+    if (typeof v === "object") {
+      target = v;
+    } else {
+      target = document.querySelector(v);
+    }
+    if (!target) {
+      throw new Error("[@deot/helper-dom]: el缺失");
+    }
+    return target;
+  };
+
+  const getStyle$1 = (el, name) => {
+    if (IS_SERVER$2 || !name) return "";
+    if (name === "float") {
+      name = "cssFloat";
+    }
+    try {
+      const computed = document.defaultView.getComputedStyle(el, "");
+      return el.style[name] || (computed?.[name] || "");
+    } catch (e) {
+      return el.style[name] || "";
+    }
+  };
+
+  const isScroller = (el, options) => {
+    if (IS_SERVER$2 || !el) return false;
+    const { className, direction } = options || {};
+    let overflow = getStyle$1(el, `overflow-${direction ? "y" : "x"}`);
+    overflow = overflow || getStyle$1(el, "overflow");
+    return !!(overflow.match(/(scroll|auto)/) || className?.test(el.className));
+  };
+
+  const getScroller = (el, options) => {
+    if (IS_SERVER$2 || !el) return null;
+    let parent = el;
+    while (parent) {
+      if ([window, document, document.documentElement].includes(parent)) {
+        return window;
+      }
+      if (isScroller(parent, options)) {
+        return parent;
+      }
+      parent = parent?.parentNode;
+    }
+    return parent;
+  };
+
+  const off = (el, event, handler, options) => {
+    if (IS_SERVER$2) return;
+    el.removeEventListener(event, handler, false);
+  };
+
+  const on = (el, event, handler, options) => {
+    if (IS_SERVER$2) return () => {
+    };
+    el.addEventListener(event, handler, false);
+    return () => {
+      el.removeEventListener(event, handler, false);
+    };
+  };
+
+  const $target = IS_SERVER$2 ? {} : document.createElement("div").style;
+  const prefix$1 = (() => {
+    const keys = {
+      webkit: "webkitTransform",
+      Moz: "MozTransform",
+      O: "OTransform",
+      ms: "msTransform",
+      standard: "transform"
+    };
+    const values = {
+      webkit: "-webkit-",
+      Moz: "-moz-",
+      O: "-o-",
+      ms: "-ms-",
+      standard: ""
+    };
+    for (const key in keys) {
+      if ($target[keys[key]] !== void 0) {
+        return {
+          camel: key,
+          kebab: values[key]
+        };
+      }
+    }
+    return false;
+  })();
+  const prefixStyle = (v) => {
+    if (IS_SERVER$2 || prefix$1 === false) {
+      return {
+        camel: v,
+        kebab: v
+      };
+    }
+    return {
+      camel: prefix$1.camel + v.charAt(0).toUpperCase() + v.substr(1),
+      kebab: prefix$1.kebab + v
+    };
+  };
+
+  const removeClass = (el, cls) => {
+    if (IS_SERVER$2 || !cls) return;
+    const classes = cls.split(" ");
+    let curClass = " " + el.className + " ";
+    for (let i = 0, j = classes.length; i < j; i++) {
+      const clsName = classes[i];
+      if (clsName) {
+        if (el.classList) {
+          el.classList.remove(clsName);
+          continue;
+        }
+        /* istanbul ignore next -- @preserve */
+        if (hasClass(el, clsName)) {
+          curClass = curClass.replace(" " + clsName + " ", " ");
+        }
+      }
+    }
+    if (!el.classList) {
+      el.className = curClass.trim();
+    }
+  };
+
+  const scrollIntoView = async (el, options) => {
+    if (IS_SERVER$2) return;
+    const { from = 0, to = 0, duration = 300 } = options || {};
+    const difference = Math.abs(from - to);
+    const step = Math.ceil(difference / duration * 50);
+    let onResolve;
+    const target = new Promise((resolve) => {
+      onResolve = resolve;
+    });
+    const scroll = (start, end) => {
+      if (start === end) {
+        onResolve();
+        return;
+      }
+      let d = start + step > end ? end : start + step;
+      if (start > end) {
+        d = start - step < end ? end : start - step;
+      }
+      if (el === window) {
+        window.scrollTo(d, d);
+      } else {
+        el.scrollTop = d;
+      }
+      window.requestAnimationFrame(() => scroll(d, end));
+    };
+    scroll(from, to);
+    return target;
+  };
+
   const debounce$1 = (original, wait, options) => {
     const { leading, trailing = true, throttle } = options || {};
     let timer;
@@ -222,7 +438,7 @@
     );
   };
 
-  const flatten$1 = (value, parser) => {
+  const flatten$1 = (value, parser, exit) => {
     let need = true;
     let safeCount = 1;
     let parseValue = value;
@@ -232,7 +448,7 @@
       }
       try {
         const next = (parser || decodeURIComponent)(parseValue);
-        if (parseValue === next) {
+        if (parseValue === next || typeof exit === "function" && exit(next)) {
           need = false;
         }
         parseValue = next;
@@ -245,8 +461,7 @@
   };
 
   const flattenJSONParse = (value) => {
-    if (value === null)
-      return null;
+    if (value === null) return null;
     const regex = /^\d+$/;
     if (regex.test(value) && value.length >= 16 && +value > Number.MAX_SAFE_INTEGER) {
       return value;
@@ -2591,7 +2806,7 @@
   function castSlice(array, start, end) {
     var length = array.length;
     end = end === undefined ? length : end;
-    return (false && end >= length) ? array : baseSlice(array, start, end);
+    return (!start && end >= length) ? array : baseSlice(array, start, end);
   }
 
   /** Used to compose unicode character classes. */
@@ -5292,233 +5507,6 @@
     });
   }
 
-  const IS_SERVER$2 = typeof window === "undefined";
-
-  const hasClass = (el, cls) => {
-    if (IS_SERVER$2 || !cls)
-      return false;
-    if (cls.includes(" ")) {
-      throw new Error("[@deot/helper-dom]: 类名不应该包含空格");
-    }
-    if (el.classList) {
-      return el.classList.contains(cls);
-    } else {
-      return (" " + el.className + " ").indexOf(" " + cls + " ") > -1;
-    }
-  };
-
-  const addClass = (el, cls) => {
-    if (IS_SERVER$2 || !cls)
-      return;
-    let curClass = el.className;
-    let classes = cls.split(" ");
-    for (let i = 0, j = classes.length; i < j; i++) {
-      let clsName = classes[i];
-      if (clsName) {
-        if (el.classList) {
-          el.classList.add(clsName);
-        } else if (!hasClass(el, clsName)) {
-          curClass += " " + clsName;
-        }
-      }
-    }
-    if (!el.classList) {
-      el.className = curClass;
-    }
-  };
-
-  const composedPath = (e) => {
-    let path = e.composedPath && e.composedPath() || [];
-    if (path.length)
-      return path;
-    let parent = e.target?.parentNode;
-    /* istanbul ignore next -- @preserve */
-    while (parent) {
-      path.push(parent);
-      parent = parent.parentNode;
-    }
-    return path;
-  };
-
-  const contains$1 = (el, child) => {
-    if (IS_SERVER$2 || !child)
-      return false;
-    let childRect = child.getBoundingClientRect();
-    let elRect;
-    if (!el || [window, document, document.documentElement].includes(el)) {
-      elRect = {
-        top: 0,
-        right: window.innerWidth,
-        bottom: window.innerHeight,
-        left: 0
-      };
-    } else {
-      elRect = el.getBoundingClientRect();
-    }
-    return childRect.top < elRect.bottom && childRect.bottom > elRect.top && childRect.right > elRect.left && childRect.left < elRect.right;
-  };
-
-  const el$1 = (v) => {
-    if (IS_SERVER$2)
-      return null;
-    let target;
-    if (typeof v === "object") {
-      target = v;
-    } else {
-      target = document.querySelector(v);
-    }
-    if (!target) {
-      throw new Error("[@deot/helper-dom]: el缺失");
-    }
-    return target;
-  };
-
-  const getStyle$1 = (el, name) => {
-    if (IS_SERVER$2 || !name)
-      return "";
-    if (name === "float") {
-      name = "cssFloat";
-    }
-    try {
-      let computed = document.defaultView.getComputedStyle(el, "");
-      return el.style[name] || (computed?.[name] || "");
-    } catch (e) {
-      return el.style[name] || "";
-    }
-  };
-
-  const isScroll = (el, direction) => {
-    if (IS_SERVER$2 || !el)
-      return false;
-    let overflow = getStyle$1(el, `overflow-${"x"}`);
-    overflow = overflow || getStyle$1(el, "overflow");
-    return !!overflow.match(/(scroll|auto)/);
-  };
-
-  const getScroller = (el, direction) => {
-    if (IS_SERVER$2 || !el)
-      return null;
-    let parent = el;
-    while (parent) {
-      if ([window, document, document.documentElement].includes(parent)) {
-        return window;
-      }
-      if (isScroll(parent)) {
-        return parent;
-      }
-      parent = parent?.parentNode;
-    }
-    return parent;
-  };
-
-  const off = (el, event, handler, options) => {
-    if (IS_SERVER$2)
-      return;
-    el.removeEventListener(event, handler, false);
-  };
-
-  const on = (el, event, handler, options) => {
-    if (IS_SERVER$2)
-      return () => {
-      };
-    el.addEventListener(event, handler, false);
-    return () => {
-      el.removeEventListener(event, handler, false);
-    };
-  };
-
-  const $target = IS_SERVER$2 ? {} : document.createElement("div").style;
-  const prefix$1 = (() => {
-    let keys = {
-      webkit: "webkitTransform",
-      Moz: "MozTransform",
-      O: "OTransform",
-      ms: "msTransform",
-      standard: "transform"
-    };
-    let values = {
-      webkit: "-webkit-",
-      Moz: "-moz-",
-      O: "-o-",
-      ms: "-ms-",
-      standard: ""
-    };
-    for (let key in keys) {
-      if ($target[keys[key]] !== void 0) {
-        return {
-          camel: key,
-          kebab: values[key]
-        };
-      }
-    }
-    return false;
-  })();
-  const prefixStyle = (v) => {
-    if (IS_SERVER$2 || prefix$1 === false) {
-      return {
-        camel: v,
-        kebab: v
-      };
-    }
-    return {
-      camel: prefix$1.camel + v.charAt(0).toUpperCase() + v.substr(1),
-      kebab: prefix$1.kebab + v
-    };
-  };
-
-  const removeClass = (el, cls) => {
-    if (IS_SERVER$2 || !cls)
-      return;
-    let classes = cls.split(" ");
-    let curClass = " " + el.className + " ";
-    for (let i = 0, j = classes.length; i < j; i++) {
-      let clsName = classes[i];
-      if (clsName) {
-        if (el.classList) {
-          el.classList.remove(clsName);
-          continue;
-        }
-        /* istanbul ignore next -- @preserve */
-        if (hasClass(el, clsName)) {
-          curClass = curClass.replace(" " + clsName + " ", " ");
-        }
-      }
-    }
-    if (!el.classList) {
-      el.className = curClass.trim();
-    }
-  };
-
-  const scrollIntoView = async (el, options) => {
-    if (IS_SERVER$2)
-      return;
-    let { from = 0, to = 0, duration = 300 } = options || {};
-    let difference = Math.abs(from - to);
-    let step = Math.ceil(difference / duration * 50);
-    let onResolve;
-    let target = new Promise((resolve) => {
-      onResolve = resolve;
-    });
-    const scroll = (start, end) => {
-      if (start === end) {
-        onResolve();
-        return;
-      }
-      let d = start + step > end ? end : start + step;
-      if (start > end) {
-        d = start - step < end ? end : start - step;
-      }
-      if (el === window) {
-        window.scrollTo(d, d);
-      } else {
-        el.scrollTop = d;
-      }
-      window.requestAnimationFrame(() => scroll(d, end));
-    };
-    scroll(from, to);
-    return target;
-  };
-
   class Resize {
     el;
     static of(el) {
@@ -9143,16 +9131,16 @@
     }
   }
   const VcInstance = new Instance();
-  const props$1s = {
+  const props$1t = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$27 = "vc-action-sheet";
+  const COMPONENT_NAME$28 = "vc-action-sheet";
   const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$27,
-    props: props$1s,
+    name: COMPONENT_NAME$28,
+    props: props$1t,
     setup(props2, {
       slots
     }) {
@@ -9164,6 +9152,176 @@
     }
   });
   const MActionSheet = ActionSheet;
+  const props$1s = {
+    zIndex: {
+      type: [Number, String],
+      default: 1
+    },
+    // TODO: left/right
+    placement: {
+      type: String,
+      default: "top"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    fixed: {
+      type: Boolean,
+      default: true
+    },
+    offset: {
+      type: Number,
+      default: 0
+    },
+    // -> 固钉始终保持在容器内， 超过范围则隐藏(请注意容器避免出现滚动条) 仅fixed为true有效
+    target: {
+      type: String
+    }
+  };
+  const COMPONENT_NAME$27 = "vc-affix";
+  const SCROLLER_WHEEL_REG = /vc-scroller-wheel/;
+  const Affix = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$27,
+    props: props$1s,
+    setup(props2, {
+      slots,
+      expose
+    }) {
+      const scrollerInstance = vue.inject("vc-scroller", null);
+      const scroller = vue.shallowRef();
+      const base = vue.shallowRef();
+      const current = vue.shallowRef();
+      const currentRect = vue.reactive({
+        top: 0,
+        bottom: 0,
+        width: 0,
+        height: 0
+      });
+      const isActive = vue.ref(false);
+      const transformY = vue.ref(0);
+      const windowHeight = vue.ref(window.innerHeight);
+      const isVcScrollerWheel = vue.computed(() => {
+        return SCROLLER_WHEEL_REG.test(scroller.value?.className || "");
+      });
+      const currentStyle = vue.computed(() => {
+        if (!isActive.value) return {};
+        return {
+          height: `${currentRect.height}px`,
+          width: `${currentRect.width}px`
+        };
+      });
+      const contentStyle = vue.computed(() => {
+        if (!isActive.value) return {};
+        const offset = `${props2.offset}px`;
+        return {
+          height: `${currentRect.height}px`,
+          width: `${currentRect.width}px`,
+          top: props2.placement === "top" ? offset : "",
+          bottom: props2.placement === "bottom" ? offset : "",
+          zIndex: props2.zIndex,
+          transform: transformY.value ? `translateY(${transformY.value}px)` : ""
+        };
+      });
+      const setCurrentRect = () => {
+        const rect = current.value.getBoundingClientRect();
+        Object.assign(currentRect, {
+          top: rect.top,
+          bottom: rect.bottom,
+          width: rect.width,
+          height: rect.height
+        });
+      };
+      const setAbsoluteStatus = () => {
+        const {
+          placement,
+          offset
+        } = props2;
+        const currentHeightOffset = offset + currentRect.height;
+        const containerRect = scroller.value.getBoundingClientRect();
+        let transformOffsetY = 0;
+        if (scrollerInstance && isVcScrollerWheel.value) {
+          const maxMoveY = scrollerInstance.scrollHeight - scrollerInstance.clientHeight;
+          transformOffsetY = scrollerInstance.scrollTop >= maxMoveY ? maxMoveY : scrollerInstance.scrollTop;
+        }
+        if (placement === "top") {
+          isActive.value = currentRect.top - containerRect.top <= props2.offset;
+          transformY.value = Math.min(containerRect.bottom - currentHeightOffset, 0) + transformOffsetY;
+        } else {
+          isActive.value = currentRect.bottom - containerRect.top >= containerRect.height - props2.offset;
+          transformY.value = Math.max(containerRect.height - containerRect.top - currentHeightOffset, 0) + transformOffsetY;
+        }
+      };
+      const setFixedStatus = () => {
+        const {
+          placement,
+          target,
+          offset
+        } = props2;
+        const currentHeightOffset = offset + currentRect.height;
+        const containerRect = target && base.value.getBoundingClientRect();
+        if (placement === "top") {
+          if (target) {
+            isActive.value = offset > currentRect.top && containerRect.bottom > 0;
+            transformY.value = Math.min(containerRect.bottom - currentHeightOffset, 0);
+          } else {
+            isActive.value = offset > currentRect.top;
+          }
+        } else {
+          if (target) {
+            isActive.value = windowHeight.value - offset < currentRect.bottom && windowHeight.value > containerRect.top;
+            transformY.value = -Math.min(windowHeight.value - containerRect.top - currentHeightOffset, 0);
+          } else {
+            isActive.value = windowHeight.value - offset < currentRect.bottom;
+          }
+        }
+      };
+      const refresh = () => {
+        setCurrentRect();
+        scroller.value instanceof Window || props2.fixed ? setFixedStatus() : setAbsoluteStatus();
+      };
+      vue.onMounted(() => {
+        if (typeof props2.target === "string") {
+          base.value = document.querySelector(props2.target) ?? void 0;
+        }
+        !base.value && (base.value = document.documentElement);
+        scroller.value = getScroller(current.value, {
+          className: SCROLLER_WHEEL_REG
+        });
+        if (isVcScrollerWheel.value) {
+          scrollerInstance?.on(refresh);
+        } else {
+          scroller.value?.addEventListener("scroll", refresh);
+        }
+        refresh();
+      });
+      vue.onBeforeUnmount(() => {
+        if (isVcScrollerWheel.value) {
+          scrollerInstance?.off(refresh);
+        } else {
+          scroller.value?.removeEventListener("scroll", refresh);
+        }
+      });
+      expose({
+        refresh
+      });
+      return () => {
+        return vue.createVNode("div", {
+          "ref": current,
+          "class": "vc-affix",
+          "style": currentStyle.value
+        }, [vue.createVNode("div", {
+          "class": {
+            [`vc-affix__${props2.fixed ? "fixed" : "absolute"}`]: isActive.value
+          },
+          "style": contentStyle.value
+        }, [slots?.default?.({
+          active: isActive.value
+        })])]);
+      };
+    }
+  });
+  const MAffix = Affix;
   const props$1r = {
     modelValue: {
       type: Boolean,
@@ -9832,7 +9990,7 @@
   });
   const COMPONENT_NAME$1$ = "vc-alert";
   const THEME_MAP = {
-    info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
+    info: ["#456CF6", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
     error: ["#ed4014", "#ffb08f", "#fbe9e9"],
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
@@ -17729,6 +17887,7 @@
       refreshSize();
       refreshPosition(options);
     };
+    const listeners = [];
     const triggerScrollDelegate = (options) => {
       const delegates = {
         scrollLeft: (options && options.x) ?? scrollX.value,
@@ -17736,12 +17895,15 @@
         clientWidth: wrapperW.value,
         clientHeight: wrapperH.value,
         scrollWidth: contentW.value,
-        scrollHeight: contentH.value
+        scrollHeight: contentH.value,
+        getBoundingClientRect: () => wrapper.value?.getBoundingClientRect()
       };
-      instance.emit("scroll", {
+      const e = {
         target: delegates,
         currentTarget: delegates
-      });
+      };
+      instance.emit("scroll", e);
+      listeners.forEach((listener) => listener(e));
     };
     const scrollTo = (options) => {
       refreshPosition(options);
@@ -17768,8 +17930,9 @@
         Resize.off(wrapper.value, refresh);
         Resize.off(content.value, refresh);
       }
+      listeners.splice(0, listeners.length);
     });
-    expose({
+    const exposed = {
       wrapper,
       content,
       scrollTo,
@@ -17785,8 +17948,16 @@
       },
       setScrollLeft: (value) => {
         scrollTo({ x: value });
+      },
+      on: (listener) => {
+        listeners.push(listener);
+      },
+      off: (listener) => {
+        listeners.splice(listeners.indexOf(listener), 1);
       }
-    });
+    };
+    expose(exposed);
+    vue.provide("vc-scroller", vue.reactive(exposed));
     return {
       bar,
       wrapper,
@@ -23099,7 +23270,7 @@
     color: {
       type: [Object, String],
       default: () => ({
-        normal: "#2B72FD",
+        normal: "#456CF6",
         success: "#52c41a",
         error: "#f5222d"
       })
@@ -27824,6 +27995,7 @@
       emit("update:modelValue", currentValue.value);
       emit("change", currentValue.value);
       emit("click", currentValue.value);
+      nav.anchor && document.querySelector(nav.anchor)?.scrollIntoView?.({ behavior: "smooth" });
     };
     const handleResize = () => {
       if (instance.isUnmounted) return;
@@ -28053,12 +28225,16 @@
   });
   const props$b = {
     value: {
-      type: [String, Number, Boolean]
+      type: [String, Number, Boolean],
+      default: void 0
     },
     label: {
       type: [String, Function],
       default: ""
     },
+    anchor: {
+      type: String
+    },
     /**
      * 服务端渲染时，lazy设置为false，可以把内容渲染出来;
      * 不能设置为!IS_SERVER, 会影响客服端激活，不一样会存在问题
@@ -28359,7 +28535,7 @@
           "class": [{
             "is-fixed": isFixed
           }, "vcm-tabs__bar"]
-        }, [vue.createVNode("slot", {
+        }, [vue.createVNode(vue.resolveComponent("slot"), {
           "name": "prepend"
         }, null), slots.prepend?.(), props2.showStep && tabs.scrollable.value && vue.createVNode("div", {
           "class": "vcm-tabs__step is-left",
@@ -28468,6 +28644,10 @@
       default: (props$) => {
         return props$.value;
       }
+    },
+    theme: {
+      type: String,
+      default: "dark"
     }
   };
   const COMPONENT_NAME$e = "vc-text";
@@ -28517,7 +28697,7 @@
             // 确保不重复创建
             triggerEl: e.target,
             hover: true,
-            theme: "dark",
+            theme: props2.theme,
             placement: props2.placement,
             portalClass: props2.portalClass,
             portalStyle: [props2.portalStyle || `width: ${e.target.clientWidth}px`, "word-break: break-all"],
@@ -31404,6 +31584,8 @@
   const Components = {
     ActionSheet,
     MActionSheet,
+    Affix,
+    MAffix,
     Alert,
     MAlert,
     Artboard,
@@ -34729,10 +34911,10 @@
   var _v1 = create$2();
   var _v2 = create$2();
   function isAroundZero$1(val) {
-      return val > -1e-8 && val < EPSILON$4;
+      return val > -EPSILON$4 && val < EPSILON$4;
   }
   function isNotAroundZero$1(val) {
-      return val > EPSILON$4 || val < -1e-8;
+      return val > EPSILON$4 || val < -EPSILON$4;
   }
   function cubicAt(p0, p1, p2, p3, t) {
       var onet = 1 - t;
@@ -35719,7 +35901,7 @@
   }
   var EPSILON$3 = 1e-4;
   function isAroundZero(transform) {
-    return transform < EPSILON$3 && transform > -1e-4;
+    return transform < EPSILON$3 && transform > -EPSILON$3;
   }
   function round3(transform) {
     return mathRound$1(transform * 1e3) / 1e3;
@@ -37000,7 +37182,7 @@
   var mIdentity = identity;
   var EPSILON$2 = 5e-5;
   function isNotAroundZero(val) {
-      return val > EPSILON$2 || val < -5e-5;
+      return val > EPSILON$2 || val < -EPSILON$2;
   }
   var scaleTmp = [];
   var tmpTransform = [];
@@ -37718,7 +37900,7 @@
       this.markRedraw();
       if (!useHoverLayer && this.__inHover) {
         this._toggleHoverLayerFlag(false);
-        this.__dirty &= -2;
+        this.__dirty &= ~REDRAW_BIT;
       }
       return state;
     };
@@ -37776,7 +37958,7 @@
         this.markRedraw();
         if (!useHoverLayer && this.__inHover) {
           this._toggleHoverLayerFlag(false);
-          this.__dirty &= -2;
+          this.__dirty &= ~REDRAW_BIT;
         }
       }
     };
@@ -39099,7 +39281,7 @@
    * @return {boolean}
    */
   function isRadianAroundZero(val) {
-    return val > -1e-4 && val < RADIAN_EPSILON;
+    return val > -RADIAN_EPSILON && val < RADIAN_EPSILON;
   }
   // eslint-disable-next-line
   var TIME_REG = /^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d{1,2})(?::(\d{1,2})(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/; // jshint ignore:line
@@ -40693,7 +40875,7 @@
           return !!(this.__dirty & STYLE_CHANGED_BIT);
       };
       Displayable.prototype.styleUpdated = function () {
-          this.__dirty &= -3;
+          this.__dirty &= ~STYLE_CHANGED_BIT;
       };
       Displayable.prototype.createStyle = function (obj) {
           return createObject(DEFAULT_COMMON_STYLE, obj);
@@ -42202,7 +42384,7 @@
       };
       Path.prototype.buildPath = function (ctx, shapeCfg, inBatch) { };
       Path.prototype.pathUpdated = function () {
-          this.__dirty &= -5;
+          this.__dirty &= ~SHAPE_CHANGED_BIT;
       };
       Path.prototype.getUpdatedPathProxy = function (inBatch) {
           !this.path && this.createPathProxy();
@@ -54788,7 +54970,7 @@
   function brush$1(ctx, el, scope, isLast) {
       var m = el.transform;
       if (!el.shouldBePainted(scope.viewWidth, scope.viewHeight, false, false)) {
-          el.__dirty &= -2;
+          el.__dirty &= ~REDRAW_BIT;
           el.__isRendered = false;
           return;
       }
@@ -113057,7 +113239,7 @@
         //   and velocity is close to 0
         //
 
-        if (velocity.x < -0.5 && currentSlideVisibilityRatio < 0 || velocity.x < 0.1 && currentSlideVisibilityRatio < -0.5) {
+        if (velocity.x < -MIN_NEXT_SLIDE_SPEED && currentSlideVisibilityRatio < 0 || velocity.x < 0.1 && currentSlideVisibilityRatio < -0.5) {
           // Go to next slide
           indexDiff = 1;
           velocity.x = Math.min(velocity.x, 0);
@@ -113121,7 +113303,7 @@
         // or if we are below and moving downwards
 
 
-        if (vDragRatio < 0 && projectedVDragRatio < -0.4 || vDragRatio > 0 && projectedVDragRatio > MIN_RATIO_TO_CLOSE) {
+        if (vDragRatio < 0 && projectedVDragRatio < -MIN_RATIO_TO_CLOSE || vDragRatio > 0 && projectedVDragRatio > MIN_RATIO_TO_CLOSE) {
           this.pswp.close();
           return;
         }
@@ -131839,6 +132021,7 @@
   }, Symbol.toStringTag, { value: 'Module' }));
 
   exports.ActionSheet = ActionSheet;
+  exports.Affix = Affix;
   exports.Alert = Alert;
   exports.Artboard = Artboard;
   exports.Button = Button;
@@ -131884,6 +132067,7 @@
   exports.List = MList;
   exports.ListItem = MListItem;
   exports.MActionSheet = MActionSheet;
+  exports.MAffix = MAffix;
   exports.MAlert = MAlert;
   exports.MArtboard = MArtboard;
   exports.MButton = MButton;