@para-ui/core 5.0.0-beta.9 → 5.0.0

package/lib/ExpressionInput/component.json

@@ -0,0 +1,79 @@
+{
+  "name": "ExpressionInput",
+  "category": "数据录入",
+  "description": "单行表达式变量自动补全输入框,默认要求 {{ }} 包裹触发,候选数据完全由业务方通过 resolveCandidates 注入。",
+  "semantic": {
+    "intent": ["在文本中输入引用变量的表达式", "按命名空间层级下钻选择变量"],
+    "useCases": ["脚本/配置里引用运行时变量", "低代码画布属性面板里的表达式绑定"],
+    "riskLevel": "low"
+  },
+  "variants": {
+    "braces": { "meaning": "默认触发模式,要求光标位于 {{ }} 区间内才弹出候选" },
+    "bare": { "meaning": "不要求大括号包裹,任意位置匹配 triggerPrefix 即弹出候选" }
+  },
+  "states": ["default", "focus", "disabled", "readOnly", "popup-open"],
+  "idealProps": {
+    "value": { "type": "string", "description": "受控值", "required": false },
+    "onChange": { "type": "function", "description": "值变化回调", "signature": "(value: string) => void" },
+    "resolveCandidates": {
+      "type": "function",
+      "description": "按命名空间路径返回该层级的完整候选列表,组件内部按 parts 缓存",
+      "signature": "(parts: string[]) => ExprCandidate[]",
+      "required": true
+    },
+    "triggerMode": {
+      "type": "string",
+      "description": "触发匹配机制",
+      "values": ["braces", "bare"],
+      "default": "braces"
+    },
+    "triggerPrefix": { "type": "string", "description": "触发前缀符号", "default": "$" },
+    "virtualizeThreshold": { "type": "number", "description": "候选数超过该阈值启用虚拟滚动", "default": "50" },
+    "renderPopupHeader": {
+      "type": "function",
+      "description": "自定义浮层 header 文案",
+      "signature": "(ctx: ExprChainCtx, count: number) => React.ReactNode",
+      "required": false
+    },
+    "expressionTooltip": {
+      "type": "ReactNode",
+      "description": "表达式说明 tooltip 文案,不传则不展示;仅当 value 命中表达式格式(braces/bare)时 hover/focus 才弹出",
+      "required": false
+    }
+  },
+  "commonMisconceptions": [
+    "以为 resolveCandidates 每次按键都会被调用——实际只有下钻/回退到新的命名空间层级时才调用,同层级内逐字过滤是客户端完成的",
+    "以为默认触发不需要 {{ }} 包裹——默认 triggerMode 是 'braces',裸写 $.xxx 不会触发,需要显式传 triggerMode='bare' 才对齐 Ditto 原始行为",
+    "以为传入的 candidate.value 可以是任意字符串——实际必须是合法标识符字符([A-Za-z0-9_$]),否则插入后再次解析会被截断",
+    "以为 expressionTooltip 会随打字实时弹出/消失——实际是否命中只在 hover/focus 触发那一刻判定,光标停留期间继续输入使 value 从未命中变为命中不会自动弹出,需要重新 hover/focus",
+    "以为花括号着色和 expressionTooltip 用同一套判定标准——实际着色只看 {{ }} 是否配对闭合,不校验内容合法性,门槛比 expressionTooltip 低,{{$.}} 这类值会着色但不会弹出 tooltip,两者可能不一致,这是预期行为"
+  ],
+  "do": [
+    "为需要继续下钻子级的候选项设置 chain: true,让选中后自动追加 . 方便连续输入",
+    "为敏感字段设置 sensitive: true,组件会自动展示锁图标",
+    "在 Modal/Drawer 中使用时无需额外处理,组件内部已对接 usePopupContainer 自动寻找最近可滚动祖先容器"
+  ],
+  "dont": [
+    "不要在 resolveCandidates 内部做未做缓存的重量级计算并假设组件会防抖——组件只在 parts 变化时调用一次,但单次调用本身仍需业务方保证足够快",
+    "不要给多个实例传相同的 DOM id 或手动操作 document.body 上的浮层 — 组件已经用 UUID 做了实例隔离"
+  ],
+  "events": {
+    "onChange": {
+      "signature": "(value: string) => void",
+      "asyncSupported": false,
+      "examples": ["受控更新 value 状态"],
+      "commonMistakes": ["忘记把新 value 传回 props.value,导致组件表现为不可编辑"]
+    }
+  },
+  "typescriptPitfalls": [
+    {
+      "issue": "resolveCandidates 类型签名从 ChainCtx 变成了 parts: string[]",
+      "wrong": "resolveCandidates={(ctx) => ctx.partial ? [] : rootCandidates}",
+      "right": "resolveCandidates={(parts) => parts.length === 0 ? rootCandidates : []}"
+    }
+  ],
+  "mapping": {
+    "realComponent": "ExpressionInput",
+    "adapter": "无,直接使用"
+  }
+}

package/lib/ExpressionInput/detectChainAtCursor.d.ts

@@ -0,0 +1,17 @@
+/** partial 片段本身允许出现的字符(不含 .) */
+export declare const ID_TAIL: RegExp;
+export interface DetectChainOptions {
+    triggerPrefix: string;
+    triggerMode: 'braces' | 'bare';
+}
+export interface ChainResult {
+    /** 链路在原文本中的起始下标(含前缀符号) */
+    startIdx: number;
+    /** 链路在原文本中的结束下标(即光标位置) */
+    endIdx: number;
+    /** 已确定的上级片段 */
+    parts: string[];
+    /** 正在输入的片段 */
+    partial: string;
+}
+export declare function detectChainAtCursor(text: string, cursor: number, options: DetectChainOptions): ChainResult | null;

package/lib/ExpressionInput/detectChainAtCursor.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=/[A-Za-z0-9_$]/;function x(t){const e=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`[A-Za-z0-9_.${e}]`)}function I(t,e){const i=t.slice(0,e),r=i.lastIndexOf("{{");if(r===-1||i.lastIndexOf("}}")>r)return!1;const o=t.slice(e),n=o.indexOf("}}"),s=o.indexOf("{{");return n===-1?!0:!(s!==-1&&s<n)}function h(t,e,i){const{triggerPrefix:r,triggerMode:c}=i;if(c==="braces"&&!I(t,e))return null;const o=x(r);let n=e;for(;n>0&&o.test(t[n-1]);)n-=1;const s=t.slice(n,e),f=`${r}.`;if(!s.startsWith(f))return null;const a=s.slice(f.length),u=a.length>0?a.split("."):[""],l=u.pop(),g=u;return l.length>0&&!l.split("").every(p=>d.test(p))?null:{startIdx:n,endIdx:e,parts:g,partial:l}}exports.ID_TAIL=d;exports.detectChainAtCursor=h;
+//# sourceMappingURL=detectChainAtCursor.js.map

package/lib/ExpressionInput/filterCandidatesByPartial.d.ts

@@ -0,0 +1,2 @@
+import { ExprCandidate } from './interface';
+export declare function filterCandidatesByPartial(candidates: ExprCandidate[], partial: string): ExprCandidate[];

package/lib/ExpressionInput/filterCandidatesByPartial.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(e,t){if(!t)return e;const r=t.toLowerCase();return e.filter(l=>{if(l.value.toLowerCase().startsWith(r))return!0;const o=l.label?.toLowerCase();return!!o&&o.includes(r)})}exports.filterCandidatesByPartial=a;
+//# sourceMappingURL=filterCandidatesByPartial.js.map

package/lib/ExpressionInput/highlightSegments.d.ts

@@ -0,0 +1,9 @@
+export interface HighlightSegment {
+    text: string;
+    highlight: boolean;
+}
+/**
+ * 按 {{ }} 配对闭合切分 value,不校验内容合法性,不处理嵌套。
+ * 用于表达式片段着色,判定门槛低于 isExpressionValue。
+ */
+export declare function highlightSegments(value: string): HighlightSegment[];

package/lib/ExpressionInput/highlightSegments.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=/\{\{[^{}]*\}\}/g;function g(e){if(!e)return[];const h=[];let i=0,t;for(n.lastIndex=0;(t=n.exec(e))!==null;)t.index>i&&h.push({text:e.slice(i,t.index),highlight:!1}),h.push({text:t[0],highlight:!0}),i=t.index+t[0].length;return i<e.length&&h.push({text:e.slice(i),highlight:!1}),h}exports.highlightSegments=g;
+//# sourceMappingURL=highlightSegments.js.map

package/lib/ExpressionInput/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";.paraui-v4-expression-input{display:inline-block;width:100%}.paraui-v4-expression-input input{position:relative;z-index:1;color:transparent!important;caret-color:#1d2126!important}.paraui-v4-expression-input-overlay{position:absolute;inset:0;z-index:0;overflow:hidden;color:#1d2126;white-space:pre;pointer-events:none}.paraui-v4-expression-input-overlay-highlight{color:#2e65e6}.paraui-v4-expression-input-popup{z-index:1500;min-width:280px;overflow:hidden;background:#fff;border:1px solid rgb(212,218,227);border-radius:4px;box-shadow:0 2px 8px #d4dae366}.paraui-v4-expression-input-popup-header{padding:6px 12px;font-size:12px;color:#a1a8b3;border-bottom:1px solid rgb(234,236,241)}.paraui-v4-expression-input-popup-list{padding:4px 0}.paraui-v4-expression-input-popup-item{display:flex;align-items:center;padding:0 12px;font-size:14px;color:#1d2126;white-space:nowrap;cursor:pointer}.paraui-v4-expression-input-popup-item-active{color:#2e65e6;background:#f0f5ff}.paraui-v4-expression-input-popup-item-value{flex:0 0 auto;margin-right:8px}.paraui-v4-expression-input-popup-item-desc{flex:1 1 auto;overflow:hidden;font-size:12px;color:#a1a8b3;text-overflow:ellipsis}.paraui-v4-expression-input-popup-item-lock{flex:0 0 auto;margin-left:8px;font-size:16px;color:#a1a8b3}

package/lib/ExpressionInput/index.d.ts

@@ -0,0 +1,5 @@
+import { ExpressionInputProps } from './interface';
+import * as React from 'react';
+declare const ExpressionInput: React.FunctionComponent<ExpressionInputProps>;
+export default ExpressionInput;
+export * from './interface';

package/lib/ExpressionInput/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const a=require("../_virtual/jsx-runtime.js");;/* empty css            */const J=require("react"),Q=require("react-dom"),Y=require("@snack-kit/lib"),ee=require("../TextField/index.js"),te=require("../Tooltip/index.js"),ne=require("../GlobalContext/usePopupContainer.js"),re=require("../GlobalContext/useFormatMessage.js"),T=require("../GlobalContext/constant.js"),oe=require("./useExpressionInput.js"),se=require("./Popup.js"),ie=require("./isExpressionValue.js"),ue=require("./highlightSegments.js"),le=require("./HighlightOverlay.js"),ce=require("./lang/index.js");function _(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(r,i,d.get?d:{enumerable:!0,get:()=>s[i]})}}return r.default=s,Object.freeze(r)}const n=_(J),O=_(Q),ae=50,de="$",pe=s=>{const{value:r,onChange:i,resolveCandidates:d,triggerMode:v="braces",triggerPrefix:g=de,virtualizeThreshold:D=ae,renderPopupHeader:S,expressionTooltip:h,disabled:y,readOnly:P,className:R,...w}=s,z=re.default("ExpressionInput",ce.default),[x]=n.useState(()=>`${T.$prefixCls}-expression-input-${Y.UUID()}`),o=n.useRef(null),b=n.useRef(null),F=n.useRef({getRootDomNode:()=>o.current}),I=ne.default(F),[M,$]=n.useState({top:0,left:0,width:0}),c=n.useRef(null),[q,H]=n.useState(null),[U,N]=n.useState({}),V=n.useMemo(()=>ue.highlightSegments(r??""),[r]),{open:u,ctx:p,candidates:E,highlight:W,setHighlight:k,handleValueChange:A,handleKeyDown:B,handleSelect:K,close:L,pendingCursorRef:m}=oe.useExpressionInput({value:r??"",onChange:i,resolveCandidates:d,triggerMode:v,triggerPrefix:g,disabled:y,readOnly:P}),l=n.useCallback(()=>{const e=o.current?.querySelector("input, textarea");if(!e)return;const t=e.getBoundingClientRect();$({top:t.bottom+4,left:t.left,width:Math.max(t.width,280)})},[]),f=n.useCallback(()=>{const e=o.current?.querySelector("input, textarea");if(!e)return;H(e.parentElement);const t=window.getComputedStyle(e);N({paddingTop:t.paddingTop,paddingRight:t.paddingRight,paddingBottom:t.paddingBottom,paddingLeft:t.paddingLeft,fontFamily:t.fontFamily,fontSize:t.fontSize,fontWeight:t.fontWeight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,boxSizing:t.boxSizing,borderWidth:t.borderWidth,borderStyle:t.borderStyle,borderColor:"transparent"})},[]);n.useLayoutEffect(()=>(f(),window.addEventListener("resize",f),()=>window.removeEventListener("resize",f)),[f]),n.useEffect(()=>{const e=o.current?.querySelector("input, textarea");if(!e)return;const t=()=>{c.current&&(c.current.scrollLeft=e.scrollLeft)};return e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)},[]),n.useEffect(()=>{const e=o.current?.querySelector("input, textarea");e&&c.current&&(c.current.scrollLeft=e.scrollLeft)},[r]),n.useEffect(()=>{const e=m.current;if(e===null)return;const t=o.current?.querySelector("input, textarea");t&&(t.focus(),t.setSelectionRange(e,e)),m.current=null},[r,m]),n.useEffect(()=>{if(u)return l(),window.addEventListener("scroll",l,!0),window.addEventListener("resize",l),()=>{window.removeEventListener("scroll",l,!0),window.removeEventListener("resize",l)}},[u,l]),n.useEffect(()=>{if(!u)return;const e=t=>{const j=t.target;o.current?.contains(j)||b.current?.contains(j)||L()};return document.addEventListener("mousedown",e,!0),()=>document.removeEventListener("mousedown",e,!0)},[u,L,x]);const G=e=>{const t=e.target.selectionStart??e.target.value.length;A(e.target.value,t)},X=p?S?S(p,E.length):z({id:"header"},{path:p.parts.length?p.parts.join("."):g,count:E.length}):null,Z=!!h&&ie.isExpressionValue(r??"",g,v),C=a.jsxRuntimeExports.jsx(ee.TextField,{...w,value:r,disabled:y,onChange:G,onKeydown:e=>{B(e),w.onKeydown?.(e)}});return a.jsxRuntimeExports.jsxs("div",{ref:o,className:`${T.$prefixCls}-expression-input ${x}${R?` ${R}`:""}`,children:[h?a.jsxRuntimeExports.jsx(te.Tooltip,{title:h,trigger:["hover","focus"],...Z?{}:{visible:!1},children:C}):C,q&&O.createPortal(a.jsxRuntimeExports.jsx(le.default,{ref:c,segments:V,style:U}),q),u&&o.current&&O.createPortal(a.jsxRuntimeExports.jsx(se.Popup,{ref:b,instanceClass:x,visible:u,rect:M,header:X,candidates:E,highlight:W,virtualizeThreshold:D,onSelect:K,onHighlightChange:k}),I(o.current))]})};exports.default=pe;
+//# sourceMappingURL=index.js.map

package/lib/ExpressionInput/interface.d.ts

@@ -0,0 +1,52 @@
+import { TextFieldProps } from '../TextField';
+import * as React from 'react';
+export interface ExprCandidate {
+    /** 插入表达式时使用的实际值 */
+    value: string;
+    /** 展示用名称,不传则显示 value */
+    label?: string;
+    /** 右侧描述文案 */
+    desc?: string;
+    /** 选中后是否自动追加 `.` 以便继续下钻子级 */
+    chain?: boolean;
+    /** 是否为敏感字段,展示锁图标 */
+    sensitive?: boolean;
+}
+export interface ExprChainCtx {
+    /** 当前光标所在链路中,已确定的上级片段(不含正在输入的部分) */
+    parts: string[];
+    /** 当前正在输入、尚未确定的片段 */
+    partial: string;
+}
+export interface ExpressionInputProps extends Omit<TextFieldProps, 'value' | 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    /**
+     * 只读态,输入触发前缀时不弹出候选浮层。
+     * 注:仓库现有 TextField 无 readOnly 能力,该态仅影响候选弹出逻辑,不改变输入框本身的可编辑外观。
+     */
+    readOnly?: boolean;
+    /**
+     * 按当前命名空间路径(不含正在输入的 partial)返回该层级的完整候选列表。
+     * 仅在 parts 变化(下钻/回退层级)时调用,组件内部按 parts 缓存结果;
+     * 同层级内继续输入 partial 只做客户端过滤,不会重复调用。
+     */
+    resolveCandidates: (parts: string[]) => ExprCandidate[];
+    /**
+     * 触发匹配机制,默认 'braces':仅当光标位于 `{{ }}` 区间内且内容匹配
+     * `{prefix}.xxx` 才弹窗。'bare':不要求大括号包裹,对齐 Ditto 原始行为。
+     */
+    triggerMode?: 'braces' | 'bare';
+    /** 触发表达式补全的前缀符号,默认 '$' */
+    triggerPrefix?: string;
+    /** 候选数量超过该阈值时启用虚拟滚动,默认 50 */
+    virtualizeThreshold?: number;
+    /** 自定义浮层 header 文案(面包屑 + 数量 + 快捷键提示),不传则使用默认 i18n 文案 */
+    renderPopupHeader?: (ctx: ExprChainCtx, count: number) => React.ReactNode;
+    /**
+     * 表达式说明 tooltip 文案,不传则不展示;仅当 value 命中表达式格式(braces/bare)时,hover/focus 输入框才会真正弹出。
+     * 注:是否命中只在触发 hover/focus 那一刻判定,若光标停留期间继续输入使 value 从未命中变为命中,
+     * 不会自动弹出,需要重新 hover/focus 才会展示——这是已知的边界行为,非 bug。
+     */
+    expressionTooltip?: React.ReactNode;
+}

package/lib/ExpressionInput/isExpressionValue.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 判断 value 是否已经是一段完整的表达式引用,用于决定是否展示 expressionTooltip 说明。
+ * braces 模式要求 `{{ prefix.xxx }}` 完整闭合;bare 模式只要求文本中出现 `prefix.xxx` 即可。
+ */
+export declare function isExpressionValue(value: string, triggerPrefix: string, triggerMode: 'braces' | 'bare'): boolean;

package/lib/ExpressionInput/isExpressionValue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./detectChainAtCursor.js");function i(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function o(e){const r=i(e),t=`${s.ID_TAIL.source}+`;return`${r}\\.${t}(?:\\.${t})*`}function c(e,r,t){if(!e)return!1;const n=o(r);return t==="braces"?new RegExp(`\\{\\{\\s*${n}\\s*\\}\\}`).test(e):new RegExp(n).test(e)}exports.isExpressionValue=c;
+//# sourceMappingURL=isExpressionValue.js.map

package/lib/ExpressionInput/lang/en_US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    header: string;
+};
+export default _default;

package/lib/ExpressionInput/lang/en_US.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={header:"{path} · {count} items · ↑↓ select · Enter/Tab insert · Esc close"};exports.default=e;
+//# sourceMappingURL=en_US.js.map

package/lib/ExpressionInput/lang/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    zh: {
+        header: string;
+    };
+    en: {
+        header: string;
+    };
+};
+export default _default;

package/lib/ExpressionInput/lang/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./en_US.js"),t=require("./zh_CN.js"),u={zh:t.default,en:e.default};exports.default=u;
+//# sourceMappingURL=index.js.map

package/lib/ExpressionInput/lang/zh_CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    header: string;
+};
+export default _default;

package/lib/ExpressionInput/lang/zh_CN.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={header:"{path} · {count} 项 · ↑↓ 选择 · Enter/Tab 插入 · Esc 关闭"};exports.default=e;
+//# sourceMappingURL=zh_CN.js.map

package/lib/ExpressionInput/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/lib/ExpressionInput/style/index.css

@@ -0,0 +1 @@
+.paraui-v4-expression-input{display:inline-block;width:100%}.paraui-v4-expression-input input{position:relative;z-index:1;color:rgba(0,0,0,0) !important;caret-color:#1d2126 !important}.paraui-v4-expression-input-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;color:#1d2126;white-space:pre;pointer-events:none}.paraui-v4-expression-input-overlay-highlight{color:#2e65e6}.paraui-v4-expression-input-popup{z-index:1500;min-width:280px;overflow:hidden;background:#fff;border:1px solid #d4dae3;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(212,218,227,.4)}.paraui-v4-expression-input-popup-header{padding:6px 12px;font-size:12px;color:#a1a8b3;border-bottom:1px solid #eaecf1}.paraui-v4-expression-input-popup-list{padding:4px 0}.paraui-v4-expression-input-popup-item{display:flex;align-items:center;padding:0 12px;font-size:14px;color:#1d2126;white-space:nowrap;cursor:pointer}.paraui-v4-expression-input-popup-item-active{color:#2e65e6;background:#f0f5ff}.paraui-v4-expression-input-popup-item-value{flex:0 0 auto;margin-right:8px}.paraui-v4-expression-input-popup-item-desc{flex:1 1 auto;overflow:hidden;font-size:12px;color:#a1a8b3;text-overflow:ellipsis}.paraui-v4-expression-input-popup-item-lock{flex:0 0 auto;margin-left:8px;font-size:16px;color:#a1a8b3}

package/lib/ExpressionInput/style/index.js

@@ -0,0 +1 @@
+import './index.css';

package/lib/ExpressionInput/useExpressionInput.d.ts

@@ -0,0 +1,26 @@
+import { ExprCandidate, ExprChainCtx } from './interface';
+import * as React from 'react';
+export interface UseExpressionInputOptions {
+    value: string;
+    onChange?: (value: string) => void;
+    resolveCandidates: (parts: string[]) => ExprCandidate[];
+    triggerMode: 'braces' | 'bare';
+    triggerPrefix: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+export interface UseExpressionInputResult {
+    open: boolean;
+    ctx: ExprChainCtx | null;
+    candidates: ExprCandidate[];
+    highlight: number;
+    /** 手动指定当前高亮索引,供鼠标移入候选行时与键盘 ArrowUp/Down 共享同一份高亮状态,避免出现两套独立高亮源 */
+    setHighlight: (index: number) => void;
+    /** 插入候选后期望的光标落点(相对新 value 的下标),供 Task 6 index.tsx 把光标设置到实际 DOM input 上;未处于"刚插入"状态时为 null */
+    pendingCursorRef: React.MutableRefObject<number | null>;
+    handleValueChange: (nextValue: string, cursor: number) => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleSelect: (candidate: ExprCandidate) => void;
+    close: () => void;
+}
+export declare function useExpressionInput(options: UseExpressionInputOptions): UseExpressionInputResult;

package/lib/ExpressionInput/useExpressionInput.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),R=require("./detectChainAtCursor.js"),$=require("./filterCandidatesByPartial.js");function A(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(l,a,o.get?o:{enumerable:!0,get:()=>s[a]})}}return l.default=s,Object.freeze(l)}const r=A(P);function E(s){const{value:l,onChange:a,resolveCandidates:o,triggerMode:y,triggerPrefix:u,disabled:p,readOnly:g}=s,[t,i]=r.useState(null),[h,f]=r.useState(0),S=r.useRef(new Map),k=r.useRef(null),m=r.useMemo(()=>{if(!t)return[];const e=t.parts.join("."),n=S.current;return n.has(e)||n.set(e,o(t.parts)),n.get(e)},[t,o]),c=r.useMemo(()=>t?$.filterCandidatesByPartial(m,t.partial):[],[m,t]),C=!p&&!g&&!!t&&c.length>0,j=r.useCallback((e,n)=>{if(p||g){i(null);return}a?.(e);const b=R.detectChainAtCursor(e,n,{triggerPrefix:u,triggerMode:y});i(b),f(0)},[a,p,g,u,y]),w=r.useCallback(()=>i(null),[]),d=r.useCallback(e=>{if(!t)return;const n=l.slice(0,t.startIdx),b=l.slice(t.endIdx),M=[...t.parts,e.value].join("."),D=`${u}.${M}${e.chain?".":""}`;k.current=n.length+D.length,a?.(`${n}${D}${b}`),i(null)},[t,l,a,u]),x=r.useCallback(e=>{C&&(e.key==="ArrowDown"?(e.preventDefault(),f(n=>(n+1)%c.length)):e.key==="ArrowUp"?(e.preventDefault(),f(n=>(n-1+c.length)%c.length)):e.key==="Enter"||e.key==="Tab"?(e.preventDefault(),d(c[h])):e.key==="Escape"&&(e.preventDefault(),i(null)))},[C,c,h,d]),O=r.useCallback(e=>{d(e)},[d]);return{open:C,ctx:t?{parts:t.parts,partial:t.partial}:null,candidates:c,highlight:h,setHighlight:f,pendingCursorRef:k,handleValueChange:j,handleKeyDown:x,handleSelect:O,close:w}}exports.useExpressionInput=E;
+//# sourceMappingURL=useExpressionInput.js.map

package/lib/FieldForm/FieldFormItem/ItemHolder.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.js"),n=require("react"),F=require("../../_virtual/index2.js"),H=require("rc-util/lib/Dom/isVisible"),N=require("rc-util/lib/hooks/useLayoutEffect"),h=require("../context.js"),O=require("../FormItemLabel.js"),T=require("../FormItemInput.js"),V=require("./StatusProvider.js");function W(a){const{className:p,style:b,helperText:o,errors:c,warnings:d,status:e,hidden:j,children:y,fieldId:r,required:q,onSubItemMetaChange:S,layout:m,hideLabel:v,hideError:E,noSpacing:I,label:R,labelProps:C,labelAlign:L,colon:M,labelWidth:P,labelWrap:_}=a,{prefixCls:i,layout:x}=n.useContext(h.FormContext),l=n.useMemo(()=>m??x,[m,x]),s=n.useRef(null),f=!!(o!=null||c.length||d.length),$=!!s.current&&H(s.current),[w,g]=n.useState(null);N(()=>{if(f&&s.current){const u=getComputedStyle(s.current);g(parseInt(u.marginBottom,10))}},[f,$]);const B=u=>{u||g(null)};return t.jsxRuntimeExports.jsx(V.default,{...a,prefixCls:i,children:t.jsxRuntimeExports.jsxs("div",{className:F.default(p,`${i}-item`,{[`${i}-item__${r}`]:r,"is-success":e==="success","is-warning":e==="warning","is-error":e==="error","is-validating":e==="validating","is-hidden":j,[`is-${l}`]:l}),style:b,children:[t.jsxRuntimeExports.jsx(O.default,{fieldId:r,label:R,labelWidth:P,labelWrap:_,labelAlign:L,colon:M,labelProps:{required:q,...C},hideLabel:v,layout:l}),t.jsxRuntimeExports.jsx(T.default,{fieldId:r,errors:c,warnings:d,status:e,helperText:o,marginBottom:w,onErrorVisibleChanged:B,hideError:E,noSpacing:I,children:t.jsxRuntimeExports.jsx(h.NoStyleItemContext.Provider,{value:S,children:y})})]})})}exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.js"),n=require("react"),F=require("../../_virtual/index.js"),H=require("rc-util/lib/Dom/isVisible"),N=require("rc-util/lib/hooks/useLayoutEffect"),h=require("../context.js"),O=require("../FormItemLabel.js"),T=require("../FormItemInput.js"),V=require("./StatusProvider.js");function W(a){const{className:p,style:b,helperText:o,errors:c,warnings:d,status:e,hidden:j,children:y,fieldId:r,required:q,onSubItemMetaChange:S,layout:m,hideLabel:v,hideError:E,noSpacing:I,label:R,labelProps:C,labelAlign:L,colon:M,labelWidth:P,labelWrap:_}=a,{prefixCls:i,layout:x}=n.useContext(h.FormContext),l=n.useMemo(()=>m??x,[m,x]),s=n.useRef(null),f=!!(o!=null||c.length||d.length),$=!!s.current&&H(s.current),[w,g]=n.useState(null);N(()=>{if(f&&s.current){const u=getComputedStyle(s.current);g(parseInt(u.marginBottom,10))}},[f,$]);const B=u=>{u||g(null)};return t.jsxRuntimeExports.jsx(V.default,{...a,prefixCls:i,children:t.jsxRuntimeExports.jsxs("div",{className:F.default(p,`${i}-item`,{[`${i}-item__${r}`]:r,"is-success":e==="success","is-warning":e==="warning","is-error":e==="error","is-validating":e==="validating","is-hidden":j,[`is-${l}`]:l}),style:b,children:[t.jsxRuntimeExports.jsx(O.default,{fieldId:r,label:R,labelWidth:P,labelWrap:_,labelAlign:L,colon:M,labelProps:{required:q,...C},hideLabel:v,layout:l}),t.jsxRuntimeExports.jsx(T.default,{fieldId:r,errors:c,warnings:d,status:e,helperText:o,marginBottom:w,onErrorVisibleChanged:B,hideError:E,noSpacing:I,children:t.jsxRuntimeExports.jsx(h.NoStyleItemContext.Provider,{value:S,children:y})})]})})}exports.default=W;
 //# sourceMappingURL=ItemHolder.js.map

package/lib/FieldForm/FieldFormItem/MemoInput.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 interface MemoInputProps {
     control: object;
-    update: any;
+    update: unknown;
     children: React.ReactNode;
-    childProps: any[];
+    childProps: unknown[];
 }
 declare const _default: React.MemoExoticComponent<({ children }: MemoInputProps) => JSX.Element>;
 export default _default;

package/lib/FieldForm/FieldFormItem/StatusProvider.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_virtual/jsx-runtime.js"),l=require("react"),j=require("../../node_modules/@para-ui/icons/Loading/index.js"),C=require("../../node_modules/@para-ui/icons/CheckCircleF/index.js"),g=require("../../node_modules/@para-ui/icons/CloseCircleF/index.js"),k=require("../../node_modules/@para-ui/icons/WarningCircleF/index.js"),v=require("../../_virtual/index2.js"),x=require("../context.js"),$=require("../util.js"),S={success:C.CheckCircleF,warning:k.WarningCircleF,error:g.CloseCircleF,validating:j.Loading};function R({children:I,errors:r,warnings:s,hasFeedback:e,validateStatus:p,prefixCls:u,meta:f,noStyle:c}){const t=$.getStatus(r,s,f,null,!!e,p),{isFormItemInput:i,status:a,hasFeedback:q,feedbackIcon:F}=l.useContext(x.FormItemInputContext),b=l.useMemo(()=>{let d;if(e){const m=t&&S[t];d=m?o.jsxRuntimeExports.jsx("span",{className:v.default(`${u}-feedback-icon`,`${u}-feedback-icon-${t}`),children:o.jsxRuntimeExports.jsx(m,{})}):null}const n={status:t||"",errors:r,warnings:s,hasFeedback:!!e,feedbackIcon:d,isFormItemInput:!0};return c&&(n.status=(t??a)||"",n.isFormItemInput=i,n.hasFeedback=!!(e??q),n.feedbackIcon=e!==void 0?n.feedbackIcon:F),n},[t,e,c,i,a]);return o.jsxRuntimeExports.jsx(x.FormItemInputContext.Provider,{value:b,children:I})}exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_virtual/jsx-runtime.js"),l=require("react"),j=require("../../node_modules/@para-ui/icons/Loading/index.js"),C=require("../../node_modules/@para-ui/icons/CheckCircleF/index.js"),g=require("../../node_modules/@para-ui/icons/CloseCircleF/index.js"),k=require("../../node_modules/@para-ui/icons/WarningCircleF/index.js"),v=require("../../_virtual/index.js"),x=require("../context.js"),$=require("../util.js"),S={success:C.CheckCircleF,warning:k.WarningCircleF,error:g.CloseCircleF,validating:j.Loading};function R({children:I,errors:r,warnings:s,hasFeedback:e,validateStatus:p,prefixCls:u,meta:f,noStyle:c}){const t=$.getStatus(r,s,f,null,!!e,p),{isFormItemInput:i,status:a,hasFeedback:q,feedbackIcon:F}=l.useContext(x.FormItemInputContext),b=l.useMemo(()=>{let d;if(e){const m=t&&S[t];d=m?o.jsxRuntimeExports.jsx("span",{className:v.default(`${u}-feedback-icon`,`${u}-feedback-icon-${t}`),children:o.jsxRuntimeExports.jsx(m,{})}):null}const n={status:t||"",errors:r,warnings:s,hasFeedback:!!e,feedbackIcon:d,isFormItemInput:!0};return c&&(n.status=(t??a)||"",n.isFormItemInput=i,n.hasFeedback=!!(e??q),n.feedbackIcon=e!==void 0?n.feedbackIcon:F),n},[t,e,c,i,a]);return o.jsxRuntimeExports.jsx(x.FormItemInputContext.Provider,{value:b,children:I})}exports.default=R;
 //# sourceMappingURL=StatusProvider.js.map

package/lib/FieldForm/FieldFormItem/index.d.ts

@@ -6,9 +6,9 @@ import { FormItemInputProps } from '../FormItemInput';
 import { FormItemLabelProps } from '../FormItemLabel';
 import { ReportMetaChange } from '../context';
 import { default as useFormItemStatus } from '../hooks/useFormItemStatus';
-type RenderChildren<Values = any> = (form: FormInstance<Values>) => ReactNode;
-type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
-type ChildrenType<Values = any> = RenderChildren<Values> | ReactNode;
+type RenderChildren<Values = unknown> = (form: FormInstance<Values>) => ReactNode;
+type RcFieldProps<Values = unknown> = Omit<FieldProps<Values>, 'children'>;
+type ChildrenType<Values = unknown> = RenderChildren<Values> | ReactNode;
 declare const ValidateStatuses: readonly ["success", "warning", "error", "validating", ""];
 export type ValidateStatus = (typeof ValidateStatuses)[number];
 export type FeedbackIcons = (itemStatus: {
@@ -18,7 +18,7 @@ export type FeedbackIcons = (itemStatus: {
 }) => {
     [key in ValidateStatus]?: ReactNode;
 };
-export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> {
+export interface FormItemProps<Values = unknown> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> {
     noStyle?: boolean;
     style?: CSSProperties;
     className?: string;
@@ -28,7 +28,7 @@ export interface FormItemProps<Values = any> extends FormItemLabelProps, FormIte
     validateStatus?: ValidateStatus;
     required?: boolean;
     hidden?: boolean;
-    initialValue?: any;
+    initialValue?: unknown;
     messageVariables?: Record<string, string>;
     layout?: FormItemLayout;
     hideError?: boolean;
@@ -45,7 +45,7 @@ export interface ItemHolderProps extends FormItemProps {
     isRequired?: boolean;
     onSubItemMetaChange: ReportMetaChange;
 }
-declare function InternalFormItem<Values = any>(props: FormItemProps<Values>): ReactElement;
+declare function InternalFormItem<Values = unknown>(props: FormItemProps<Values>): ReactElement;
 type InternalFormItemType = typeof InternalFormItem;
 type CompoundedComponent = InternalFormItemType & {
     useStatus: typeof useFormItemStatus;

package/lib/FieldForm/Form.d.ts

@@ -10,7 +10,7 @@ export type RequiredMark = boolean | 'optional' | ((labelNode: ReactNode, info:
 }) => ReactNode);
 export type FormLayout = 'horizontal' | 'vertical';
 export type FormItemLayout = 'horizontal' | 'vertical';
-export interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> {
+export interface FormProps<Values = unknown> extends Omit<RcFormProps<Values>, 'form'> {
     colon?: boolean;
     name?: string;
     layout?: FormLayout;
@@ -23,6 +23,6 @@ export interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form
     requiredMark?: RequiredMark;
     size?: 'small' | 'medium' | 'large';
 }
-declare const FieldForm: (<Values = any>(props: PropsWithChildren<FormProps<Values>> & RefAttributes<FormRef<Values>>) => ReactElement) & Pick<FC, "displayName">;
+declare const FieldForm: (<Values = unknown>(props: PropsWithChildren<FormProps<Values>> & RefAttributes<FormRef<Values>>) => ReactElement) & Pick<FC, "displayName">;
 export { useForm, useWatch, type FormInstance };
 export default FieldForm;

package/lib/FieldForm/Form.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.js"),e=require("react"),A=require("../_virtual/index2.js"),v=require("rc-field-form"),w=require("../GlobalContext/constant.js"),R=require("./hooks/useForm.js"),p=require("./context.js"),z=require("./lang/index.js"),O=require("../GlobalContext/index.js"),u=`${w.$prefixCls}-field-form`,V=(W,q)=>{const{className:E,disabled:c,form:M,colon:m,labelAlign:d,labelWidth:n,labelWrap:g,layout:f="vertical",onFinishFailed:j,name:r,style:y,size:x,..._}=W,[l,C]=e.useState(0),{language:b}=e.useContext(O.default),L=e.useMemo(()=>z.defaultValidateMessages[b||"zh"],[b]),[s]=R.default(M),{__INTERNAL__:h}=s;h.name=r;const o=e.useRef(null);e.useImperativeHandle(q,()=>({...s,nativeElement:o.current?.nativeElement}));const I=t=>{j?.(t)},P=t=>{if(!t)return;const $=t.querySelectorAll(`.${u}-item`);let a=0;$?.forEach(N=>{const F=N.querySelector("label");if(F){const T=F.offsetWidth;a=Math.max(a,T)}}),C(a)};e.useEffect(()=>{const t=setTimeout(()=>{P(o.current?.nativeElement)},0);return()=>clearTimeout(t)},[]);const S=e.useMemo(()=>({name:r,labelAlign:d,labelWrap:n?g:!1,labelWidth:n||l,labelMaxWidth:l,layout:f,colon:m,itemRef:h.itemRef,form:s,prefixCls:u,disabled:c,size:x}),[r,d,f,m,s,c,l,n,x]);return i.jsxRuntimeExports.jsx(p.FormProvider,{validateMessages:L,children:i.jsxRuntimeExports.jsx(p.FormContext.Provider,{value:S,children:i.jsxRuntimeExports.jsx(v,{id:r,..._,name:r,onFinishFailed:I,form:s,ref:o,className:A.default(E,u),style:{...y}})})})},G=e.forwardRef(V);Object.defineProperty(exports,"useWatch",{enumerable:!0,get:()=>v.useWatch});exports.useForm=R.default;exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.js"),e=require("react"),A=require("../_virtual/index.js"),v=require("rc-field-form"),w=require("../GlobalContext/constant.js"),R=require("./hooks/useForm.js"),p=require("./context.js"),z=require("./lang/index.js"),O=require("../GlobalContext/index.js"),u=`${w.$prefixCls}-field-form`,V=(W,q)=>{const{className:E,disabled:c,form:M,colon:m,labelAlign:d,labelWidth:n,labelWrap:g,layout:f="vertical",onFinishFailed:j,name:r,style:y,size:x,..._}=W,[l,C]=e.useState(0),{language:b}=e.useContext(O.default),L=e.useMemo(()=>z.defaultValidateMessages[b||"zh"],[b]),[s]=R.default(M),{__INTERNAL__:h}=s;h.name=r;const o=e.useRef(null);e.useImperativeHandle(q,()=>({...s,nativeElement:o.current?.nativeElement}));const I=t=>{j?.(t)},P=t=>{if(!t)return;const $=t.querySelectorAll(`.${u}-item`);let a=0;$?.forEach(N=>{const F=N.querySelector("label");if(F){const T=F.offsetWidth;a=Math.max(a,T)}}),C(a)};e.useEffect(()=>{const t=setTimeout(()=>{P(o.current?.nativeElement)},0);return()=>clearTimeout(t)},[]);const S=e.useMemo(()=>({name:r,labelAlign:d,labelWrap:n?g:!1,labelWidth:n||l,labelMaxWidth:l,layout:f,colon:m,itemRef:h.itemRef,form:s,prefixCls:u,disabled:c,size:x}),[r,d,f,m,s,c,l,n,x]);return i.jsxRuntimeExports.jsx(p.FormProvider,{validateMessages:L,children:i.jsxRuntimeExports.jsx(p.FormContext.Provider,{value:S,children:i.jsxRuntimeExports.jsx(v,{id:r,..._,name:r,onFinishFailed:I,form:s,ref:o,className:A.default(E,u),style:{...y}})})})},G=e.forwardRef(V);Object.defineProperty(exports,"useWatch",{enumerable:!0,get:()=>v.useWatch});exports.useForm=R.default;exports.default=G;
 //# sourceMappingURL=Form.js.map

package/lib/FieldForm/FormItemInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),h=require("react"),m=require("../_virtual/index2.js"),p=require("./ErrorList.js"),j=require("./context.js"),g=x=>{const{fieldId:l,children:a,errors:r,warnings:s,status:t,helperText:i,marginBottom:o,onErrorVisibleChanged:c,hideError:u,noSpacing:d=!1}=x,{prefixCls:n}=h.useContext(j.FormContext);return e.jsxRuntimeExports.jsxs("div",{className:m.default(`${n}-content`,{[`${n}-content__${l}`]:l,"has-spacing":!d,"has-helper-text":!u&&!!(r.length||s.length||i&&(t==="error"||t==="warning"))}),children:[e.jsxRuntimeExports.jsx("div",{className:`${n}-control-input`,children:e.jsxRuntimeExports.jsx("div",{className:`${n}-control-input-content`,children:a})}),e.jsxRuntimeExports.jsx("div",{className:`${n}-helper-text`,children:!u&&(o!==null||r.length||s.length||i&&(t==="error"||t==="warning"))?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(p.default,{errors:r,warnings:s,helperText:i,helpStatus:t,onVisibleChanged:c}),!!o&&e.jsxRuntimeExports.jsx("div",{style:{width:0,height:o}})]}):null})]})};exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),h=require("react"),m=require("../_virtual/index.js"),p=require("./ErrorList.js"),j=require("./context.js"),g=x=>{const{fieldId:l,children:a,errors:r,warnings:s,status:t,helperText:i,marginBottom:o,onErrorVisibleChanged:c,hideError:u,noSpacing:d=!1}=x,{prefixCls:n}=h.useContext(j.FormContext);return e.jsxRuntimeExports.jsxs("div",{className:m.default(`${n}-content`,{[`${n}-content__${l}`]:l,"has-spacing":!d,"has-helper-text":!u&&!!(r.length||s.length||i&&(t==="error"||t==="warning"))}),children:[e.jsxRuntimeExports.jsx("div",{className:`${n}-control-input`,children:e.jsxRuntimeExports.jsx("div",{className:`${n}-control-input-content`,children:a})}),e.jsxRuntimeExports.jsx("div",{className:`${n}-helper-text`,children:!u&&(o!==null||r.length||s.length||i&&(t==="error"||t==="warning"))?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(p.default,{errors:r,warnings:s,helperText:i,helpStatus:t,onVisibleChanged:c}),!!o&&e.jsxRuntimeExports.jsx("div",{style:{width:0,height:o}})]}):null})]})};exports.default=g;
 //# sourceMappingURL=FormItemInput.js.map

package/lib/FieldForm/FormItemLabel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.js"),n=require("react"),_=require("../_virtual/index2.js"),E=require("../GlobalContext/index.js"),y=require("./context.js"),M=require("../Label/index.js"),S=({fieldId:u,label:t,labelProps:d,hideLabel:p,colon:c,layout:r,labelAlign:b,labelWidth:a,labelWrap:g})=>{const{prefixCls:s,colon:m,labelWidth:f,labelAlign:h,labelWrap:C}=n.useContext(y.FormContext),$=b||h,{language:j,locale:L}=n.useContext(E.default),o=n.useRef(null),R=e=>typeof e=="number"?`${e}px`:typeof e=="string"?e.endsWith("px")?e:`${e}px`:e,q=n.useMemo(()=>{const e=a||f||0;return e&&r==="horizontal"?R(e):"auto"},[a,f,r]),W=n.useMemo(()=>{let e=t;return(c===!0||m!==!1&&c!==!1)&&r==="horizontal"&&typeof t=="string"&&t.trim()&&(e=t.replace(/[:|：]\s*$/,"")),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:e})},[j,L,t,c,m,r]);return n.useLayoutEffect(()=>{if(o.current){const l=o.current.querySelector(`.${s}-label-comp`)?.clientHeight;if(l&&l>32){const x=(l-32)/2;o.current.style.marginTop=`-${x}px`,o.current.classList.add("is-multiline")}}},[]),p||!t?null:i.jsxRuntimeExports.jsx("div",{ref:o,className:_.default(`${s}-label`,{[`${s}-label__${u}`]:u,"is-left":$==="left"&&r==="horizontal","is-wrap":g??C??!1}),style:{width:q},children:i.jsxRuntimeExports.jsx(M.default,{className:`${s}-label-comp`,label:W,...d})})};exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.js"),n=require("react"),_=require("../_virtual/index.js"),E=require("../GlobalContext/index.js"),y=require("./context.js"),M=require("../Label/index.js"),S=({fieldId:u,label:t,labelProps:d,hideLabel:p,colon:c,layout:r,labelAlign:b,labelWidth:a,labelWrap:g})=>{const{prefixCls:s,colon:m,labelWidth:f,labelAlign:h,labelWrap:C}=n.useContext(y.FormContext),$=b||h,{language:j,locale:L}=n.useContext(E.default),o=n.useRef(null),R=e=>typeof e=="number"?`${e}px`:typeof e=="string"?e.endsWith("px")?e:`${e}px`:e,q=n.useMemo(()=>{const e=a||f||0;return e&&r==="horizontal"?R(e):"auto"},[a,f,r]),W=n.useMemo(()=>{let e=t;return(c===!0||m!==!1&&c!==!1)&&r==="horizontal"&&typeof t=="string"&&t.trim()&&(e=t.replace(/[:|：]\s*$/,"")),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:e})},[j,L,t,c,m,r]);return n.useLayoutEffect(()=>{if(o.current){const l=o.current.querySelector(`.${s}-label-comp`)?.clientHeight;if(l&&l>32){const x=(l-32)/2;o.current.style.marginTop=`-${x}px`,o.current.classList.add("is-multiline")}}},[]),p||!t?null:i.jsxRuntimeExports.jsx("div",{ref:o,className:_.default(`${s}-label`,{[`${s}-label__${u}`]:u,"is-left":$==="left"&&r==="horizontal","is-wrap":g??C??!1}),style:{width:q},children:i.jsxRuntimeExports.jsx(M.default,{className:`${s}-label-comp`,label:W,...d})})};exports.default=S;
 //# sourceMappingURL=FormItemLabel.js.map

package/lib/FieldForm/FormList.d.ts

@@ -3,7 +3,7 @@ import { StoreValue, ValidatorRule } from 'rc-field-form/lib/interface';
 export interface FormListFieldData {
     name: number;
     key: number;
-    error?: any;
+    error?: unknown;
 }
 export interface FormListOperation {
     add: (defaultValue?: StoreValue, insertIndex?: number) => void;
@@ -13,7 +13,7 @@ export interface FormListOperation {
 export interface FormListProps {
     name: string | number | (string | number)[];
     rules?: ValidatorRule[];
-    initialValue?: any[];
+    initialValue?: unknown[];
     children: (fields: FormListFieldData[], operation: FormListOperation, meta: {
         errors: ReactNode[];
         warnings: ReactNode[];