@veltra/desktop 1.0.0

package/dist/components/scroll/scroll-bar.js

@@ -0,0 +1,81 @@
+import { ScrollDIKey } from "./di.js";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, shallowRef, unref, vShow, withDirectives } from "vue";
+import { bem } from "@veltra/utils";
+import { useDrag } from "@veltra/compositions";
+//#region src/components/scroll/scroll-bar.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ScrollBar",
+	__name: "scroll-bar",
+	props: { type: {} },
+	emits: ["drag"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/** 滚动条高度(type为x时为宽度) */
+		const size = shallowRef(0);
+		/** 滚动条偏移量 */
+		const offset = shallowRef(0);
+		/** 滚动条拖拽前偏移量 */
+		let currentOffset = 0;
+		/** 滚动条轨道尺寸 */
+		let trackSize = 0;
+		const { cls } = inject(ScrollDIKey);
+		const dragging = shallowRef(false);
+		const className = computed(() => {
+			return [cls.e(`bar-${props.type}`), bem.is("active", dragging.value)];
+		});
+		const style = props.type === "x" ? computed(() => {
+			return {
+				width: size.value + "px",
+				transform: `translateX(${offset.value}px)`
+			};
+		}) : computed(() => {
+			return {
+				height: size.value + "px",
+				transform: `translateY(${offset.value}px)`
+			};
+		});
+		const domRef = shallowRef();
+		/** 获取拖拽偏移量 */
+		const getDragOffset = props.type === "x" ? (x, y) => currentOffset + x : (x, y) => currentOffset + y;
+		useDrag({
+			target: domRef,
+			onDragStart() {
+				dragging.value = true;
+				currentOffset = offset.value;
+			},
+			onDragEnd() {
+				dragging.value = false;
+			},
+			onDrag({ x, y }) {
+				const newOffset = getDragOffset(x, y);
+				const maxOffset = trackSize - size.value;
+				if (newOffset < 0) offset.value = 0;
+				else if (newOffset > maxOffset) offset.value = maxOffset;
+				else offset.value = newOffset;
+				emit("drag", offset.value, size.value);
+			}
+		});
+		__expose({
+			update(_size, _offset) {
+				size.value = _size;
+				offset.value = _offset;
+			},
+			setTrackSize(size) {
+				trackSize = size;
+			}
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", {
+				ref_key: "domRef",
+				ref: domRef,
+				style: normalizeStyle(unref(style)),
+				class: normalizeClass(className.value)
+			}, null, 6)), [[vShow, !!size.value]]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=scroll-bar.js.map

package/dist/components/scroll/scroll-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-bar.js","names":[],"sources":["../../../src/components/scroll/scroll-bar.vue"],"sourcesContent":["<template>\n  <div v-show=\"!!size\" ref=\"domRef\" :style=\"style\" :class=\"className\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport { ScrollDIKey } from './di'\n\ndefineOptions({\n  name: 'ScrollBar'\n})\n\nconst props = defineProps<{\n  type: 'x' | 'y'\n}>()\n\nconst emit = defineEmits<{\n  drag: [offset: number, size: number]\n}>()\n\n/** 滚动条高度(type为x时为宽度) */\nconst size = shallowRef(0)\n/** 滚动条偏移量 */\nconst offset = shallowRef(0)\n/** 滚动条拖拽前偏移量 */\nlet currentOffset = 0\n/** 滚动条轨道尺寸 */\nlet trackSize = 0\n\nconst { cls } = inject(ScrollDIKey)!\n\nconst dragging = shallowRef(false)\n\nconst className = computed(() => {\n  return [cls.e(`bar-${props.type}`), bem.is('active', dragging.value)]\n})\n\nconst style =\n  props.type === 'x'\n    ? computed(() => {\n        return {\n          width: size.value + 'px',\n          transform: `translateX(${offset.value}px)`\n        }\n      })\n    : computed(() => {\n        return {\n          height: size.value + 'px',\n          transform: `translateY(${offset.value}px)`\n        }\n      })\n\nconst domRef = shallowRef<HTMLElement>()\n\n/** 获取拖拽偏移量 */\nconst getDragOffset =\n  props.type === 'x'\n    ? (x: number, y: number) => currentOffset + x\n    : (x: number, y: number) => currentOffset + y\n\n// 应用拖拽\nuseDrag({\n  target: domRef,\n  onDragStart() {\n    dragging.value = true\n    currentOffset = offset.value\n  },\n  onDragEnd() {\n    dragging.value = false\n  },\n  onDrag({ x, y }) {\n    const newOffset = getDragOffset(x, y)\n    const maxOffset = trackSize - size.value\n\n    if (newOffset < 0) {\n      offset.value = 0\n    } else if (newOffset > maxOffset) {\n      offset.value = maxOffset\n    } else {\n      offset.value = newOffset\n    }\n\n    emit('drag', offset.value, size.value)\n  }\n})\n\ndefineExpose({\n  /** 更新滚动条状态 */\n  update(_size: number, _offset: number): void {\n    size.value = _size\n    offset.value = _offset\n  },\n\n  /** 设置轨道尺寸 */\n  setTrackSize(size: number): void {\n    trackSize = size\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;EAId,MAAM,OAAO;;EAKb,MAAM,OAAO,WAAW,EAAC;;EAEzB,MAAM,SAAS,WAAW,EAAC;;EAE3B,IAAI,gBAAgB;;EAEpB,IAAI,YAAY;EAEhB,MAAM,EAAE,QAAQ,OAAO,YAAY;EAEnC,MAAM,WAAW,WAAW,MAAK;EAEjC,MAAM,YAAY,eAAe;AAC/B,UAAO,CAAC,IAAI,EAAE,OAAO,MAAM,OAAO,EAAE,IAAI,GAAG,UAAU,SAAS,MAAM,CAAA;IACrE;EAED,MAAM,QACJ,MAAM,SAAS,MACX,eAAe;AACb,UAAO;IACL,OAAO,KAAK,QAAQ;IACpB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD,GACD,eAAe;AACb,UAAO;IACL,QAAQ,KAAK,QAAQ;IACrB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD;EAEP,MAAM,SAAS,YAAwB;;EAGvC,MAAM,gBACJ,MAAM,SAAS,OACV,GAAW,MAAc,gBAAgB,KACzC,GAAW,MAAc,gBAAgB;AAGhD,UAAQ;GACN,QAAQ;GACR,cAAc;AACZ,aAAS,QAAQ;AACjB,oBAAgB,OAAO;;GAEzB,YAAY;AACV,aAAS,QAAQ;;GAEnB,OAAO,EAAE,GAAG,KAAK;IACf,MAAM,YAAY,cAAc,GAAG,EAAC;IACpC,MAAM,YAAY,YAAY,KAAK;AAEnC,QAAI,YAAY,EACd,QAAO,QAAQ;aACN,YAAY,UACrB,QAAO,QAAQ;QAEf,QAAO,QAAQ;AAGjB,SAAK,QAAQ,OAAO,OAAO,KAAK,MAAK;;GAExC,CAAA;AAED,WAAa;GAEX,OAAO,OAAe,SAAuB;AAC3C,SAAK,QAAQ;AACb,WAAO,QAAQ;;GAIjB,aAAa,MAAoB;AAC/B,gBAAY;;GAEf,CAAA;;uCAnGC,mBAA0E,OAAA;aAAjD;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,MAAK,CAAA;IAAG,OAAK,eAAE,UAAA,MAAS;4BAAnD,KAAA,MAAI,CAAA,CAAA"}

package/dist/components/scroll/scroll.js

@@ -0,0 +1,159 @@
+import { ScrollDIKey } from "./di.js";
+import _sfc_main$1 from "./scroll-bar.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, unref, withCtx } from "vue";
+import { debounce } from "@cat-kit/core";
+import { bem, withUnit } from "@veltra/utils";
+import { useResizeObserver } from "@veltra/compositions";
+//#region src/components/scroll/scroll.vue
+const minSize = 20;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Scroll",
+	__name: "scroll",
+	props: {
+		tag: { default: "div" },
+		height: {},
+		always: { type: Boolean },
+		contentStyle: {},
+		containerStyle: {},
+		contentClass: {},
+		containerClass: {},
+		dragDebounce: {}
+	},
+	emits: ["scroll", "resize"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("scroll");
+		const className = computed(() => {
+			return [cls.b, bem.is("always", props.always)];
+		});
+		const style = computed(() => {
+			return { height: withUnit(props.height, "px") };
+		});
+		/** 内容引用 */
+		const contentRef = shallowRef();
+		/** 滚动根元素引用 */
+		const scrollRef = shallowRef();
+		/** 容器引用 */
+		const containerRef = shallowRef();
+		const barX = shallowRef();
+		const barY = shallowRef();
+		const trackSize = {
+			width: 0,
+			height: 0
+		};
+		useResizeObserver({
+			targets: [contentRef, scrollRef],
+			onResize: (entries) => {
+				if (entries.length && scrollRef.value) {
+					const { clientHeight, clientWidth } = scrollRef.value;
+					trackSize.width = clientWidth;
+					trackSize.height = clientHeight;
+					barX.value?.setTrackSize(trackSize.width);
+					barY.value?.setTrackSize(trackSize.height);
+					updateBar();
+					emit("resize", entries.map((entry) => entry.target));
+				}
+			}
+		});
+		const updateBar = () => {
+			if (!containerRef.value) return;
+			const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = containerRef.value;
+			emit("scroll", {
+				x: scrollLeft,
+				y: scrollTop,
+				sw: scrollWidth,
+				sh: scrollHeight,
+				cw: clientWidth,
+				ch: clientHeight
+			});
+			if (scrollHeight !== clientHeight) {
+				const barYHeight = Math.max(clientHeight / scrollHeight * trackSize.height, minSize);
+				const barYTop = scrollTop / (scrollHeight - clientHeight) * (trackSize.height - barYHeight);
+				barY.value?.update(barYHeight, barYTop);
+			} else barY.value?.update(0, 0);
+			if (scrollWidth !== clientWidth) {
+				const barXWidth = Math.max(clientWidth / scrollWidth * trackSize.width, minSize);
+				const barXLeft = scrollLeft / (scrollWidth - clientWidth) * (trackSize.width - barXWidth);
+				barX.value?.update(barXWidth, barXLeft);
+			} else barX.value?.update(0, 0);
+		};
+		const handleDragX = debounce((offset, size) => {
+			const container = containerRef.value;
+			const { clientWidth, scrollWidth } = container;
+			container.scrollLeft = offset / (trackSize.width - size) * (scrollWidth - clientWidth);
+		}, props.dragDebounce ?? 0, false);
+		const handleDragY = debounce((offset, size) => {
+			const container = containerRef.value;
+			const { clientHeight, scrollHeight } = container;
+			container.scrollTop = offset / (trackSize.height - size) * (scrollHeight - clientHeight);
+		}, props.dragDebounce ?? 0, false);
+		const handleScroll = (e) => {
+			updateBar();
+		};
+		const scrollToLeft = (left) => {
+			const container = containerRef.value;
+			if (!container) return;
+			container.scrollTo({ left });
+		};
+		const scrollToTop = (top) => {
+			const container = containerRef.value;
+			if (!container) return;
+			container.scrollTo({ top });
+		};
+		const scrollTo = (position) => {
+			if (position.x !== void 0) scrollToLeft(position.x);
+			if (position.y !== void 0) scrollToTop(position.y);
+		};
+		provide(ScrollDIKey, { cls });
+		__expose({
+			el: scrollRef,
+			contentRef,
+			containerRef,
+			scrollTo,
+			update: updateBar
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(className.value),
+				style: normalizeStyle(style.value),
+				ref_key: "scrollRef",
+				ref: scrollRef
+			}, [
+				createElementVNode("div", {
+					ref_key: "containerRef",
+					ref: containerRef,
+					class: normalizeClass([unref(cls).e("container"), __props.containerClass]),
+					onScrollPassive: handleScroll,
+					style: normalizeStyle(__props.containerStyle)
+				}, [(openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+					ref_key: "contentRef",
+					ref: contentRef,
+					style: normalizeStyle(__props.contentStyle),
+					class: normalizeClass([unref(cls).e("content"), __props.contentClass])
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["style", "class"]))], 38),
+				createVNode(_sfc_main$1, {
+					type: "y",
+					class: normalizeClass(unref(cls).e("bar-y")),
+					onDrag: unref(handleDragY),
+					ref_key: "barY",
+					ref: barY
+				}, null, 8, ["class", "onDrag"]),
+				createVNode(_sfc_main$1, {
+					type: "x",
+					class: normalizeClass(unref(cls).e("bar-x")),
+					onDrag: unref(handleDragX),
+					ref_key: "barX",
+					ref: barX
+				}, null, 8, ["class", "onDrag"])
+			], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=scroll.js.map

package/dist/components/scroll/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <div\n      ref=\"containerRef\"\n      :class=\"[cls.e('container'), containerClass]\"\n      @scroll.passive=\"handleScroll\"\n      :style=\"containerStyle\"\n    >\n      <component\n        ref=\"contentRef\"\n        :style=\"contentStyle\"\n        :class=\"[cls.e('content'), contentClass]\"\n        :is=\"tag\"\n      >\n        <slot />\n      </component>\n    </div>\n\n    <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n    <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed, provide, shallowRef } from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({\n  name: 'Scroll'\n})\n\nconst props = withDefaults(defineProps<ScrollProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always)]\n})\n\n// 样式-------------------------------------------------------------\nconst style = computed<CSSProperties>(() => {\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n\n// 模板引用------------------------------------------------\n/** 内容引用 */\nconst contentRef = shallowRef<HTMLElement>()\n/** 滚动根元素引用 */\nconst scrollRef = shallowRef<HTMLElement>()\n/** 容器引用 */\nconst containerRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = {\n  width: 0,\n  height: 0\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef],\n  onResize: (entries) => {\n    if (entries.length && scrollRef.value) {\n      const { clientHeight, clientWidth } = scrollRef.value\n\n      trackSize.width = clientWidth\n      trackSize.height = clientHeight\n\n      barX.value?.setTrackSize(trackSize.width)\n      barY.value?.setTrackSize(trackSize.height)\n      updateBar()\n\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\n// 更新滚动条\nconst updateBar = () => {\n  if (!containerRef.value) return\n\n  const {\n    scrollHeight,\n    clientHeight,\n    scrollTop,\n\n    scrollWidth,\n    clientWidth,\n    scrollLeft\n  } = containerRef.value\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\n// 滚动条拖拽\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value!\n    const { clientWidth, scrollWidth } = container\n\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value!\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\n// 滚动事件\nconst handleScroll = (e) => {\n  updateBar()\n}\n\n// 滚动至------------------------------------------------\nconst scrollToLeft = (left: number) => {\n  const container = containerRef.value\n  if (!container) return\n\n  container.scrollTo({\n    left\n  })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = containerRef.value\n  if (!container) return\n\n  container.scrollTo({\n    top\n  })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, {\n  cls\n})\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}

package/dist/components/scroll/scroll.vue.d.ts

@@ -0,0 +1,27 @@
+import { ScrollPosition, ScrollProps, _ScrollExposed } from "../../types/scroll.js";
+import * as _$vue from "vue";
+
+//#region src/components/scroll/scroll.vue.d.ts
+type __VLS_Slots = {
+  /** 默认插槽 */default(): any; /** 内容插槽 */
+  content(): any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ScrollProps, _ScrollExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  resize: (targets: HTMLElement[]) => any;
+  scroll: (position: Required<ScrollPosition>) => any;
+}, string, _$vue.PublicProps, Readonly<ScrollProps> & Readonly<{
+  onResize?: ((targets: HTMLElement[]) => any) | undefined;
+  onScroll?: ((position: Required<ScrollPosition>) => any) | undefined;
+}>, {
+  tag: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=scroll.vue.d.ts.map

package/dist/components/scroll/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/scroll/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/scroll/style2.css

@@ -0,0 +1,91 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-scroll {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  scroll-behavior: auto;
+}
+.u-scroll__container {
+  overflow: auto;
+  height: 100%;
+  flex-grow: 1;
+  scrollbar-width: none;
+  scrollbar-color: transparent transparent;
+  -ms-scrollbar-track-color: transparent;
+  scrollbar-track-color: transparent;
+}
+.u-scroll__container::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+.u-scroll:hover > .u-scroll__bar-x {
+  opacity: 1;
+}
+.u-scroll:hover > .u-scroll__bar-y {
+  opacity: 1;
+}
+.u-scroll__bar-x, .u-scroll__bar-y {
+  opacity: 0;
+  cursor: default;
+  position: absolute;
+  border-radius: 6px;
+  background-color: rgba(153, 153, 153, 0.4);
+  will-change: transform;
+  transition: opacity 0.3s ease-in, background-color 0.3s ease-in, height 0.15s ease-in, width 0.15s ease-in;
+  z-index: 1;
+}
+.u-scroll__bar-x:hover, .u-scroll__bar-y:hover {
+  background-color: rgba(153, 153, 153, 0.6);
+  border-radius: 10px;
+}
+.u-scroll__bar-x.is-active, .u-scroll__bar-y.is-active {
+  opacity: 1;
+  background-color: #999;
+  border-radius: 10px;
+}
+.u-scroll.is-always .u-scroll__bar-y {
+  opacity: 1;
+}
+.u-scroll.is-always .u-scroll__bar-x {
+  opacity: 1;
+}
+.u-scroll__bar-y {
+  width: 6px;
+  height: 100%;
+  top: 0;
+  right: 0;
+}
+.u-scroll__bar-y:hover {
+  width: 10px;
+}
+.u-scroll__bar-y.is-active {
+  width: 10px;
+}
+.u-scroll__bar-x {
+  height: 6px;
+  bottom: 0;
+  left: 0;
+}
+.u-scroll__bar-x:hover {
+  height: 10px;
+}
+.u-scroll__bar-x.is-active {
+  height: 10px;
+}

package/dist/components/select/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./select.vue.js";