@unicom-cloud/ui 0.8.150 → 0.8.152

package/mentions/Mentions.js

@@ -0,0 +1,123 @@
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { ArrowDown as e, ArrowUp as t, Enter as n, Esc as r } from "../utils/keyboardCode.js";
+import i from "../hooks/use-merge-value/index.js";
+import a from "../utils/className.js";
+import o from "../hooks/use-merge-props/index.js";
+import s from "../config-provider/context.js";
+import { FormContext as c, FormItemContext as l } from "../form/context.js";
+import "../config-provider/index.js";
+import u from "../input/index.js";
+import d from "../select/index.js";
+import { getBeforeSelectionText as f, getLastMeasureIndex as p, isValidSearch as ee } from "./utils.js";
+import m, { useContext as h, useEffect as g, useImperativeHandle as _, useRef as v, useState as te } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region components/pc/mentions/Mentions.tsx
+var x = [
+	r.key,
+	n.key,
+	t.key,
+	e.key
+], S = {
+	prefix: "@",
+	split: " ",
+	rows: 1,
+	position: "bl",
+	alignTextarea: !0
+};
+function C(m, C) {
+	let { prefixCls: w, getPrefixCls: T, componentConfig: ne, rtl: re } = h(s), E = h(c), D = h(l), O = o(m, S, ne?.Mentions), { style: k, className: A, options: j, prefix: M, split: N, position: P, alignTextarea: F, filterOption: I, triggerProps: L, getPopupContainer: R, onChange: z, onSearch: B, notFoundContent: V, readOnly: H = D?.readOnly ?? E?.readOnly, ...U } = O, W = T?.("mentions"), G = v(null), K = v(null), q = v(null), [J, Y] = i("", {
+		value: O.value,
+		defaultValue: O.defaultValue
+	}), [X, Z] = te({
+		measuring: !1,
+		location: 0,
+		text: "",
+		prefix: ""
+	});
+	g(() => (q.current && K.current && (K.current.scrollTop = q.current.getRootElement().scrollTop), () => {}));
+	let Q = () => {
+		Z({
+			...X,
+			measuring: !1,
+			location: 0,
+			text: ""
+		});
+	}, ie = (e) => {
+		let t = X.location, n = X.location + X.text.length, r = J.slice(0, t), i = J.slice(n + 1);
+		r += !r || r.endsWith(N) || r.endsWith("\n") ? "" : N, i = (!i || i.startsWith(N) || i.startsWith("\n") ? "" : N) + i;
+		let a = `${X.prefix}${e}`, o = `${r}${a}${i}`;
+		Y(o), Q(), z?.(o);
+	}, ae = {
+		onChange: (e) => {
+			Y(e), z?.(e);
+		},
+		onKeyDown: (i) => {
+			let a = i.key;
+			a === r.key && q.current?.blur?.(), G.current && (G.current.hotkeyHandler(i), (a === n.key || a === t.key || a === e.key) && i.preventDefault());
+		},
+		onKeyUp: (e) => {
+			let { key: t, target: n } = e;
+			if (~x.indexOf(t)) return;
+			let r = f(n), { location: i, prefix: a } = p(r, M), o = r.slice(i + a.length);
+			i > -1 && ee(o, O) ? ((t === a || X.measuring || o !== X.text || r.includes(a)) && Z({
+				measuring: !0,
+				text: o,
+				prefix: a,
+				location: i
+			}), B?.(o, a)) : X.measuring && Q();
+		},
+		onBlur: Q
+	}, $ = v(null);
+	return _(C, () => ({ getRootElement() {
+		return $.current;
+	} })), /* @__PURE__ */ b("div", {
+		ref: $,
+		style: k,
+		className: a(`${W}`, {
+			[`${W}-align-textarea`]: F,
+			[`${W}-readonly`]: H,
+			[`${W}-rtl`]: re
+		}, A),
+		children: [/* @__PURE__ */ y(u.Textarea, {
+			ref: q,
+			className: `${W}-textarea`,
+			value: J,
+			readOnly: H,
+			...ae,
+			...U
+		}), /* @__PURE__ */ b("div", {
+			ref: K,
+			className: `${W}-measure`,
+			children: [
+				J.slice(0, X.location),
+				/* @__PURE__ */ y(d, {
+					ref: G,
+					options: j,
+					inputValue: X.text,
+					notFoundContent: V,
+					triggerElement: /* @__PURE__ */ y("span", {
+						className: `${W}-measure-trigger`,
+						children: X.prefix
+					}),
+					triggerProps: {
+						popupVisible: X.measuring,
+						autoAlignPopupWidth: F,
+						position: P,
+						...L
+					},
+					filterOption: I,
+					getPopupContainer: R,
+					value: void 0,
+					readOnly: H,
+					onChange: ie
+				}),
+				J.slice(X.location + X.prefix.length)
+			]
+		})]
+	});
+}
+var w = m.forwardRef(C);
+w.displayName = "Mentions";
+//#endregion
+export { w as default };
+/* 独立思考，明辨是非 */

package/mentions/index.d.ts

@@ -0,0 +1,4 @@
+import type { MentionsProps } from './interface';
+declare const Mentions: import("react").ForwardRefExoticComponent<MentionsProps & import("react").RefAttributes<unknown>>;
+export default Mentions;
+export type { MentionsProps };

package/mentions/index.js

@@ -1,160 +1,7 @@
-/* 2026-03-04 15:09:50 */
-import { jsxs as S, jsx as h } from "react/jsx-runtime";
-import X, { useContext as C, useRef as m, useState as Y, useEffect as Z, useImperativeHandle as _ } from "react";
-import "../config-provider/ConfigProvider.js";
-import { FormContext as ee, FormItemContext as te } from "../form/context.js";
-import re from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import ne from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import oe from "../input/Input.js";
-import se from "../select/Select.js";
-import ae from "@unicom-cloud/ui-common/utils/className";
-import { Esc as I, Enter as N, ArrowUp as T, ArrowDown as V } from "@unicom-cloud/utils/constant/keyboardCode";
-import { getBeforeSelectionText as ie, getLastMeasureIndex as le, isValidSearch as ce } from "./utils.js";
-import ue from "../config-provider/context.js";
-const fe = [I.key, N.key, T.key, V.key], me = {
-  prefix: "@",
-  split: " ",
-  rows: 1,
-  position: "bl",
-  alignTextarea: !0
-};
-function pe(v, w) {
-  const {
-    prefixCls: ge,
-    getPrefixCls: O,
-    componentConfig: R,
-    rtl: W
-  } = C(ue), b = C(ee), F = C(te), c = re(
-    v,
-    me,
-    R?.Mentions
-  ), {
-    style: A,
-    className: B,
-    options: D,
-    prefix: H,
-    split: u,
-    position: K,
-    alignTextarea: $,
-    filterOption: j,
-    triggerProps: L,
-    getPopupContainer: U,
-    onChange: k,
-    onSearch: q,
-    notFoundContent: z,
-    readOnly: p = F?.readOnly ?? b?.readOnly,
-    ...G
-  } = c, s = O?.("mentions"), x = m(null), g = m(null), f = m(null), [l, M] = ne("", {
-    value: c.value,
-    defaultValue: c.defaultValue
-  }), [e, E] = Y({
-    measuring: !1,
-    location: 0,
-    text: "",
-    prefix: ""
-  });
-  Z(() => (f.current && g.current && (g.current.scrollTop = f.current.getRootElement().scrollTop), () => {
-  }));
-  const d = () => {
-    E({
-      ...e,
-      measuring: !1,
-      location: 0,
-      text: ""
-    });
-  }, J = (t) => {
-    const n = e.location, y = e.location + e.text.length;
-    let o = l.slice(0, n), r = l.slice(y + 1);
-    o += !o || o.endsWith(u) || o.endsWith(`
-`) ? "" : u, r = (!r || r.startsWith(u) || r.startsWith(`
-`) ? "" : u) + r;
-    const a = `${e.prefix}${t}`, i = `${o}${a}${r}`;
-    M(i), d(), k?.(i);
-  }, Q = {
-    onChange: (t) => {
-      M(t), k?.(t);
-    },
-    onKeyDown: (t) => {
-      const n = t.key;
-      n === I.key && f.current?.blur?.(), x.current && (x.current.hotkeyHandler(t), (n === N.key || n === T.key || n === V.key) && t.preventDefault());
-    },
-    onKeyUp: (t) => {
-      const { key: n, target: y } = t;
-      if (~fe.indexOf(n))
-        return;
-      const o = ie(y), { location: r, prefix: a } = le(o, H), i = o.slice(
-        r + a.length
-      );
-      r > -1 && ce(i, c) ? ((n === a || e.measuring || i !== e.text || o.includes(a)) && E({
-        measuring: !0,
-        text: i,
-        prefix: a,
-        location: r
-      }), q?.(i, a)) : e.measuring && d();
-    },
-    onBlur: d
-  }, P = m(null);
-  return _(w, () => ({
-    getRootElement() {
-      return P.current;
-    }
-  })), /* @__PURE__ */ S(
-    "div",
-    {
-      ref: P,
-      style: A,
-      className: ae(
-        `${s}`,
-        {
-          [`${s}-align-textarea`]: $,
-          [`${s}-readonly`]: p,
-          [`${s}-rtl`]: W
-        },
-        B
-      ),
-      children: [
-        /* @__PURE__ */ h(
-          oe.Textarea,
-          {
-            ref: f,
-            className: `${s}-textarea`,
-            value: l,
-            readOnly: p,
-            ...Q,
-            ...G
-          }
-        ),
-        /* @__PURE__ */ S("div", { ref: g, className: `${s}-measure`, children: [
-          l.slice(0, e.location),
-          /* @__PURE__ */ h(
-            se,
-            {
-              ref: x,
-              options: D,
-              inputValue: e.text,
-              notFoundContent: z,
-              triggerElement: /* @__PURE__ */ h("span", { className: `${s}-measure-trigger`, children: e.prefix }),
-              triggerProps: {
-                popupVisible: e.measuring,
-                autoAlignPopupWidth: $,
-                position: K,
-                ...L
-              },
-              filterOption: j,
-              getPopupContainer: U,
-              value: void 0,
-              readOnly: p,
-              onChange: J
-            }
-          ),
-          l.slice(e.location + e.prefix.length)
-        ] })
-      ]
-    }
-  );
-}
-const xe = X.forwardRef(pe);
-xe.displayName = "Mentions";
-export {
-  xe as default
-};
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "./Mentions.js";
+//#region components/pc/mentions/index.tsx
+var t = Object.assign(e, {});
+//#endregion
+export { t as default };
+/* 独立思考，明辨是非 */

package/mentions/interface.d.ts

@@ -0,0 +1,88 @@
+import { ReactNode } from 'react';
+import type { TextareaProps } from '../input';
+import type { GetPopupContainer } from '../interface';
+import type { TriggerProps } from '../trigger';
+/**
+ * @title Mentions
+ */
+export interface MentionsProps extends Omit<TextareaProps, 'prefix' | 'maxLength'>, GetPopupContainer {
+    maxLength?: number;
+    children?: ReactNode;
+    /**
+     * @zh 输入框的值
+     * @en To set value
+     */
+    value?: string;
+    /**
+     * @zh 输入框默认值
+     * @en To set default value
+     */
+    defaultValue?: string;
+    /**
+     * @zh 下拉框可选项
+     * @en Options of dropdown
+     */
+    options?: (string | number | {
+        label: ReactNode | string;
+        value: string | number;
+        disabled?: boolean;
+    })[];
+    /**
+     * @zh 触发关键字
+     * @en Set trigger prefix keyword
+     * @defaultValue `@`
+     */
+    prefix?: string | string[];
+    /**
+     * @zh 选中项前后分隔符
+     * @en Set split string before and after selected mention
+     */
+    split?: string;
+    /**
+     * @zh 弹出框是否与输入框对齐
+     * @en Whether the popup is aligned with the input
+     * @defaultValue true
+     */
+    alignTextarea?: boolean;
+    /**
+     * @zh 下拉框的弹出位置
+     * @en Position of dropdown
+     * @defaultValue bl
+     */
+    position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
+    /**
+     * @zh 可以接受所有 Trigger 组件的 Props
+     * @en All `Trigger` component props
+     */
+    triggerProps?: Partial<TriggerProps>;
+    /**
+     * @zh 下拉列表没有数据时显示的内容
+     * @en The content displayed when there is no data
+     */
+    notFoundContent?: ReactNode;
+    /**
+     * @zh 是否根据输入的值筛选数据，可传入函数自定义过滤逻辑。
+     * @en Customize filter option logic
+     */
+    filterOption?: false | ((inputValue: string, option: any) => boolean);
+    /**
+     * @zh 输入改变时的回调
+     * @en Callback when input value is changed
+     */
+    onChange?: (value: string) => void;
+    /**
+     * @zh 搜索时的回调
+     * @en Callback on search
+     */
+    onSearch?: (text: string, prefix: string) => void;
+    /**
+     * @zh 聚焦时的回调
+     * @en Trigger when mentions get focus
+     */
+    onFocus?: (e: any) => void;
+    /**
+     * @zh 失焦时的回调
+     * @en Trigger when mentions lose focus
+     */
+    onBlur?: (e: any) => void;
+}

package/mentions/utils.d.ts

@@ -0,0 +1,9 @@
+import type { MentionsProps } from './interface';
+interface MeasureIndex {
+    location: number;
+    prefix: string | undefined;
+}
+export declare function isValidSearch(text: string, { split }: MentionsProps): boolean;
+export declare function getBeforeSelectionText({ value, selectionStart, }: HTMLTextAreaElement): string;
+export declare function getLastMeasureIndex(text: string, prefix?: string | string[]): MeasureIndex;
+export {};

package/mentions/utils.js

@@ -1,28 +1,24 @@
-/* 2026-03-04 15:09:50 */
-import o from "lodash/castArray";
-function u(n, { split: e }) {
-  return !e || !n.includes(e);
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "lodash/castArray";
+//#region components/pc/mentions/utils.ts
+function t(e, { split: t }) {
+	return !t || !e.includes(t);
 }
-function a({
-  value: n,
-  selectionStart: e
-}) {
-  return n.slice(0, e);
+function n({ value: e, selectionStart: t }) {
+	return e.slice(0, t);
 }
-function f(n, e = "") {
-  return o(e).reduce(
-    (t, r) => {
-      const i = n.lastIndexOf(r);
-      return i > t.location ? {
-        location: i,
-        prefix: r
-      } : t;
-    },
-    { location: -1, prefix: "" }
-  );
+function r(t, n = "") {
+	return e(n).reduce((e, n) => {
+		let r = t.lastIndexOf(n);
+		return r > e.location ? {
+			location: r,
+			prefix: n
+		} : e;
+	}, {
+		location: -1,
+		prefix: ""
+	});
 }
-export {
-  a as getBeforeSelectionText,
-  f as getLastMeasureIndex,
-  u as isValidSearch
-};
+//#endregion
+export { n as getBeforeSelectionText, r as getLastMeasureIndex, t as isValidSearch };
+/* 独立思考，明辨是非 */

package/menu/Indent.js

@@ -1,18 +1,15 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as t } from "react/jsx-runtime";
-import { useContext as a } from "react";
-import i from "./context.js";
-function d(e) {
-  const { prefixCls: l, levelIndent: r } = e, { collapse: o } = a(i), n = e.level - 1;
-  return !o && n > 0 ? /* @__PURE__ */ t("span", { children: [...new Array(n)].map((m, s) => /* @__PURE__ */ t(
-    "span",
-    {
-      className: `${l}-indent`,
-      style: { width: r }
-    },
-    s
-  )) }) : null;
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "./context.js";
+import { useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region components/pc/menu/Indent.tsx
+function r(r) {
+	let { prefixCls: i, levelIndent: a } = r, { collapse: o } = t(e), s = r.level - 1;
+	return !o && s > 0 ? /* @__PURE__ */ n("span", { children: [...Array(s)].map((e, t) => /* @__PURE__ */ n("span", {
+		className: `${i}-indent`,
+		style: { width: a }
+	}, t)) }) : null;
 }
-export {
-  d as default
-};
+//#endregion
+export { r as default };
+/* 独立思考，明辨是非 */

package/menu/Item.d.ts

@@ -0,0 +1,6 @@
+import type { MenuItemProps } from './interface';
+declare const ForwardRefItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<unknown>>;
+declare const ItemComponent: typeof ForwardRefItem & {
+    menuType: string;
+};
+export default ItemComponent;