x-sccba 0.1.2 → 0.2.3

package/dist/index-BqlsDDYm.js

@@ -1,471 +0,0 @@
-import { g as useNamespace, i as isObject, w as withInstall } from "./dayjs.min-DmpOrZt7.js";
-import { a as isNumber } from "./types-C0XFCitV.js";
-import { t as throwError, d as debugWarn } from "./error-pXqGnBfl.js";
-import { a as addUnit } from "./style-DRszTUom.js";
-import { a as buildProps, d as definePropType } from "./runtime-CB4FCs2u.js";
-import { u as useAriaProps } from "./index-X4EwuhU5.js";
-import { B as BAR_MAP, r as renderThumbStyle, G as GAP } from "./util-BURJqyeo.js";
-import { u as useEventListener, a as useResizeObserver } from "./index-Ddto6lBh.js";
-import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, createBlock, openBlock, Transition, unref, withCtx, withDirectives, createElementVNode, withModifiers, normalizeClass, normalizeStyle, vShow, createElementBlock, Fragment, createVNode, watch, nextTick, provide, reactive, onActivated, onMounted, onUpdated, createCommentVNode, resolveDynamicComponent, renderSlot } from "vue";
-import { i as isClient } from "./index-BaiB6iW4.js";
-const scrollbarProps = buildProps({
-  distance: {
-    type: Number,
-    default: 0
-  },
-  height: {
-    type: [String, Number],
-    default: ""
-  },
-  maxHeight: {
-    type: [String, Number],
-    default: ""
-  },
-  native: Boolean,
-  wrapStyle: {
-    type: definePropType([
-      String,
-      Object,
-      Array
-    ]),
-    default: ""
-  },
-  wrapClass: {
-    type: [String, Array],
-    default: ""
-  },
-  viewClass: {
-    type: [String, Array],
-    default: ""
-  },
-  viewStyle: {
-    type: [
-      String,
-      Array,
-      Object
-    ],
-    default: ""
-  },
-  noresize: Boolean,
-  tag: {
-    type: String,
-    default: "div"
-  },
-  always: Boolean,
-  minSize: {
-    type: Number,
-    default: 20
-  },
-  tabindex: {
-    type: [String, Number],
-    default: void 0
-  },
-  id: String,
-  role: String,
-  ...useAriaProps(["ariaLabel", "ariaOrientation"])
-});
-const scrollbarEmits = {
-  "end-reached": (direction) => [
-    "left",
-    "right",
-    "top",
-    "bottom"
-  ].includes(direction),
-  scroll: ({ scrollTop, scrollLeft }) => [scrollTop, scrollLeft].every(isNumber)
-};
-const thumbProps = buildProps({
-  vertical: Boolean,
-  size: String,
-  move: Number,
-  ratio: {
-    type: Number,
-    required: true
-  },
-  always: Boolean
-});
-const scrollbarContextKey = Symbol("scrollbarContextKey");
-const barProps = buildProps({
-  always: {
-    type: Boolean,
-    default: true
-  },
-  minSize: {
-    type: Number,
-    required: true
-  }
-});
-const COMPONENT_NAME$1 = "Thumb";
-var thumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "thumb",
-  props: thumbProps,
-  setup(__props) {
-    const props = __props;
-    const scrollbar = inject(scrollbarContextKey);
-    const ns = useNamespace("scrollbar");
-    if (!scrollbar) throwError(COMPONENT_NAME$1, "can not inject scrollbar context");
-    const instance = ref();
-    const thumb = ref();
-    const thumbState = ref({});
-    const visible = ref(false);
-    let cursorDown = false;
-    let cursorLeave = false;
-    let baseScrollHeight = 0;
-    let baseScrollWidth = 0;
-    let originalOnSelectStart = isClient ? document.onselectstart : null;
-    const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-    const thumbStyle = computed(() => renderThumbStyle({
-      size: props.size,
-      move: props.move,
-      bar: bar.value
-    }));
-    const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
-    const clickThumbHandler = (e) => {
-      var _a;
-      e.stopPropagation();
-      if (e.ctrlKey || [1, 2].includes(e.button)) return;
-      (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
-      startDrag(e);
-      const el = e.currentTarget;
-      if (!el) return;
-      thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
-    };
-    const clickTrackHandler = (e) => {
-      if (!thumb.value || !instance.value || !scrollbar.wrapElement) return;
-      const thumbPositionPercentage = (Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) - thumb.value[bar.value.offset] / 2) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
-    };
-    const startDrag = (e) => {
-      e.stopImmediatePropagation();
-      cursorDown = true;
-      baseScrollHeight = scrollbar.wrapElement.scrollHeight;
-      baseScrollWidth = scrollbar.wrapElement.scrollWidth;
-      document.addEventListener("mousemove", mouseMoveDocumentHandler);
-      document.addEventListener("mouseup", mouseUpDocumentHandler);
-      originalOnSelectStart = document.onselectstart;
-      document.onselectstart = () => false;
-    };
-    const mouseMoveDocumentHandler = (e) => {
-      if (!instance.value || !thumb.value) return;
-      if (cursorDown === false) return;
-      const prevPage = thumbState.value[bar.value.axis];
-      if (!prevPage) return;
-      const thumbPositionPercentage = ((instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1 - (thumb.value[bar.value.offset] - prevPage)) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      if (bar.value.scroll === "scrollLeft") scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollWidth / 100;
-      else scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollHeight / 100;
-    };
-    const mouseUpDocumentHandler = () => {
-      cursorDown = false;
-      thumbState.value[bar.value.axis] = 0;
-      document.removeEventListener("mousemove", mouseMoveDocumentHandler);
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
-      restoreOnselectstart();
-      if (cursorLeave) visible.value = false;
-    };
-    const mouseMoveScrollbarHandler = () => {
-      cursorLeave = false;
-      visible.value = !!props.size;
-    };
-    const mouseLeaveScrollbarHandler = () => {
-      cursorLeave = true;
-      visible.value = cursorDown;
-    };
-    onBeforeUnmount(() => {
-      restoreOnselectstart();
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
-    });
-    const restoreOnselectstart = () => {
-      if (document.onselectstart !== originalOnSelectStart) document.onselectstart = originalOnSelectStart;
-    };
-    useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
-    useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: unref(ns).b("fade"),
-        persisted: ""
-      }, {
-        default: withCtx(() => [withDirectives(createElementVNode("div", {
-          ref_key: "instance",
-          ref: instance,
-          class: normalizeClass([unref(ns).e("bar"), unref(ns).is(bar.value.key)]),
-          onMousedown: clickTrackHandler,
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [createElementVNode("div", {
-          ref_key: "thumb",
-          ref: thumb,
-          class: normalizeClass(unref(ns).e("thumb")),
-          style: normalizeStyle(thumbStyle.value),
-          onMousedown: clickThumbHandler
-        }, null, 38)], 34), [[vShow, __props.always || visible.value]])]),
-        _: 1
-      }, 8, ["name"]);
-    };
-  }
-});
-var thumb_default = thumb_vue_vue_type_script_setup_true_lang_default;
-var bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "bar",
-  props: barProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const scrollbar = inject(scrollbarContextKey);
-    const moveX = ref(0);
-    const moveY = ref(0);
-    const sizeWidth = ref("");
-    const sizeHeight = ref("");
-    const ratioY = ref(1);
-    const ratioX = ref(1);
-    const handleScroll = (wrap) => {
-      if (wrap) {
-        const offsetHeight = wrap.offsetHeight - GAP;
-        const offsetWidth = wrap.offsetWidth - GAP;
-        moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
-        moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
-      }
-    };
-    const update = () => {
-      const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
-      if (!wrap) return;
-      const offsetHeight = wrap.offsetHeight - GAP;
-      const offsetWidth = wrap.offsetWidth - GAP;
-      const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
-      const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
-      const height = Math.max(originalHeight, props.minSize);
-      const width = Math.max(originalWidth, props.minSize);
-      ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
-      ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
-      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
-      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
-    };
-    __expose({
-      handleScroll,
-      update
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [createVNode(thumb_default, {
-        move: moveX.value,
-        ratio: ratioX.value,
-        size: sizeWidth.value,
-        always: __props.always
-      }, null, 8, [
-        "move",
-        "ratio",
-        "size",
-        "always"
-      ]), createVNode(thumb_default, {
-        move: moveY.value,
-        ratio: ratioY.value,
-        size: sizeHeight.value,
-        vertical: "",
-        always: __props.always
-      }, null, 8, [
-        "move",
-        "ratio",
-        "size",
-        "always"
-      ])], 64);
-    };
-  }
-});
-var bar_default = bar_vue_vue_type_script_setup_true_lang_default;
-const _hoisted_1 = ["tabindex"];
-const COMPONENT_NAME = "ElScrollbar";
-var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME,
-  __name: "scrollbar",
-  props: scrollbarProps,
-  emits: scrollbarEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("scrollbar");
-    let stopResizeObserver = void 0;
-    let stopWrapResizeObserver = void 0;
-    let stopResizeListener = void 0;
-    let wrapScrollTop = 0;
-    let wrapScrollLeft = 0;
-    let direction = "";
-    const distanceScrollState = {
-      bottom: false,
-      top: false,
-      right: false,
-      left: false
-    };
-    const scrollbarRef = ref();
-    const wrapRef = ref();
-    const resizeRef = ref();
-    const barRef = ref();
-    const wrapStyle = computed(() => {
-      const style = {};
-      const height = addUnit(props.height);
-      const maxHeight = addUnit(props.maxHeight);
-      if (height) style.height = height;
-      if (maxHeight) style.maxHeight = maxHeight;
-      return [props.wrapStyle, style];
-    });
-    const wrapKls = computed(() => {
-      return [
-        props.wrapClass,
-        ns.e("wrap"),
-        { [ns.em("wrap", "hidden-default")]: !props.native }
-      ];
-    });
-    const resizeKls = computed(() => {
-      return [ns.e("view"), props.viewClass];
-    });
-    const shouldSkipDirection = (direction2) => {
-      return distanceScrollState[direction2] ?? false;
-    };
-    const DIRECTION_PAIRS = {
-      top: "bottom",
-      bottom: "top",
-      left: "right",
-      right: "left"
-    };
-    const updateTriggerStatus = (arrivedStates) => {
-      const oppositeDirection = DIRECTION_PAIRS[direction];
-      if (!oppositeDirection) return;
-      const arrived = arrivedStates[direction];
-      const oppositeArrived = arrivedStates[oppositeDirection];
-      if (arrived && !distanceScrollState[direction]) distanceScrollState[direction] = true;
-      if (!oppositeArrived && distanceScrollState[oppositeDirection]) distanceScrollState[oppositeDirection] = false;
-    };
-    const handleScroll = () => {
-      var _a;
-      if (wrapRef.value) {
-        (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
-        const prevTop = wrapScrollTop;
-        const prevLeft = wrapScrollLeft;
-        wrapScrollTop = wrapRef.value.scrollTop;
-        wrapScrollLeft = wrapRef.value.scrollLeft;
-        const arrivedStates = {
-          bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
-          top: wrapScrollTop <= props.distance && prevTop !== 0,
-          right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
-          left: wrapScrollLeft <= props.distance && prevLeft !== 0
-        };
-        emit("scroll", {
-          scrollTop: wrapScrollTop,
-          scrollLeft: wrapScrollLeft
-        });
-        if (prevTop !== wrapScrollTop) direction = wrapScrollTop > prevTop ? "bottom" : "top";
-        if (prevLeft !== wrapScrollLeft) direction = wrapScrollLeft > prevLeft ? "right" : "left";
-        if (props.distance > 0) {
-          if (shouldSkipDirection(direction)) return;
-          updateTriggerStatus(arrivedStates);
-        }
-        if (arrivedStates[direction]) emit("end-reached", direction);
-      }
-    };
-    function scrollTo(arg1, arg2) {
-      if (isObject(arg1)) wrapRef.value.scrollTo(arg1);
-      else if (isNumber(arg1) && isNumber(arg2)) wrapRef.value.scrollTo(arg1, arg2);
-    }
-    const setScrollTop = (value) => {
-      if (!isNumber(value)) {
-        debugWarn(COMPONENT_NAME, "value must be a number");
-        return;
-      }
-      wrapRef.value.scrollTop = value;
-    };
-    const setScrollLeft = (value) => {
-      if (!isNumber(value)) {
-        debugWarn(COMPONENT_NAME, "value must be a number");
-        return;
-      }
-      wrapRef.value.scrollLeft = value;
-    };
-    const update = () => {
-      var _a;
-      (_a = barRef.value) == null ? void 0 : _a.update();
-      distanceScrollState[direction] = false;
-    };
-    watch(() => props.noresize, (noresize) => {
-      if (noresize) {
-        stopResizeObserver == null ? void 0 : stopResizeObserver();
-        stopWrapResizeObserver == null ? void 0 : stopWrapResizeObserver();
-        stopResizeListener == null ? void 0 : stopResizeListener();
-      } else {
-        ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
-        ({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update));
-        stopResizeListener = useEventListener("resize", update);
-      }
-    }, { immediate: true });
-    watch(() => [props.maxHeight, props.height], () => {
-      if (!props.native) nextTick(() => {
-        var _a;
-        update();
-        if (wrapRef.value) (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
-      });
-    });
-    provide(scrollbarContextKey, reactive({
-      scrollbarElement: scrollbarRef,
-      wrapElement: wrapRef
-    }));
-    onActivated(() => {
-      if (wrapRef.value) {
-        wrapRef.value.scrollTop = wrapScrollTop;
-        wrapRef.value.scrollLeft = wrapScrollLeft;
-      }
-    });
-    onMounted(() => {
-      if (!props.native) nextTick(() => {
-        update();
-      });
-    });
-    onUpdated(() => update());
-    __expose({
-      wrapRef,
-      update,
-      scrollTo,
-      setScrollTop,
-      setScrollLeft,
-      handleScroll
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "scrollbarRef",
-        ref: scrollbarRef,
-        class: normalizeClass(unref(ns).b())
-      }, [createElementVNode("div", {
-        ref_key: "wrapRef",
-        ref: wrapRef,
-        class: normalizeClass(wrapKls.value),
-        style: normalizeStyle(wrapStyle.value),
-        tabindex: __props.tabindex,
-        onScroll: handleScroll
-      }, [(openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
-        id: __props.id,
-        ref_key: "resizeRef",
-        ref: resizeRef,
-        class: normalizeClass(resizeKls.value),
-        style: normalizeStyle(__props.viewStyle),
-        role: __props.role,
-        "aria-label": __props.ariaLabel,
-        "aria-orientation": __props.ariaOrientation
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 8, [
-        "id",
-        "class",
-        "style",
-        "role",
-        "aria-label",
-        "aria-orientation"
-      ]))], 46, _hoisted_1), !__props.native ? (openBlock(), createBlock(bar_default, {
-        key: 0,
-        ref_key: "barRef",
-        ref: barRef,
-        always: __props.always,
-        "min-size": __props.minSize
-      }, null, 8, ["always", "min-size"])) : createCommentVNode("v-if", true)], 2);
-    };
-  }
-});
-var scrollbar_default = scrollbar_vue_vue_type_script_setup_true_lang_default;
-const ElScrollbar = withInstall(scrollbar_default);
-export {
-  ElScrollbar as E,
-  scrollbarEmits as s
-};

package/dist/index-BxgRXNM2.js

@@ -1,38 +0,0 @@
-import { g as useNamespace, w as withInstall } from "./dayjs.min-DmpOrZt7.js";
-import { a as addUnit } from "./style-DRszTUom.js";
-import { a as buildProps, d as definePropType } from "./runtime-CB4FCs2u.js";
-import { defineComponent, computed, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
-const iconProps = buildProps({
-  size: { type: definePropType([Number, String]) },
-  color: { type: String }
-});
-var icon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "ElIcon",
-  inheritAttrs: false,
-  __name: "icon",
-  props: iconProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("icon");
-    const style = computed(() => {
-      const { size, color } = props;
-      const fontSize = addUnit(size);
-      if (!fontSize && !color) return {};
-      return {
-        fontSize,
-        "--color": color
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("i", mergeProps({
-        class: unref(ns).b(),
-        style: style.value
-      }, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16);
-    };
-  }
-});
-var icon_default = icon_vue_vue_type_script_setup_true_lang_default;
-const ElIcon = withInstall(icon_default);
-export {
-  ElIcon as E
-};