yc-design-vue 1.7.6 → 1.7.8

package/es/Scrollbar/Scrollbar.vue2.js

@@ -1,225 +0,0 @@
-import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { useResizeObserver, useElementSize } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { isVerticallyScrollable, isHorizontallyScrollable } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import ScrollbarTrack from "./ScrollbarTrack.vue.js";
-import useContext from "./hooks/useContext.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Scrollbar",
-    inheritAttrs: false
-  },
-  __name: "Scrollbar",
-  props: {
-    type: { default: "embed" },
-    outerClass: { default: "" },
-    outerStyle: { default: () => {
-      return {};
-    } },
-    scrollbar: { type: Boolean, default: true }
-  },
-  emits: ["scroll"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { type, scrollbar } = toRefs(props);
-    const contentRef = ref();
-    const scrollRef = ref();
-    const contentWidth = ref(0);
-    const contentHeight = ref(0);
-    useResizeObserver(contentRef, () => {
-      const { offsetWidth, offsetHeight } = contentRef.value;
-      contentWidth.value = offsetWidth;
-      contentHeight.value = offsetHeight;
-    });
-    const {
-      hasVerticalBar = ref(false),
-      hashorizontalBar = ref(false),
-      trackHeight = ref(0),
-      trackWidth = ref(0),
-      scrollWidth,
-      scrollHeight,
-      curLeft,
-      curTop,
-      movableLeft,
-      movableTop
-    } = initScrollbar();
-    const handleScroll = (e) => {
-      const {
-        scrollTop,
-        scrollLeft,
-        scrollWidth: _scrollWidth,
-        scrollHeight: _scrollHeight
-      } = e.target;
-      emits("scroll", scrollLeft, scrollTop, e);
-      if (!scrollbar.value) {
-        return;
-      }
-      const top = scrollTop / (contentHeight.value - scrollHeight.value) * movableTop.value;
-      curTop.value = top <= movableTop.value ? top : movableTop.value;
-      const left = scrollLeft / (contentWidth.value - scrollWidth.value) * movableLeft.value;
-      curLeft.value = left <= movableLeft.value ? left : movableLeft.value;
-    };
-    const handleDrag = (isVertical, value) => {
-      if (isVertical) {
-        curTop.value = value;
-        const maxScrollbarMoveTop = contentHeight.value - scrollHeight.value;
-        const scrollTop = curTop.value / movableTop.value * maxScrollbarMoveTop;
-        scrollRef.value.scrollTop = scrollTop >= maxScrollbarMoveTop ? maxScrollbarMoveTop : scrollTop;
-      } else {
-        curLeft.value = value;
-        const maxScrollbarMoveLeft = contentWidth.value - scrollWidth.value;
-        const scrollLeft = curLeft.value / movableLeft.value * maxScrollbarMoveLeft;
-        scrollRef.value.scrollLeft = scrollLeft >= maxScrollbarMoveLeft ? maxScrollbarMoveLeft : scrollLeft;
-      }
-    };
-    function initScrollbar() {
-      if (!scrollbar.value)
-        return {
-          hasVerticalBar: ref(false),
-          hashorizontalBar: ref(false),
-          trackHeight: ref(0),
-          trackWidth: ref(0),
-          contentWidth: ref(0),
-          contentHeight: ref(0),
-          scrollWidth: ref(0),
-          scrollHeight: ref(0),
-          curLeft: ref(0),
-          curTop: ref(0),
-          movableLeft: ref(0),
-          movableTop: ref(0)
-        };
-      const trackWidth2 = ref(0);
-      const trackHeight2 = ref(0);
-      const { width: scrollWidth2, height: scrollHeight2 } = useElementSize(
-        scrollRef,
-        void 0,
-        {
-          box: "border-box"
-        }
-      );
-      const curTop2 = ref(0);
-      const curLeft2 = ref(0);
-      const hasVerticalBar2 = computed(() => {
-        if (!scrollRef.value) return false;
-        return contentHeight.value > scrollHeight2.value && isVerticallyScrollable(scrollRef.value);
-      });
-      const hashorizontalBar2 = computed(() => {
-        if (!scrollRef.value) return false;
-        return contentWidth.value > scrollWidth2.value && isHorizontallyScrollable(scrollRef.value);
-      });
-      const thumbHeight = computed(() => {
-        if (!hasVerticalBar2.value) return 0;
-        const height = +(scrollHeight2.value * scrollHeight2.value / contentHeight.value).toFixed(0);
-        return height <= 20 ? 20 : height;
-      });
-      const thumbWidth = computed(() => {
-        if (!hashorizontalBar2.value) return 0;
-        const width = +(scrollWidth2.value * scrollWidth2.value / contentWidth.value).toFixed(0);
-        return width <= 20 ? 20 : width;
-      });
-      const movableTop2 = computed(() => {
-        const track = hashorizontalBar2.value ? trackHeight2.value : 0;
-        return scrollHeight2.value - thumbHeight.value - track;
-      });
-      const movableLeft2 = computed(() => {
-        const track = hasVerticalBar2.value ? trackWidth2.value : 0;
-        return scrollWidth2.value - thumbWidth.value - track;
-      });
-      useContext().provide({
-        curLeft: curLeft2,
-        curTop: curTop2,
-        movableLeft: movableLeft2,
-        movableTop: movableTop2,
-        thumbHeight,
-        thumbWidth,
-        scrollRef,
-        isDragging: ref(false)
-      });
-      return {
-        hasVerticalBar: hasVerticalBar2,
-        hashorizontalBar: hashorizontalBar2,
-        trackWidth: trackWidth2,
-        trackHeight: trackHeight2,
-        contentHeight,
-        contentWidth,
-        scrollHeight: scrollHeight2,
-        scrollWidth: scrollWidth2,
-        movableLeft: movableLeft2,
-        movableTop: movableTop2,
-        curTop: curTop2,
-        curLeft: curLeft2
-      };
-    }
-    __expose({
-      scrollTo(options) {
-        var _a;
-        (_a = scrollRef.value) == null ? void 0 : _a.scrollTo(options);
-      },
-      scrollLeft(left) {
-        var _a;
-        (_a = scrollRef.value) == null ? void 0 : _a.scrollTo({
-          left
-        });
-      },
-      scrollTop(top) {
-        var _a;
-        (_a = scrollRef.value) == null ? void 0 : _a.scrollTo({
-          top
-        });
-      },
-      getScrollRef() {
-        return scrollRef.value;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-scrollbar",
-          _ctx.outerClass,
-          {
-            "yc-scrollbar-both-track": unref(type) == "track" && unref(hasVerticalBar) && unref(hashorizontalBar),
-            "yc-scrollbar-vertical-track": unref(type) == "track" && unref(hasVerticalBar),
-            "yc-scrollbar-horizontal-track": unref(type) == "track" && unref(hashorizontalBar),
-            "yc-scrollbar-real": !unref(scrollbar)
-          }
-        ]),
-        style: normalizeStyle(_ctx.outerStyle)
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["yc-scrollbar-container", _ctx.$attrs.class]),
-          style: normalizeStyle(_ctx.$attrs.style),
-          ref_key: "scrollRef",
-          ref: scrollRef,
-          onScroll: handleScroll
-        }, [
-          createElementVNode("div", {
-            class: "yc-scrollbar-content",
-            ref_key: "contentRef",
-            ref: contentRef
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 512)
-        ], 38),
-        unref(hasVerticalBar) ? (openBlock(), createBlock(ScrollbarTrack, {
-          key: 0,
-          direction: "vertical",
-          onDrag: handleDrag,
-          onResize: _cache[0] || (_cache[0] = (val) => trackWidth.value = val)
-        })) : createCommentVNode("", true),
-        unref(hashorizontalBar) ? (openBlock(), createBlock(ScrollbarTrack, {
-          key: 1,
-          direction: "horizontal",
-          onDrag: handleDrag,
-          onResize: _cache[1] || (_cache[1] = (val) => trackHeight.value = val)
-        })) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Scrollbar/ScrollbarTrack.vue2.js

@@ -1,114 +0,0 @@
-import { defineComponent, toRefs, computed, ref, watchEffect, createElementBlock, openBlock, withModifiers, normalizeClass, unref, createElementVNode, normalizeStyle } from "vue";
-import { useResizeObserver, useDraggable } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useContext from "./hooks/useContext.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ScrollbarTrack",
-  props: {
-    direction: { default: "vertical" }
-  },
-  emits: ["drag", "resize"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { direction } = toRefs(props);
-    const {
-      scrollRef,
-      thumbHeight,
-      thumbWidth,
-      movableLeft,
-      movableTop,
-      curTop,
-      curLeft,
-      isDragging: _isDragging
-    } = useContext().inject();
-    const isVertical = computed(() => direction.value == "vertical");
-    const thmubStyle = computed(() => {
-      return isVertical.value ? {
-        height: valueToPx(thumbHeight.value),
-        transform: `translateY(${valueToPx(curTop.value)})`
-      } : {
-        width: valueToPx(thumbWidth.value),
-        transform: `translateX(${valueToPx(curLeft.value)})`
-      };
-    });
-    const trackRef = ref();
-    useResizeObserver(trackRef, () => {
-      const { width, height } = trackRef.value.getBoundingClientRect();
-      emits("resize", isVertical.value ? width : height);
-    });
-    const dragRef = ref();
-    const { x, y, isDragging } = useDraggable(dragRef, {
-      onMove() {
-        const { left, top } = scrollRef.value.getBoundingClientRect();
-        const minTop = top;
-        const maxTop = movableTop.value + minTop;
-        const minLeft = left;
-        const maxLeft = movableLeft.value + minLeft;
-        if (isVertical.value) {
-          y.value = y.value <= minTop ? minTop : y.value;
-          y.value = y.value >= maxTop ? maxTop : y.value;
-          emits("drag", true, y.value - minTop);
-        } else {
-          x.value = x.value <= minLeft ? minLeft : x.value;
-          x.value = x.value >= maxLeft ? maxLeft : x.value;
-          emits("drag", false, x.value - minLeft);
-        }
-      }
-    });
-    watchEffect(() => {
-      _isDragging.value = isDragging.value;
-    });
-    const handleClick = (e) => {
-      const { offsetX, offsetY } = e;
-      if (isVertical.value) {
-        const moveDistance = curTop.value < offsetY ? movableTop.value / 9 : -movableTop.value / 9;
-        let value = curTop.value + moveDistance;
-        value = value <= 0 ? 0 : value;
-        value = value > movableTop.value ? movableTop.value : value;
-        emits("drag", true, value);
-      } else {
-        const moveDistance = curLeft.value < offsetX ? movableLeft.value / 9 : -movableLeft.value / 9;
-        let value = curLeft.value + moveDistance;
-        value = value <= 0 ? 0 : value;
-        value = value > movableLeft.value ? movableLeft.value : value;
-        emits("drag", false, value);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["yc-scrollbar-track", `yc-scrollbar-track-direction-${unref(direction)}`]),
-        ref_key: "trackRef",
-        ref: trackRef,
-        onClick: withModifiers(handleClick, ["self"])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass([
-            "yc-scrollbar-thumb",
-            `yc-scrollbar-thumb-direction-${unref(direction)}`
-          ]),
-          style: normalizeStyle(thmubStyle.value),
-          ref_key: "dragRef",
-          ref: dragRef
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass([
-              "yc-scrollbar-thumb-bar",
-              {
-                "yc-scrollbar-thumb-bar-dragging": unref(isDragging),
-                "yc-scrollbar-thumb-bar-hover": !unref(isDragging) && unref(_isDragging)
-              }
-            ])
-          }, null, 2)
-        ], 6)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Select/Optgroup.vue2.js

@@ -1,26 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-const _hoisted_1 = { class: "yc-option-group-label text-ellipsis" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Optgroup"
-  },
-  __name: "Optgroup",
-  props: {
-    label: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "label", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
-          ], true)
-        ]),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Select/Option.vue2.js

@@ -1,140 +0,0 @@
-import { defineComponent, toRefs, ref, computed, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, renderSlot, withCtx, createElementVNode, createTextVNode, toDisplayString, vShow } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { getDomText } from "../_shared/utils/dom.js";
-import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useContext from "./hooks/useContext.js";
-import Checkbox from "../Checkbox/index.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-select-option-icon"
-};
-const _hoisted_2 = {
-  key: 3,
-  class: "yc-select-option-suffix"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Option"
-  },
-  __name: "Option",
-  props: {
-    label: { default: "" },
-    value: { type: [String, Number, Boolean, Object, Array], default: "" },
-    disabled: { type: Boolean, default: false },
-    tagProps: {},
-    id: {},
-    isFallbackOption: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const { label, disabled } = toRefs(props);
-    const {
-      computedValue,
-      multiple,
-      limit,
-      curIndex,
-      options,
-      blur,
-      filterOption,
-      getValue,
-      emits,
-      collectOption
-    } = useContext().inject();
-    const contentRef = ref();
-    const optionValue = computed(() => {
-      return `${props.value}` ? props.value : getDomText(contentRef);
-    });
-    const optionLabel = computed(() => {
-      return props.label ? props.label : getDomText(contentRef);
-    });
-    const checked = computed(() => {
-      if (!multiple.value) return false;
-      const index = computedValue.value.findIndex((item) => {
-        return getValue(item) === getValue(optionValue.value);
-      });
-      return index != -1;
-    });
-    const handleSingle = () => {
-      if (disabled.value || isUndefined(computedValue.value)) return;
-      computedValue.value = optionValue.value;
-      emits("select", optionValue.value);
-      blur();
-    };
-    const handleMuti = (v) => {
-      const curValue = computedValue.value;
-      const { value } = optionValue;
-      if (!v) {
-        computedValue.value = curValue.filter((item) => item != value);
-      } else {
-        if (limit.value > 0 && curValue.length == limit.value) {
-          return emits("exceedLimit", value);
-        }
-        emits("select", optionValue.value);
-        computedValue.value = [...curValue, value];
-      }
-    };
-    collectOption(props, optionLabel);
-    return (_ctx, _cache) => {
-      var _a;
-      return withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-select-option",
-          {
-            "yc-select-option-active": ((_a = unref(options)[unref(curIndex)]) == null ? void 0 : _a.value) == optionValue.value,
-            "yc-select-option-disabled": unref(disabled)
-          }
-        ])
-      }, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        unref(multiple) ? (openBlock(), createBlock(unref(Checkbox), {
-          key: 1,
-          "model-value": checked.value,
-          disabled: unref(disabled),
-          "onUpdate:modelValue": handleMuti,
-          class: "yc-select-option-content"
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", {
-              ref_key: "contentRef",
-              ref: contentRef
-            }, [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                createTextVNode(toDisplayString(unref(label)), 1)
-              ], true)
-            ], 512)
-          ]),
-          _: 3
-        }, 8, ["model-value", "disabled"])) : (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: "yc-select-option-content text-ellipsis",
-          ref_key: "contentRef",
-          ref: contentRef,
-          onClick: handleSingle
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(unref(label)), 1)
-          ], true)
-        ], 512)),
-        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ], 2)), [
-        [
-          vShow,
-          unref(filterOption)({
-            ..._ctx.$props,
-            label: optionLabel.value
-          })
-        ]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};