@deot/vc-components 1.0.43 → 1.0.44

package/dist/index.iife.js

@@ -63,7 +63,7 @@ var VcComponents = (function (exports, vue) {
 	}
 	const VcInstance = new Instance();
 
-	const props$1s = {
+	const props$1t = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -72,10 +72,10 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	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(props, {
 	    slots
 	  }) {
@@ -89,6 +89,398 @@ var VcComponents = (function (exports, vue) {
 
 	const MActionSheet = ActionSheet;
 
+	const IS_SERVER$3 = typeof window === "undefined";
+
+	const hasClass = (el, cls) => {
+	  if (IS_SERVER$3 || !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$3 || !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$3 || !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$3) 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$3 || !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$3 || !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$3 || !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$3) return;
+	  el.removeEventListener(event, handler, false);
+	};
+
+	const on = (el, event, handler, options) => {
+	  if (IS_SERVER$3) return () => {
+	  };
+	  el.addEventListener(event, handler, false);
+	  return () => {
+	    el.removeEventListener(event, handler, false);
+	  };
+	};
+
+	const $target = IS_SERVER$3 ? {} : 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$3 || 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$3 || !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$3) 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 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
+	  }
+	};
+
+	/** @jsxImportSource vue */
+
+	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(props, {
+	    slots,
+	    expose
+	  }) {
+	    const scrollerInstance = vue.inject('vc-scroller', null);
+	    const scroller = vue.shallowRef(); // 当前元素所在的滚动容器
+	    const base = vue.shallowRef(); // 当前元素（props.tagret）的参考容器
+	    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 = `${props.offset}px`;
+	      return {
+	        height: `${currentRect.height}px`,
+	        width: `${currentRect.width}px`,
+	        top: props.placement === 'top' ? offset : '',
+	        bottom: props.placement === 'bottom' ? offset : '',
+	        zIndex: props.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
+	      } = props;
+	      const currentHeightOffset = offset + currentRect.height;
+	      const containerRect = scroller.value.getBoundingClientRect();
+	      let transformOffsetY = 0;
+
+	      // scroller-wheel滚动条偏移
+	      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 <= props.offset;
+	        transformY.value = Math.min(containerRect.bottom - currentHeightOffset, 0) + transformOffsetY;
+	      } else {
+	        isActive.value = currentRect.bottom - containerRect.top >= containerRect.height - props.offset;
+	        transformY.value = Math.max(containerRect.height - containerRect.top - currentHeightOffset, 0) + transformOffsetY;
+	      }
+	    };
+	    const setFixedStatus = () => {
+	      const {
+	        placement,
+	        target,
+	        offset
+	      } = props;
+	      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 || props.fixed ? setFixedStatus() : setAbsoluteStatus();
+	    };
+	    vue.onMounted(() => {
+	      if (typeof props.target === 'string') {
+	        base.value = document.querySelector(props.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__${props.fixed ? 'fixed' : 'absolute'}`]: isActive.value
+	        },
+	        "style": contentStyle.value
+	      }, [slots?.default?.()])]);
+	    };
+	  }
+	});
+
+	const MAffix = Affix;
+
 	const props$1r = {
 	  modelValue: {
 	    type: Boolean,
@@ -131,9 +523,9 @@ var VcComponents = (function (exports, vue) {
 	const dReg = /.*d="([^"]+).*/g;
 	const fillReg = /.*fill="([^"]+).*/g;
 	const basicUrl = "//at.alicdn.com/t/font_1119857_u0f4525o6sd.js";
-	const prefix$1 = "@deot/vc-icon:";
+	const prefix = "@deot/vc-icon:";
 	const IS_DEV = false;
-	const IS_SERVER$3 = typeof document === "undefined";
+	const IS_SERVER$2 = typeof document === "undefined";
 	class Manager {
 	  icons = {};
 	  events = {};
@@ -148,10 +540,10 @@ var VcComponents = (function (exports, vue) {
 	    this.sourceStatus[url] = this.sourceStatus[url] || new Promise((resolve, reject) => {
 	      (async () => {
 	        try {
-	          if (IS_SERVER$3 || !/.js$/.test(url)) {
+	          if (IS_SERVER$2 || !/.js$/.test(url)) {
 	            return reject(new VcError("icon", "invaild url"));
 	          }
-	          const key = `${prefix$1}${url}`;
+	          const key = `${prefix}${url}`;
 	          const cache = window.localStorage.getItem(key);
 	          let icons = JSON.parse(cache || '""');
 	          /* istanbul ignore next -- @preserve */
@@ -233,7 +625,7 @@ var VcComponents = (function (exports, vue) {
 	    if (this.events[type].length >= 100) {
 	      delete this.events[type];
 	      /* istanbul ignore else -- @preserve */
-	      if (!IS_SERVER$3) {
+	      if (!IS_SERVER$2) {
 	        throw new VcError("icon", `${type} nonexistent`);
 	      }
 	    }
@@ -250,8 +642,8 @@ var VcComponents = (function (exports, vue) {
 	  clearResource() {
 	    const needs = Object.keys(this.sourceStatus);
 	    Object.keys(window.localStorage).forEach((item) => {
-	      if (item.includes(prefix$1)) {
-	        const key = item.split(prefix$1).pop();
+	      if (item.includes(prefix)) {
+	        const key = item.split(prefix).pop();
 	        key && !needs.includes(key) && window.localStorage.removeItem(item);
 	      }
 	    });
@@ -775,7 +1167,7 @@ var VcComponents = (function (exports, vue) {
 
 	// [color, borderColor, backgroundColor], -> CSS
 	const THEME_MAP = {
-	  info: ['#2B72FD', '#91d5ff', '#e6f7ff'],
+	  info: ['#456CF6', '#91d5ff', '#e6f7ff'],
 	  success: ['#52c41a', '#b7eb8f', '#f6ffed'],
 	  error: ['#ed4014', '#ffb08f', '#fbe9e9'],
 	  warning: ['#ffbf00', '#ffe58f', '#fffbe6']
@@ -966,7 +1358,7 @@ var VcComponents = (function (exports, vue) {
 	  );
 	};
 
-	const flatten$1 = (value, parser) => {
+	const flatten$1 = (value, parser, exit) => {
 	  let need = true;
 	  let safeCount = 1;
 	  let parseValue = value;
@@ -976,7 +1368,7 @@ var VcComponents = (function (exports, vue) {
 	    }
 	    try {
 	      const next = (parser || decodeURIComponent)(parseValue);
-	      if (parseValue === next) {
+	      if (parseValue === next || typeof exit === "function" && exit(next)) {
 	        need = false;
 	      }
 	      parseValue = next;
@@ -989,8 +1381,7 @@ var VcComponents = (function (exports, vue) {
 	};
 
 	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;
@@ -3618,7 +4009,7 @@ var VcComponents = (function (exports, vue) {
 	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. */
@@ -6692,233 +7083,6 @@ var VcComponents = (function (exports, vue) {
 	  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;
-	  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 = (() => {
-	  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 === false) {
-	    return {
-	      camel: v,
-	      kebab: v
-	    };
-	  }
-	  return {
-	    camel: prefix.camel + v.charAt(0).toUpperCase() + v.substr(1),
-	    kebab: prefix.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;
-	};
-
 	const getSelectedData = (value = [], source = []) => {
 	  const label = [];
 	  const data = [];
@@ -14690,6 +14854,7 @@ var VcComponents = (function (exports, vue) {
 	    refreshSize();
 	    refreshPosition(options);
 	  };
+	  const listeners = [];
 	  const triggerScrollDelegate = (options) => {
 	    const delegates = {
 	      scrollLeft: (options && options.x) ?? scrollX.value,
@@ -14697,12 +14862,15 @@ var VcComponents = (function (exports, vue) {
 	      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);
@@ -14729,8 +14897,9 @@ var VcComponents = (function (exports, vue) {
 	      Resize.off(wrapper.value, refresh);
 	      Resize.off(content.value, refresh);
 	    }
+	    listeners.splice(0, listeners.length);
 	  });
-	  expose({
+	  const exposed = {
 	    wrapper,
 	    content,
 	    scrollTo,
@@ -14746,8 +14915,16 @@ var VcComponents = (function (exports, vue) {
 	    },
 	    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,
@@ -23793,7 +23970,7 @@ var VcComponents = (function (exports, vue) {
 	  color: {
 	    type: [Object, String],
 	    default: () => ({
-	      normal: "#2B72FD",
+	      normal: "#456CF6",
 	      success: "#52c41a",
 	      error: "#f5222d"
 	    })
@@ -29107,7 +29284,8 @@ var VcComponents = (function (exports, vue) {
 
 	const props$b = {
 	  value: {
-	    type: [String, Number, Boolean]
+	    type: [String, Number, Boolean],
+	    default: void 0
 	  },
 	  label: {
 	    type: [String, Function],
@@ -29455,7 +29633,7 @@ var VcComponents = (function (exports, vue) {
 	        "class": [{
 	          'is-fixed': isFixed
 	        }, 'vcm-tabs__bar']
-	      }, [vue.createVNode("slot", {
+	      }, [vue.createVNode(vue.resolveComponent("slot"), {
 	        "name": "prepend"
 	      }, null), slots.prepend?.(), props.showStep && tabs.scrollable.value && vue.createVNode("div", {
 	        "class": "vcm-tabs__step is-left",
@@ -35705,10 +35883,10 @@ var VcComponents = (function (exports, vue) {
 	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;
@@ -36695,7 +36873,7 @@ var VcComponents = (function (exports, vue) {
 	}
 	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;
@@ -37976,7 +38154,7 @@ var VcComponents = (function (exports, vue) {
 	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 = [];
@@ -38694,7 +38872,7 @@ var VcComponents = (function (exports, vue) {
 	    this.markRedraw();
 	    if (!useHoverLayer && this.__inHover) {
 	      this._toggleHoverLayerFlag(false);
-	      this.__dirty &= -2;
+	      this.__dirty &= ~REDRAW_BIT;
 	    }
 	    return state;
 	  };
@@ -38752,7 +38930,7 @@ var VcComponents = (function (exports, vue) {
 	      this.markRedraw();
 	      if (!useHoverLayer && this.__inHover) {
 	        this._toggleHoverLayerFlag(false);
-	        this.__dirty &= -2;
+	        this.__dirty &= ~REDRAW_BIT;
 	      }
 	    }
 	  };
@@ -40075,7 +40253,7 @@ var VcComponents = (function (exports, vue) {
 	 * @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
@@ -41669,7 +41847,7 @@ var VcComponents = (function (exports, vue) {
 	        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);
@@ -43178,7 +43356,7 @@ var VcComponents = (function (exports, vue) {
 	    };
 	    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();
@@ -55764,7 +55942,7 @@ var VcComponents = (function (exports, vue) {
 	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;
 	    }
@@ -114033,7 +114211,7 @@ var VcComponents = (function (exports, vue) {
 	      //   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);
@@ -114097,7 +114275,7 @@ var VcComponents = (function (exports, vue) {
 	      // 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;
 	      }
@@ -132815,6 +132993,7 @@ var VcComponents = (function (exports, vue) {
 	}, Symbol.toStringTag, { value: 'Module' }));
 
 	exports.ActionSheet = ActionSheet;
+	exports.Affix = Affix;
 	exports.Alert = Alert;
 	exports.Artboard = Artboard;
 	exports.Button = Button;
@@ -132859,6 +133038,7 @@ var VcComponents = (function (exports, vue) {
 	exports.List = MList;
 	exports.ListItem = MListItem;
 	exports.MActionSheet = MActionSheet;
+	exports.MAffix = MAffix;
 	exports.MAlert = MAlert;
 	exports.MArtboard = MArtboard;
 	exports.MButton = MButton;