@v-c/mentions 0.0.1

package/dist/MentionsContext.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+var MentionsContextKey = Symbol("MentionsContext");
+function useMentionsContext() {
+	return (0, vue.inject)(MentionsContextKey, (0, vue.ref)());
+}
+const MentionsProvider = (0, vue.defineComponent)((props, { slots }) => {
+	(0, vue.provide)(MentionsContextKey, (0, vue.computed)(() => props.value));
+	return () => {
+		return slots?.default?.();
+	};
+}, {
+	name: "MentionsProvider",
+	inheritAttrs: false,
+	props: ["value"]
+});
+exports.MentionsProvider = MentionsProvider;
+exports.useMentionsContext = useMentionsContext;

package/dist/MentionsContext.d.ts

@@ -0,0 +1,18 @@
+import { VueNode } from '../../util/src';
+import { Ref } from 'vue';
+import { OptionProps } from './Option.tsx';
+export interface MentionsContextProps {
+    notFoundContent: VueNode;
+    activeIndex: number;
+    setActiveIndex: (index: number) => void;
+    selectOption: (option: OptionProps) => void;
+    onFocus: (e: FocusEvent) => void;
+    onBlur: (e: FocusEvent) => void;
+    onScroll: (e: UIEvent) => void;
+}
+export declare function useMentionsContext(): Ref<MentionsContextProps, MentionsContextProps>;
+export declare const MentionsProvider: import('vue').DefineSetupFnComponent<{
+    value: MentionsContextProps;
+}, {}, {}, {
+    value: MentionsContextProps;
+} & {}, import('vue').PublicProps>;

package/dist/MentionsContext.js

@@ -0,0 +1,16 @@
+import { computed, defineComponent, inject, provide, ref } from "vue";
+var MentionsContextKey = Symbol("MentionsContext");
+function useMentionsContext() {
+	return inject(MentionsContextKey, ref());
+}
+const MentionsProvider = defineComponent((props, { slots }) => {
+	provide(MentionsContextKey, computed(() => props.value));
+	return () => {
+		return slots?.default?.();
+	};
+}, {
+	name: "MentionsProvider",
+	inheritAttrs: false,
+	props: ["value"]
+});
+export { MentionsProvider, useMentionsContext };

package/dist/Option.cjs

@@ -0,0 +1,7 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+var Option = () => null;
+var Option_default = Option;
+exports.default = Option_default;

package/dist/Option.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, FunctionalComponent } from 'vue';
+export interface OptionProps {
+    value?: string;
+    key?: string;
+    disabled?: boolean;
+    class?: string;
+    style?: CSSProperties;
+}
+declare const Option: FunctionalComponent<OptionProps>;
+export default Option;

package/dist/Option.js

@@ -0,0 +1,3 @@
+var Option = () => null;
+var Option_default = Option;
+export { Option_default as default };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,21 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+exports.__toESM = __toESM;

package/dist/context.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+var UnstableContextKey = Symbol("UnstableContext");
+function useUnstableContext() {
+	return (0, vue.inject)(UnstableContextKey, {});
+}
+function useUnstableContextProvider(value) {
+	(0, vue.provide)(UnstableContextKey, value);
+}
+exports.useUnstableContext = useUnstableContext;
+exports.useUnstableContextProvider = useUnstableContextProvider;

package/dist/context.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export interface UnstableContextProps {
+    /** Only used for antd site v6 preview usage. */
+    open?: Ref<boolean>;
+}
+export declare function useUnstableContext(): UnstableContextProps;
+export declare function useUnstableContextProvider(value: UnstableContextProps): void;

package/dist/context.js

@@ -0,0 +1,9 @@
+import { inject, provide } from "vue";
+var UnstableContextKey = Symbol("UnstableContext");
+function useUnstableContext() {
+	return inject(UnstableContextKey, {});
+}
+function useUnstableContextProvider(value) {
+	provide(UnstableContextKey, value);
+}
+export { useUnstableContext, useUnstableContextProvider };

package/dist/hooks/useEffectState.cjs

@@ -0,0 +1,23 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function useEffectState() {
+	const effectId = (0, vue.shallowRef)({
+		id: 0,
+		callback: void 0
+	});
+	const update = (callback) => {
+		effectId.value = {
+			id: effectId.value.id + 1,
+			callback
+		};
+	};
+	(0, vue.watch)(() => effectId?.value?.id, () => {
+		effectId.value?.callback?.();
+	});
+	return update;
+}
+exports.default = useEffectState;

package/dist/hooks/useEffectState.d.ts

@@ -0,0 +1,5 @@
+export type Trigger = (callback?: VoidFunction) => void;
+/**
+ * Trigger a callback on state change
+ */
+export default function useEffectState(): Trigger;

package/dist/hooks/useEffectState.js

@@ -0,0 +1,18 @@
+import { shallowRef, watch } from "vue";
+function useEffectState() {
+	const effectId = shallowRef({
+		id: 0,
+		callback: void 0
+	});
+	const update = (callback) => {
+		effectId.value = {
+			id: effectId.value.id + 1,
+			callback
+		};
+	};
+	watch(() => effectId?.value?.id, () => {
+		effectId.value?.callback?.();
+	});
+	return update;
+}
+export { useEffectState as default };

package/dist/index.cjs

@@ -0,0 +1,12 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_context = require("./context.cjs");
+const require_Mentions = require("./Mentions.cjs");
+const require_Option = require("./Option.cjs");
+var src_default = require_Mentions.default;
+exports.Option = require_Option.default;
+exports.default = src_default;
+exports.useUnstableContext = require_context.useUnstableContext;
+exports.useUnstableContextProvider = require_context.useUnstableContextProvider;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Mentions } from './Mentions';
+export { useUnstableContext, useUnstableContextProvider } from './context';
+export type { DataDrivenOptionProps, Direction, MentionsProps, MentionsRef, Placement, } from './Mentions';
+export type { OptionProps } from './Option';
+export { default as Option } from './Option';
+export default Mentions;

package/dist/index.js

@@ -0,0 +1,5 @@
+import { useUnstableContext, useUnstableContextProvider } from "./context.js";
+import Mentions_default from "./Mentions.js";
+import Option_default from "./Option.js";
+var src_default = Mentions_default;
+export { Option_default as Option, src_default as default, useUnstableContext, useUnstableContextProvider };

package/dist/util.cjs

@@ -0,0 +1,65 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getBeforeSelectionText(input) {
+	const { selectionStart } = input;
+	return input.value.slice(0, selectionStart);
+}
+function getLastMeasureIndex(text, prefix) {
+	return prefix.reduce((lastMatch, prefixStr) => {
+		const lastIndex = text.lastIndexOf(prefixStr);
+		if (lastIndex > lastMatch.location) return {
+			location: lastIndex,
+			prefix: prefixStr
+		};
+		return lastMatch;
+	}, {
+		location: -1,
+		prefix: ""
+	});
+}
+function lower(char) {
+	return (char || "").toLowerCase();
+}
+function reduceText(text, targetText, split) {
+	const firstChar = text[0];
+	if (!firstChar || firstChar === split) return text;
+	let restText = text;
+	const targetTextLen = targetText.length;
+	for (let i = 0; i < targetTextLen; i += 1) if (lower(restText[i]) !== lower(targetText[i])) {
+		restText = restText.slice(i);
+		break;
+	} else if (i === targetTextLen - 1) restText = restText.slice(targetTextLen);
+	return restText;
+}
+function replaceWithMeasure(text, measureConfig) {
+	const { measureLocation, prefix, targetText, selectionStart, split } = measureConfig;
+	let beforeMeasureText = text.slice(0, measureLocation);
+	if (beforeMeasureText[beforeMeasureText.length - split.length] === split) beforeMeasureText = beforeMeasureText.slice(0, beforeMeasureText.length - split.length);
+	if (beforeMeasureText) beforeMeasureText = `${beforeMeasureText}${split}`;
+	let restText = reduceText(text.slice(selectionStart), targetText.slice(selectionStart - measureLocation - prefix.length), split);
+	if (restText.slice(0, split.length) === split) restText = restText.slice(split.length);
+	const connectedStartText = `${beforeMeasureText}${prefix}${targetText}${split}`;
+	return {
+		text: `${connectedStartText}${restText}`,
+		selectionLocation: connectedStartText.length
+	};
+}
+function setInputSelection(input, location) {
+	input.setSelectionRange(location, location);
+	input.blur();
+	input.focus();
+}
+function validateSearch(text, split) {
+	if (text === void 0 && split === void 0) return validateSearch;
+	return !split || !(text ?? "").includes(split);
+}
+function filterOption(input, option) {
+	if (input === void 0 && option === void 0) return filterOption;
+	const lowerCase = (typeof input === "string" ? input : String(input ?? "")).toLowerCase();
+	return (option?.value ?? "").toLowerCase().includes(lowerCase);
+}
+exports.filterOption = filterOption;
+exports.getBeforeSelectionText = getBeforeSelectionText;
+exports.getLastMeasureIndex = getLastMeasureIndex;
+exports.replaceWithMeasure = replaceWithMeasure;
+exports.setInputSelection = setInputSelection;
+exports.validateSearch = validateSearch;

package/dist/util.d.ts

@@ -0,0 +1,37 @@
+import { MentionsProps } from './Mentions';
+import { OptionProps } from './Option';
+/**
+ * Cut input selection into 2 part and return text before selection start
+ */
+export declare function getBeforeSelectionText(input: HTMLTextAreaElement): string;
+interface MeasureIndex {
+    location: number;
+    prefix: string;
+}
+/**
+ * Find the last match prefix index
+ */
+export declare function getLastMeasureIndex(text: string, prefix: string[]): MeasureIndex;
+interface MeasureConfig {
+    measureLocation: number;
+    prefix: string;
+    targetText: string;
+    selectionStart: number;
+    split: string;
+}
+/**
+ * Paint targetText into current text:
+ *  text: little@litest
+ *  targetText: light
+ *  => little @light test
+ */
+export declare function replaceWithMeasure(text: string, measureConfig: MeasureConfig): {
+    text: string;
+    selectionLocation: number;
+};
+export declare function setInputSelection(input: HTMLTextAreaElement, location: number): void;
+export declare function validateSearch(): typeof validateSearch;
+export declare function validateSearch(text: string, split: MentionsProps['split']): boolean;
+export declare function filterOption(): typeof filterOption;
+export declare function filterOption(input: string, option: OptionProps): boolean;
+export {};

package/dist/util.js

@@ -0,0 +1,59 @@
+function getBeforeSelectionText(input) {
+	const { selectionStart } = input;
+	return input.value.slice(0, selectionStart);
+}
+function getLastMeasureIndex(text, prefix) {
+	return prefix.reduce((lastMatch, prefixStr) => {
+		const lastIndex = text.lastIndexOf(prefixStr);
+		if (lastIndex > lastMatch.location) return {
+			location: lastIndex,
+			prefix: prefixStr
+		};
+		return lastMatch;
+	}, {
+		location: -1,
+		prefix: ""
+	});
+}
+function lower(char) {
+	return (char || "").toLowerCase();
+}
+function reduceText(text, targetText, split) {
+	const firstChar = text[0];
+	if (!firstChar || firstChar === split) return text;
+	let restText = text;
+	const targetTextLen = targetText.length;
+	for (let i = 0; i < targetTextLen; i += 1) if (lower(restText[i]) !== lower(targetText[i])) {
+		restText = restText.slice(i);
+		break;
+	} else if (i === targetTextLen - 1) restText = restText.slice(targetTextLen);
+	return restText;
+}
+function replaceWithMeasure(text, measureConfig) {
+	const { measureLocation, prefix, targetText, selectionStart, split } = measureConfig;
+	let beforeMeasureText = text.slice(0, measureLocation);
+	if (beforeMeasureText[beforeMeasureText.length - split.length] === split) beforeMeasureText = beforeMeasureText.slice(0, beforeMeasureText.length - split.length);
+	if (beforeMeasureText) beforeMeasureText = `${beforeMeasureText}${split}`;
+	let restText = reduceText(text.slice(selectionStart), targetText.slice(selectionStart - measureLocation - prefix.length), split);
+	if (restText.slice(0, split.length) === split) restText = restText.slice(split.length);
+	const connectedStartText = `${beforeMeasureText}${prefix}${targetText}${split}`;
+	return {
+		text: `${connectedStartText}${restText}`,
+		selectionLocation: connectedStartText.length
+	};
+}
+function setInputSelection(input, location) {
+	input.setSelectionRange(location, location);
+	input.blur();
+	input.focus();
+}
+function validateSearch(text, split) {
+	if (text === void 0 && split === void 0) return validateSearch;
+	return !split || !(text ?? "").includes(split);
+}
+function filterOption(input, option) {
+	if (input === void 0 && option === void 0) return filterOption;
+	const lowerCase = (typeof input === "string" ? input : String(input ?? "")).toLowerCase();
+	return (option?.value ?? "").toLowerCase().includes(lowerCase);
+}
+export { filterOption, getBeforeSelectionText, getLastMeasureIndex, replaceWithMeasure, setInputSelection, validateSearch };

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@v-c/mentions",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "",
+  "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/input": "^1.0.0",
+    "@v-c/textarea": "^1.0.1",
+    "@v-c/menu": "^1.0.1",
+    "@v-c/util": "^1.0.4",
+    "@v-c/trigger": "^1.0.2"
+  },
+  "scripts": {
+    "build": "vite build",
+    "prepublish": "pnpm build",
+    "test": "vitest run",
+    "patch": "bumpp --release patch",
+    "bump": "bumpp"
+  }
+}