@v-c/overflow 1.0.5 → 1.1.0

package/dist/Item.js

@@ -1,6 +1,7 @@
 import { computed, createVNode, defineComponent, isVNode, mergeProps, onUnmounted } from "vue";
 import ResizeObserver from "@v-c/resize-observer";
 import { classNames } from "@v-c/util";
+//#region src/Item.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -89,4 +90,5 @@ var Item_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
 export { Item_default as default };

package/dist/Overflow.js

@@ -5,6 +5,7 @@ import RawItem_default from "./RawItem.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps, ref, watchEffect } from "vue";
 import ResizeObserver from "@v-c/resize-observer";
 import { classNames } from "@v-c/util";
+//#region src/Overflow.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -77,6 +78,9 @@ var Overflow = /* @__PURE__ */ defineComponent({
 		const isResponsive = computed(() => props.maxCount === RESPONSIVE);
 		const shouldResponsive = computed(() => data.value.length && isResponsive.value);
 		const invalidate = computed(() => props.maxCount === INVALIDATE);
+		/**
+		* When is `responsive`, we will always render rest node to get the real width of it for calculation
+		*/
 		const showRest = computed(() => shouldResponsive.value || typeof props.maxCount === "number" && data.value.length > props.maxCount);
 		const mergedData = computed(() => {
 			let items = data.value;
@@ -179,8 +183,8 @@ var Overflow = /* @__PURE__ */ defineComponent({
 			let suffixStyle = {};
 			if (suffixFixedStart.value !== null && shouldResponsive.value) suffixStyle = {
 				position: "absolute",
-				left: `${suffixFixedStart.value}px`,
-				top: 0
+				top: 0,
+				insetInlineStart: `${suffixFixedStart.value}px`
 			};
 			const itemSharedProps = {
 				prefixCls: itemPrefixCls.value,
@@ -267,5 +271,5 @@ var Overflow = /* @__PURE__ */ defineComponent({
 Overflow.Item = RawItem_default;
 Overflow.RESPONSIVE = RESPONSIVE;
 Overflow.INVALIDATE = INVALIDATE;
-var Overflow_default = Overflow;
-export { Overflow_default as default };
+//#endregion
+export { Overflow as default };

package/dist/RawItem.js

@@ -2,6 +2,7 @@ import { OverflowContextProvider, useInjectOverflowContext } from "./context.js"
 import Item_default from "./Item.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
+//#region src/RawItem.tsx
 var RawItem_default = /* @__PURE__ */ defineComponent({
 	name: "OverflowRawItem",
 	inheritAttrs: false,
@@ -26,4 +27,5 @@ var RawItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
 export { RawItem_default as default };

package/dist/context.js

@@ -1,6 +1,7 @@
 import { computed, defineComponent, inject, provide } from "vue";
+//#region src/context.tsx
 var OverflowContextKey = Symbol("OverflowContext");
-const OverflowContextProvider = /* @__PURE__ */ defineComponent({
+var OverflowContextProvider = /* @__PURE__ */ defineComponent({
 	name: "OverflowContextProvider",
 	inheritAttrs: false,
 	props: { value: { type: Object } },
@@ -12,4 +13,5 @@ const OverflowContextProvider = /* @__PURE__ */ defineComponent({
 function useInjectOverflowContext() {
 	return inject(OverflowContextKey, null);
 }
+//#endregion
 export { OverflowContextProvider, useInjectOverflowContext };

package/dist/hooks/channelUpdate.js

@@ -1,4 +1,5 @@
 import raf from "@v-c/util/dist/raf";
+//#region src/hooks/channelUpdate.ts
 function channelUpdate(callback) {
 	if (typeof MessageChannel === "undefined") raf(callback);
 	else {
@@ -7,4 +8,5 @@ function channelUpdate(callback) {
 		channel.port2.postMessage(void 0);
 	}
 }
+//#endregion
 export { channelUpdate as default };

package/dist/hooks/useEffectState.js

@@ -1,6 +1,10 @@
 import channelUpdate from "./channelUpdate.js";
 import { ref } from "vue";
 import useEvent from "@v-c/util/dist/hooks/useEvent";
+//#region src/hooks/useEffectState.ts
+/**
+* Batcher for record any useEffectState need update.
+*/
 function useBatcher() {
 	const updateFuncRef = ref(null);
 	const notifyEffectUpdate = (callback) => {
@@ -17,6 +21,9 @@ function useBatcher() {
 	};
 	return notifyEffectUpdate;
 }
+/**
+* Trigger state update by ref to save perf.
+*/
 function useEffectState(notifyEffectUpdate, defaultValue) {
 	const stateValue = ref(defaultValue);
 	return [stateValue, useEvent((nextValue) => {
@@ -26,4 +33,5 @@ function useEffectState(notifyEffectUpdate, defaultValue) {
 		});
 	})];
 }
+//#endregion
 export { useEffectState as default, useBatcher };

package/dist/index.js

@@ -1,4 +1,6 @@
 import { OverflowContextProvider } from "./context.js";
-import Overflow_default from "./Overflow.js";
-var src_default = Overflow_default;
+import Overflow from "./Overflow.js";
+//#region src/index.ts
+var src_default = Overflow;
+//#endregion
 export { OverflowContextProvider, src_default as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/overflow",
   "type": "module",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "overflow",
   "publishConfig": {
     "access": "public"
@@ -24,8 +24,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/resize-observer": "^1.0.8",
-    "@v-c/util": "^1.0.19"
+    "@v-c/util": "^1.0.19",
+    "@v-c/resize-observer": "^1.1.0"
   },
   "scripts": {
     "build": "vite build",