@v-c/overflow 0.0.1

package/dist/hooks/useEffectState.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+type Updater<T> = T | ((origin: T) => T);
+type UpdateCallbackFunc = () => void;
+type NotifyEffectUpdate = (callback: UpdateCallbackFunc) => void;
+/**
+ * Batcher for record any useEffectState need update.
+ */
+export declare function useBatcher(): NotifyEffectUpdate;
+/**
+ * Trigger state update by ref to save perf.
+ */
+export default function useEffectState<T>(notifyEffectUpdate: NotifyEffectUpdate, defaultValue?: T | null | undefined): [Ref<T | null | undefined>, (nextValue: Updater<T>) => void];
+export {};

package/dist/hooks/useEffectState.js

@@ -0,0 +1,37 @@
+import useEvent from "@v-c/util/dist/hooks/useEvent";
+import { ref } from "vue";
+import channelUpdate from "./channelUpdate.js";
+function useBatcher() {
+  const updateFuncRef = ref(null);
+  const notifyEffectUpdate = (callback) => {
+    if (!updateFuncRef.value) {
+      updateFuncRef.value = [];
+      channelUpdate(() => {
+        updateFuncRef.value.forEach((fn) => {
+          fn();
+        });
+        updateFuncRef.value = null;
+      });
+    }
+    updateFuncRef.value.push(callback);
+  };
+  return notifyEffectUpdate;
+}
+function useEffectState(notifyEffectUpdate, defaultValue) {
+  const stateValue = ref(defaultValue);
+  const setEffectVal = useEvent((nextValue) => {
+    notifyEffectUpdate(() => {
+      if (typeof nextValue === "function") {
+        const updater = nextValue;
+        stateValue.value = updater(stateValue.value);
+      } else {
+        stateValue.value = nextValue;
+      }
+    });
+  });
+  return [stateValue, setEffectVal];
+}
+export {
+  useEffectState as default,
+  useBatcher
+};

package/dist/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Overflow = require("./Overflow.cjs");
+const context = require("./context.cjs");
+exports.default = Overflow.default;
+exports.OverflowContextProvider = context.OverflowContextProvider;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Overflow } from './Overflow';
+export { OverflowContextProvider } from './context';
+export type { OverflowProps } from './Overflow';
+export default Overflow;

package/dist/index.js

@@ -0,0 +1,6 @@
+import Overflow from "./Overflow.js";
+import { OverflowContextProvider } from "./context.js";
+export {
+  OverflowContextProvider,
+  Overflow as default
+};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@v-c/overflow",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "overflow",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "@v-c/resize-observer": "0.0.3",
+    "@v-c/util": "0.0.13"
+  },
+  "scripts": {
+    "build": "vite build",
+    "prepublish": "pnpm build",
+    "test": "vitest run",
+    "bump": "bumpp --release patch"
+  }
+}