cosmic-ai-input 1.0.3 → 1.0.6

package/dist/index.cjs.js

@@ -1,3 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),a=require("react"),Fe=require("classnames"),Oe=require("react-dom"),ae=a.forwardRef(({value:c,position:r,id:s,onChange:h},S)=>{const[x,E]=a.useState(!0),m=a.useRef(null),C=a.useRef(null);a.useEffect(()=>{typeof S=="function"?S(m.current):S&&(S.current=m.current)},[S]);const w=d=>{console.log("DatePicker handleChange",d);const N=d.target.value;h==null||h(N,"date-picker")};a.useEffect(()=>{if(C.current)try{setTimeout(()=>{R()},100)}catch(d){console.log("无法自动打开日期选择器，浏览器安全策略限制",d)}},[]);const R=()=>{if(C.current)try{C.current.showPicker()}catch(d){console.log("点击后无法打开日期选择器",d)}},b=d=>{d.stopPropagation(),console.log("DatePicker handleClick",d)};return x?u.jsx("div",{ref:m,id:s,style:{top:(r==null?void 0:r.top)||0,left:(r==null?void 0:r.left)||0},className:"cosmic-ai-input-datePicker",suppressHydrationWarning:!0,children:u.jsx("input",{ref:C,type:"date",value:c||"",onChange:w,onClick:b})}):null});ae.displayName="DatePicker";function X(c){const r=c.textContent||"",s=c.nextSibling;r.length?(s==null||s.setAttribute("style","display: none"),c.style.padding="2px 4px",c.style.borderTopLeftRadius="2px",c.style.borderBottomLeftRadius="2px",c.style.borderTopRightRadius="2px",c.style.borderBottomRightRadius="2px"):(s==null||s.setAttribute("style","display: inline"),c.style.padding="2px 0 2px 4px",c.style.borderTopLeftRadius="2px",c.style.borderBottomLeftRadius="2px",c.style.borderTopRightRadius="0",c.style.borderBottomRightRadius="0")}function L(c){if(c&&c.getAttribute("data-set-type")==="input"){const r=c.children[0];r.setAttribute("contenteditable","true"),requestAnimationFrame(()=>{r.focus()})}}function ie(c){c&&c.getAttribute("data-set-type")==="input"&&c.children[0].setAttribute("contenteditable","false")}function F(c){return c&&c.getAttribute("data-set-type")==="input"}const de=a.forwardRef(({options:c,value:r,position:s,id:h,height:S=37,onChange:x},E)=>{const[m,C]=a.useState(r||""),w=a.useRef(null);a.useEffect(()=>{typeof E=="function"?E(w.current):E&&(E.current=w.current)},[E]);const R=d=>{const N=m.split(",").filter(D=>D)||[];let A="";N.includes(d)?A=N.filter(D=>D!==d).join(","):(console.log("handleOptionClick",N),N.length?A=`${N.join(",")},${d}`:A=d),C(A),x==null||x(A,"multiple-select")},b=m.split(",")||[];return u.jsx("div",{ref:w,className:"cosmic-ai-input-selectFloatElement",id:h,style:{position:"absolute",top:(s==null?void 0:s.top)||0,left:(s==null?void 0:s.left)||0,zIndex:5e3,maxHeight:`${S}px`},children:c.map((d,N)=>u.jsx("div",{className:`selectOption ${b.includes(d)?"selected":""}`,onClick:()=>R(d),children:d},N))})});de.displayName="MultipleSelect";const ue=a.forwardRef(({options:c,value:r,position:s,id:h,height:S=120,onChange:x},E)=>{const[m,C]=a.useState(r||""),w=a.useRef(null);a.useEffect(()=>{typeof E=="function"?E(w.current):E&&(E.current=w.current)},[E]);const R=b=>{C(b),x==null||x(b,"select")};return u.jsx("div",{ref:w,className:"cosmic-ai-input-selectFloatElement",id:h,style:{position:"absolute",top:(s==null?void 0:s.top)||0,left:(s==null?void 0:s.left)||0,zIndex:5e3,maxHeight:`${S}px`},children:c.map((b,d)=>u.jsx("div",{className:`selectOption ${m===b?"selected":""}`,onClick:()=>R(b),children:b},d))})});ue.displayName="Select";function re(c){const r=c instanceof Element?c:document.getElementById(c);return r&&r.children[0].textContent||""}function Me(c,r){const s=c instanceof Element?c:document.getElementById(c);s&&(s.children[0].textContent=r)}function q(c){const r=document.createRange(),s=window.getSelection();if(!s){console.error("无法获取selection对象");return}r.selectNodeContents(c),r.collapse(!0),s.removeAllRanges(),s.addRange(r)}function B(c){const r=document.createRange(),s=window.getSelection();if(!s){console.error("无法获取selection对象");return}r.selectNodeContents(c),r.collapse(!1),s.removeAllRanges(),s.addRange(r)}function G(c){const r=window.getSelection();if(!r||r.rangeCount===0)return 0;const s=r.getRangeAt(0),h=s.cloneRange();return h.selectNodeContents(c),h.setEnd(s.startContainer,s.startOffset),h.toString().length}function $e(){const c=window.getSelection();if(!c||c.rangeCount===0)return null;const s=c.getRangeAt(0).startContainer;return s.nodeType===Node.TEXT_NODE?s.parentElement:s.nodeType===Node.ELEMENT_NODE?s:null}function qe(){const c=window.getSelection();if(!c||c.rangeCount===0)return null;const r=c.getRangeAt(0),s=r.startContainer,h=r.startOffset;return s.nodeType===Node.TEXT_NODE?h>0?s:s.previousSibling:s.nodeType===Node.ELEMENT_NODE?h>0?s.childNodes[h-1]:s.previousSibling:null}function Be(){const c=window.getSelection();if(!c||c.rangeCount===0)return null;const r=c.getRangeAt(0),s=r.startContainer,h=r.startOffset;return s.nodeType===Node.TEXT_NODE?h<s.length?s:s.nextSibling:s.nodeType===Node.ELEMENT_NODE?h<s.childNodes.length?s.childNodes[h]:s.nextSibling:null}function Ve(c){return c&&!c.getAttribute("data-set-type")}const pe=a.forwardRef((c,r)=>{const{value:s,varList:h,placeholder:S="",maxLength:x,defaultRows:E=3,disabled:m=!1,onFocus:C,onBlur:w,onChange:R,onClick:b,onSend:d,onParse:N,onKeyDown:A,onKeyUp:D,onMaxLengthExceeded:V}=c,[J,He]=a.useState(s||""),[Ke,Q]=a.useState(s||""),[he,Y]=a.useState(""),[H,O]=a.useState(!1),[K,W]=a.useState({top:0,left:0}),[Z,v]=a.useState([]),[_,I]=a.useState(""),[j,ee]=a.useState(null),[te,ne]=a.useState(120),fe=240,ge=240,le=240,oe=276,M=a.useRef(null),y=a.useRef(null),T=a.useRef(null),$=()=>{var e;return((e=M.current)==null?void 0:e.innerText)||""},se=()=>{var e;return((e=M.current)==null?void 0:e.innerHTML)||""},ye=e=>{const n=[];let t=0;const o=/\[([^\]]+)\]/g;let p,f=0;const k=new Set(h.map(g=>g.name));for(;(p=o.exec(e))!==null;){if(p.index>t){const i=e.substring(t,p.index).split(`
-`);i.forEach((P,Le)=>{P&&n.push({type:"text",content:P,id:`text-${f++}`}),Le<i.length-1&&n.push({type:"newline",id:`newline-${f++}`})})}const g=p[1];if(k.has(g)){const l=h.find(i=>i.name===g);(l==null?void 0:l.type)==="input"?n.push({type:"input",name:l==null?void 0:l.name,content:(l==null?void 0:l.content)||"",placeholder:(l==null?void 0:l.placeholder)||g,id:`input-${f++}`}):(l==null?void 0:l.type)==="select"?n.push({type:"select",name:l==null?void 0:l.name,content:(l==null?void 0:l.content)||"",placeholder:(l==null?void 0:l.placeholder)||g,options:(l==null?void 0:l.options)||[],id:`select-${f++}`}):(l==null?void 0:l.type)==="multiple-select"?n.push({type:"multiple-select",name:l==null?void 0:l.name,content:(l==null?void 0:l.content)||"",placeholder:(l==null?void 0:l.placeholder)||g,options:(l==null?void 0:l.options)||[],id:`multiple-select-${f++}`}):(l==null?void 0:l.type)==="date-picker"&&n.push({type:"date-picker",name:l==null?void 0:l.name,content:(l==null?void 0:l.content)||"",placeholder:(l==null?void 0:l.placeholder)||g,id:`date-picker-${f++}`})}else n.push({type:"text",content:`[${g}]`,id:`text-${f++}`});t=o.lastIndex}if(t<e.length){const l=e.substring(t).split(`
-`);l.forEach((i,P)=>{i&&n.push({type:"text",content:i,id:`text-${f++}`}),P<l.length-1&&n.push({type:"newline",id:`newline-${f++}`})})}return n},z=()=>{var e;(e=M.current)==null||e.setAttribute("contenteditable","true"),y.current&&(F(y.current)&&y.current.children[0].setAttribute("contenteditable","false"),y.current=null)},xe=e=>{console.log("handleEditorClick",e),b==null||b(e)},Ee=e=>{console.log("handleEditorMouseDown",e),z()},be=e=>{console.log("handleEditorInput",e),Q($()),Y(se()),R==null||R($())},we=e=>{if(e.code==="Enter"&&!e.shiftKey){e.preventDefault();const n=$();console.log("onSend",n,"maxLength:",x,"length:",n.length),x?n.length<=x?d==null||d(n):(console.log("maxLength exceeded",n,x),V==null||V(n,x)):d==null||d(n)}},Ce=e=>{var t;console.log("handleEditorKeyDown",e),A==null||A(e);const n=$e();if(n&&Ve(n)){if(e.code==="ArrowLeft"){const o=n==null?void 0:n.previousElementSibling,p=G(n);o&&p===0&&F(o)&&o.children[0]&&(y.current=o,L(o),requestAnimationFrame(()=>{B(o.children[0])}))}if(e.code==="ArrowRight"){const o=n==null?void 0:n.nextElementSibling,p=G(n);o&&p===((t=n.textContent)==null?void 0:t.length)&&F(o)&&o.children[0]&&(y.current=o,L(o),requestAnimationFrame(()=>{q(o.children[0])}))}}if(n&&n.getAttribute("data-set-type")==="container"){if(e.code==="ArrowLeft"){const o=qe();F(o)&&o.children[0]&&(y.current=o,L(o),requestAnimationFrame(()=>{B(o.children[0])}))}if(e.code==="ArrowRight"){const o=Be();F(o)&&o.children[0]&&(y.current=o,L(o),requestAnimationFrame(()=>{q(o.children[0])}))}}we(e)},Re=e=>{console.log("handleEditorKeyUp",e),D==null||D(e)},Ae=(e,n)=>{n.stopPropagation(),console.log("handleInputClick",e)},Se=(e,n)=>{var o;n.stopPropagation(),console.log("handleInputMouseDown",e,n),y.current&&ie(y.current),(o=M.current)==null||o.setAttribute("contenteditable","false");const t=document.getElementById(e.id);y.current=t,requestAnimationFrame(()=>{L(t)})},ke=(e,n)=>{var p,f,k,g,l;console.log("handleInputKeyDown",e,n),A==null||A(n),n.stopPropagation();const t=n.target,o=G(t);if(n.code==="Backspace"&&o===0){const i=(p=t.parentElement)==null?void 0:p.previousElementSibling;console.log("previousElement",i),i&&(F(i)&&i.children[0]&&((f=i.children[0].textContent)!=null&&f.length)?(y.current=i,L(i),B(i.children[0]),requestAnimationFrame(()=>{X(i.children[0])})):(z(),B(i)))}if(n.code==="ArrowRight"&&o===((k=t.textContent)==null?void 0:k.length)){const i=(g=t.parentElement)==null?void 0:g.nextElementSibling;console.log("nextElement",i),i&&(F(i)&&i.children[0]&&((l=i.children[0].textContent)!=null&&l.length)?(y.current=i,L(i),q(i.children[0]),requestAnimationFrame(()=>{X(i.children[0])})):(z(),q(i)))}},me=(e,n)=>{console.log("handleInputKeyUp",e,n),D==null||D(n);const t=n.target;X(t)},Ne=(e,n)=>{var o;n.stopPropagation(),console.log("handlePlaceholderMouseDown",e),y.current&&ie(y.current),(o=M.current)==null||o.setAttribute("contenteditable","false");const t=document.getElementById(e.id);y.current=t,requestAnimationFrame(()=>{L(t)})},De=(e,n)=>{console.log("handleInputChange",e,n),Q($()),Y(se()),R==null||R($())},Te=(e,n)=>{console.log("handleTextSpanKeyDown 不生效",e,n)};a.useEffect(()=>{if(!H)return;const e=o=>{T.current&&!T.current.contains(o.target)&&O(!1)},n=o=>{T.current&&!T.current.contains(o.target)&&O(!1)},t=()=>{O(!1)};return document.addEventListener("mousedown",e),document.addEventListener("scroll",n,!0),window.addEventListener("resize",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("scroll",n,!0),window.removeEventListener("resize",t)}},[H]);const U=(e,n)=>{if(console.log("handleFloatChange",e,n),j&&Me(j.id,e),n==="select"&&O(!1),n==="multiple-select"||n==="date-picker"){const t=document.getElementById(j.id);t&&t.children[0]&&t.children[1]&&(e.length>0?(t.children[0].setAttribute("style","display: inline"),t.children[0].setAttribute("contenteditable","false"),t.children[1].setAttribute("style","display: none"),t.children[1].setAttribute("contenteditable","true")):(t.children[0].setAttribute("style","display: none"),t.children[0].setAttribute("contenteditable","true"),t.children[1].setAttribute("style","display: inline"),t.children[1].setAttribute("contenteditable","true")))}},ce=(e,n)=>{console.log("handleSelectClick",e,n);const o=n.target.getBoundingClientRect();v(e.options),I(e.value||re(e.id)),W({top:-999999,left:-999999999}),ee(e),ne(ge),O(!0),requestAnimationFrame(()=>{if(T.current){console.log("currentFloatElementRef.current",T.current);const p=T.current.getBoundingClientRect();let f=o.left,k=o.top+o.height;window.innerWidth-o.right<fe&&o.width<p.width&&(f=o.right-p.width),o.top<p.height&&(k=o.top+o.height),W({top:k,left:f}),ne(p.height)}})},je=(e,n)=>{console.log("handleDatePickerClick",e,n);const o=n.target.getBoundingClientRect();let p=o.left,f=o.top-oe;window.innerWidth-o.right<le&&(p=p-le+o.width),o.top<oe&&(f=o.top+o.height),v(e.options),I(e.value||re(e.id)),W({top:f,left:p}),ee(e),O(!0)},Pe=()=>{const e=ye(J);console.log("parsed",e);const n=[];return e.forEach(t=>{var o,p,f,k,g,l;if(t.type==="text")n.push(u.jsx("span",{onKeyDown:i=>Te(t,i),children:t.content},t.id));else if(t.type==="newline")n.push(u.jsx("br",{},t.id));else if(t.type==="input")n.push(u.jsxs("span",{id:t.id,"data-set-type":"input",contentEditable:!1,suppressContentEditableWarning:!0,onInput:i=>De(t,i),onClick:i=>Ae(t,i),onMouseDown:i=>Se(t,i),"data-cosmic-ai-input-placeholder":t.placeholder,children:[u.jsx("span",{className:"cosmic-ai-input-inputContent",style:{padding:(o=t.content)!=null&&o.length?"2px 4px":"2px 0 2px 4px"},contentEditable:!1,onKeyDown:i=>ke(t,i),onKeyUp:i=>me(t,i),children:t.content}),u.jsx("span",{contentEditable:!1,style:{display:(p=t.content)!=null&&p.length?"none":"inline"},className:"cosmic-ai-input-placeholder",onMouseDown:i=>Ne(t,i),children:t.placeholder})]},t.id));else if(t.type==="select"){const i=t.content||((f=t.options)==null?void 0:f[0])||t.placeholder;n.push(u.jsx("span",{id:t.id,"data-set-type":"select",contentEditable:!0,suppressContentEditableWarning:!0,onClick:P=>ce(t,P),"data-cosmic-ai-input-placeholder":t.placeholder,children:u.jsx("span",{contentEditable:!1,children:i})},t.id))}else if(t.type==="multiple-select"){const i=t.content||((k=t.options)==null?void 0:k[0]);n.push(u.jsxs("span",{id:t.id,"data-set-type":"multiple-select",contentEditable:!0,suppressContentEditableWarning:!0,onClick:P=>ce(t,P),"data-cosmic-ai-input-placeholder":t.placeholder,children:[u.jsx("span",{style:{display:i!=null&&i.length?"inline":"none"},contentEditable:!1,children:i}),u.jsx("span",{style:{display:i!=null&&i.length?"none":"inline"},className:"cosmic-ai-input-selectPlaceholder",contentEditable:!1,children:t.placeholder})]},t.id))}else t.type==="date-picker"&&n.push(u.jsxs("span",{id:t.id,"data-set-type":"date-picker",contentEditable:!0,suppressContentEditableWarning:!0,onClick:i=>je(t,i),"data-cosmic-ai-input-placeholder":t.placeholder,children:[u.jsx("span",{style:{display:(g=t.content)!=null&&g.length?"inline":"none"},contentEditable:!1,children:t.content}),u.jsx("span",{style:{display:(l=t.content)!=null&&l.length?"none":"inline"},className:"cosmic-ai-input-datePickerPlaceholder",contentEditable:!1,children:t.placeholder})]},t.id))}),n};return a.useImperativeHandle(r,()=>({getCurrentValue:$})),u.jsxs(u.Fragment,{children:[u.jsx("div",{"data-set-type":"container","data-cosmic-ai-input-placeholder":S,className:Fe("cosmic-ai-input",`cosmic-ai-input-rows${E}`,{"is-disabled":m},{"is-empty":J.length===0||he==="<br>"}),ref:M,contentEditable:!0,suppressContentEditableWarning:!0,onClick:e=>xe(e),onFocus:e=>{C==null||C(e)},onBlur:e=>{w==null||w(e)},onMouseDown:e=>Ee(e),onKeyDown:e=>Ce(e),onKeyUp:e=>Re(e),onInput:e=>be(e),children:Pe()}),H&&Oe.createPortal((j==null?void 0:j.type)==="multiple-select"?u.jsx(de,{ref:T,options:Z,value:_,position:K,height:te,onChange:U},"multiple-select"):(j==null?void 0:j.type)==="date-picker"?u.jsx(ae,{ref:T,value:_,position:K,onChange:U},"date-picker"):u.jsx(ue,{ref:T,options:Z,value:_,position:K,height:te,onChange:U},"select"),document.body)]})});pe.displayName="AiInput";exports.default=pe;
+// Generated at: 2026-01-16T02:43:07.012Z
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),i=require("react"),xe=require("classnames"),_e=require("react-dom"),we=i.forwardRef(({value:c,position:r,id:s,onChange:a},S)=>{const[b,w]=i.useState(!0),k=i.useRef(null),R=i.useRef(null);i.useEffect(()=>{typeof S=="function"?S(k.current):S&&(S.current=k.current)},[S]);const m=u=>{console.log("DatePicker handleChange",u);const y=u.target.value;a==null||a(y,"date-picker")};i.useEffect(()=>{if(R.current)try{setTimeout(()=>{N()},100)}catch(u){console.log("无法自动打开日期选择器，浏览器安全策略限制",u)}},[]);const N=()=>{if(R.current)try{R.current.showPicker()}catch(u){console.log("点击后无法打开日期选择器",u)}},g=u=>{u.stopPropagation(),console.log("DatePicker handleClick",u)};return b?p.jsx("div",{ref:k,id:s,style:{top:(r==null?void 0:r.top)||0,left:(r==null?void 0:r.left)||0},className:"cosmic-ai-input-datePicker",suppressHydrationWarning:!0,children:p.jsx("input",{ref:R,type:"date",value:c||"",onChange:m,onClick:g})}):null});we.displayName="DatePicker";function Y(c){const r=c.textContent||"",s=c.nextSibling;r.length?(s==null||s.setAttribute("style","display: none"),c.style.padding="2px 4px",c.style.borderTopLeftRadius="2px",c.style.borderBottomLeftRadius="2px",c.style.borderTopRightRadius="2px",c.style.borderBottomRightRadius="2px"):(s==null||s.setAttribute("style","display: inline"),c.style.padding="2px 0 2px 4px",c.style.borderTopLeftRadius="2px",c.style.borderBottomLeftRadius="2px",c.style.borderTopRightRadius="0",c.style.borderBottomRightRadius="0")}function j(c){if(c&&c.getAttribute("data-set-type")==="input"){const r=c.children[0];r.setAttribute("contenteditable","true"),requestAnimationFrame(()=>{r.focus()})}}function Ee(c){c&&c.getAttribute("data-set-type")==="input"&&c.children[0].setAttribute("contenteditable","false")}function P(c){return c&&c.getAttribute("data-set-type")==="input"}const Ce=i.forwardRef(({options:c,value:r,position:s,id:a,height:S=37,onChange:b},w)=>{const[k,R]=i.useState(r||""),m=i.useRef(null);i.useEffect(()=>{typeof w=="function"?w(m.current):w&&(w.current=m.current)},[w]);const N=u=>{const y=k.split(",").filter(T=>T)||[];let F="";y.includes(u)?F=y.filter(T=>T!==u).join(","):(console.log("handleOptionClick",y),y.length?F=`${y.join(",")},${u}`:F=u),R(F),b==null||b(F,"multiple-select")},g=k.split(",")||[];return p.jsx("div",{ref:m,className:"cosmic-ai-input-selectFloatElement",id:a,style:{position:"absolute",top:(s==null?void 0:s.top)||0,left:(s==null?void 0:s.left)||0,zIndex:5e3,maxHeight:`${S}px`},children:c.map((u,y)=>p.jsx("div",{className:`selectOption ${g.includes(u)?"selected":""}`,onClick:()=>N(u),children:u},y))})});Ce.displayName="MultipleSelect";const me=i.forwardRef(({options:c,value:r,position:s,id:a,height:S=120,onChange:b},w)=>{const[k,R]=i.useState(r||""),m=i.useRef(null);i.useEffect(()=>{typeof w=="function"?w(m.current):w&&(w.current=m.current)},[w]);const N=g=>{R(g),b==null||b(g,"select")};return p.jsx("div",{ref:m,className:"cosmic-ai-input-selectFloatElement",id:a,style:{position:"absolute",top:(s==null?void 0:s.top)||0,left:(s==null?void 0:s.left)||0,zIndex:5e3,maxHeight:`${S}px`},children:c.length>0&&c.map((g,u)=>p.jsx("div",{className:`selectOption ${k===g?"selected":""}`,onClick:()=>N(g),children:g},u))})});me.displayName="Select";function be(c){const r=c instanceof Element?c:document.getElementById(c);return r&&r.children[0].textContent||""}function ze(c,r){const s=c instanceof Element?c:document.getElementById(c);s&&(s.children[0].textContent=r)}function V(c){const r=document.createRange(),s=window.getSelection();if(!s){console.error("无法获取selection对象");return}try{r.selectNodeContents(c),r.collapse(!0),s.removeAllRanges(),s.addRange(r)}catch(a){console.error("设置光标位置失败:",a)}}function M(c){const r=document.createRange(),s=window.getSelection();if(!s){console.error("无法获取selection对象");return}try{r.selectNodeContents(c),r.collapse(!1),s.removeAllRanges(),s.addRange(r)}catch(a){console.error("设置光标位置失败:",a)}}function Z(c){const r=window.getSelection();if(!r||r.rangeCount===0)return 0;const s=r.getRangeAt(0);try{const a=s.cloneRange();return a.selectNodeContents(c),a.setEnd(s.startContainer,s.startOffset),a.toString().length}catch(a){return console.error("获取光标位置失败:",a),0}}function ve(){const c=window.getSelection();if(!c||c.rangeCount===0)return null;const s=c.getRangeAt(0).startContainer;return s.nodeType===Node.TEXT_NODE?s.parentElement:s.nodeType===Node.ELEMENT_NODE?s:null}function Ue(){const c=window.getSelection();if(!c||c.rangeCount===0)return null;const r=c.getRangeAt(0),s=r.startContainer,a=r.startOffset;return s.nodeType===Node.TEXT_NODE?a>0?s:s.previousSibling:s.nodeType===Node.ELEMENT_NODE?a>0?s.childNodes[a-1]:s.previousSibling:null}function Xe(){const c=window.getSelection();if(!c||c.rangeCount===0)return null;const r=c.getRangeAt(0),s=r.startContainer,a=r.startOffset;return s.nodeType===Node.TEXT_NODE?a<s.length?s:s.nextSibling:s.nodeType===Node.ELEMENT_NODE?a<s.childNodes.length?s.childNodes[a]:s.nextSibling:null}function Ge(c){return c&&!c.getAttribute("data-set-type")}const Re=i.forwardRef((c,r)=>{const{value:s="",varList:a,placeholder:S="",maxLength:b,defaultRows:w=3,disabled:k=!1,defaultFocus:R=!1,onFocus:m,onBlur:N,onChange:g,onClick:u,onSend:y,onParse:F,onKeyDown:T,onKeyUp:O,onMaxLengthExceeded:K}=c,[Je,Qe]=i.useState(s||""),[W,_]=i.useState(""),[Ye,I]=i.useState(""),[z,H]=i.useState(!1),[v,U]=i.useState({top:0,left:0}),[ee,te]=i.useState([]),[X,ne]=i.useState(""),[L,le]=i.useState(null),[oe,se]=i.useState(120),[ce,re]=i.useState(R),Se=240,Ae=240,ie=240,ae=276,C=i.useRef(null),x=i.useRef(null),D=i.useRef(null),B=()=>{var l,n;let e=((n=(l=C.current)==null?void 0:l.innerText)==null?void 0:n.replace(/\u200B/g,""))||"";return e===`
+`&&(e=""),e},de=()=>{var l;let e=((l=C.current)==null?void 0:l.innerHTML)||"";return e==="<br>"&&(e=""),e},ke=e=>{const l=[];let n=0;const o=/\[([^\]]+)\]/g;let d;const f=`${Date.now()}-${Math.random().toString(36).slice(2,9)}`;let h=0;if(e===""||!e||e===`
+`)return[{type:"text",content:"​",id:`text-${h++}-${f}`}];const $=new Set((a||[]).map(E=>E.name));for(;(d=o.exec(e))!==null;){if(d.index>n){const A=e.substring(n,d.index).split(`
+`);A.forEach((q,We)=>{q&&l.push({type:"text",content:q,id:`text-${h++}-${f}`}),We<A.length-1&&l.push({type:"newline",id:`newline-${h++}-${f}`})})}const E=d[1];if($.has(E)){const t=a.find(A=>A.name===E);(t==null?void 0:t.type)==="input"?l.push({type:"input",name:t==null?void 0:t.name,content:(t==null?void 0:t.content)||"",placeholder:(t==null?void 0:t.placeholder)||E,id:`input-${h++}-${f}`}):(t==null?void 0:t.type)==="select"?l.push({type:"select",name:t==null?void 0:t.name,content:(t==null?void 0:t.content)||"",placeholder:(t==null?void 0:t.placeholder)||E,options:(t==null?void 0:t.options)||[],id:`select-${h++}-${f}`}):(t==null?void 0:t.type)==="multiple-select"?l.push({type:"multiple-select",name:t==null?void 0:t.name,content:(t==null?void 0:t.content)||"",placeholder:(t==null?void 0:t.placeholder)||E,options:(t==null?void 0:t.options)||[],id:`multiple-select-${h++}-${f}`}):(t==null?void 0:t.type)==="date-picker"&&l.push({type:"date-picker",name:t==null?void 0:t.name,content:(t==null?void 0:t.content)||"",placeholder:(t==null?void 0:t.placeholder)||E,id:`date-picker-${h++}-${f}`})}else l.push({type:"text",content:`[${E}]`,id:`text-${h++}-${f}`});n=o.lastIndex}if(n<e.length){const t=e.substring(n).split(`
+`);t.forEach((A,q)=>{A&&l.push({type:"text",content:A,id:`text-${h++}`}),q<t.length-1&&l.push({type:"newline",id:`newline-${h++}`})})}return l},G=()=>{var e;(e=C.current)==null||e.setAttribute("contenteditable","true"),x.current&&(P(x.current)&&x.current.children[0].setAttribute("contenteditable","false"),x.current=null),M(C.current)},Te=e=>{console.log("handleEditorClick",e),u==null||u(e)},De=e=>{console.log("handleEditorMouseDown",e),G()},ue=e=>{console.log("handleEditorInput",e),_(B()),I(de()),g==null||g(B())},Ne=e=>{var l,n;if(e.code==="Enter"&&!e.shiftKey){e.preventDefault();const o=B();if(console.log("onSend",o,"maxLength:",b,"length:",o.length),o.length===0||(console.log("containerRef.current?.innerHTML",(l=C.current)==null?void 0:l.innerHTML),(n=C.current)!=null&&n.innerHTML.match(/^<span>[\s\u200B]*(<br\s*\/?>[\s\u200B]*)+<\/span>$/)))return;b?o.length<=b?y==null||y(o):(console.log("maxLength exceeded",o,b),K==null||K(o,b)):y==null||y(o)}},Le=e=>{var n;console.log("handleEditorKeyDown",e),T==null||T(e);const l=ve();if(l&&Ge(l)){if(e.code==="ArrowLeft"){const o=l==null?void 0:l.previousElementSibling,d=Z(l);o&&d===0&&P(o)&&o.children[0]&&(x.current=o,j(o),requestAnimationFrame(()=>{M(o.children[0])}))}if(e.code==="ArrowRight"){const o=l==null?void 0:l.nextElementSibling,d=Z(l);o&&d===((n=l.textContent)==null?void 0:n.length)&&P(o)&&o.children[0]&&(x.current=o,j(o),requestAnimationFrame(()=>{V(o.children[0])}))}e.code==="Backspace"&&(l.innerHTML==="​"&&e.preventDefault(),l.innerHTML==="<br>"&&(e.preventDefault(),l.innerHTML="​"))}if(l&&l.getAttribute("data-set-type")==="container"){if(e.code==="ArrowLeft"){const o=Ue();P(o)&&o.children[0]&&(x.current=o,j(o),requestAnimationFrame(()=>{M(o.children[0])}))}if(e.code==="ArrowRight"){const o=Xe();P(o)&&o.children[0]&&(x.current=o,j(o),requestAnimationFrame(()=>{V(o.children[0])}))}}Ne(e)},$e=e=>{console.log("handleEditorKeyUp",e),O==null||O(e)},je=e=>{e.preventDefault();const n=window.getSelection().toString();if(!n)return;const o=n,d=n;e.clipboardData.setData("text/plain",o),e.clipboardData.setData("text/html",d)},Pe=e=>{m==null||m(e)},Me=(e,l)=>{l.stopPropagation(),console.log("handleInputClick",e)},Fe=(e,l)=>{var o;l.stopPropagation(),console.log("handleInputMouseDown",e,l),x.current&&Ee(x.current),(o=C.current)==null||o.setAttribute("contenteditable","false");const n=document.getElementById(e.id);x.current=n,requestAnimationFrame(()=>{j(n)})},Oe=(e,l)=>{var d,f,h,$,E;console.log("handleInputKeyDown",e,l),T==null||T(l),l.stopPropagation();const n=l.target,o=Z(n);if(l.code==="Backspace"&&o===0){const t=(d=n.parentElement)==null?void 0:d.previousElementSibling;console.log("previousElement",t),t&&(P(t)&&t.children[0]&&((f=t.children[0].textContent)!=null&&f.length)?(x.current=t,j(t),M(t.children[0]),requestAnimationFrame(()=>{Y(t.children[0])})):(G(),M(t)))}if(l.code==="ArrowRight"&&o===((h=n.textContent)==null?void 0:h.length)){const t=($=n.parentElement)==null?void 0:$.nextElementSibling;console.log("nextElement",t),t&&(P(t)&&t.children[0]&&((E=t.children[0].textContent)!=null&&E.length)?(x.current=t,j(t),V(t.children[0]),requestAnimationFrame(()=>{Y(t.children[0])})):(G(),V(t)))}},He=(e,l)=>{console.log("handleInputKeyUp",e,l),O==null||O(l);const n=l.target;Y(n)},Be=(e,l)=>{var o;l.stopPropagation(),console.log("handlePlaceholderMouseDown",e),x.current&&Ee(x.current),(o=C.current)==null||o.setAttribute("contenteditable","false");const n=document.getElementById(e.id);x.current=n,requestAnimationFrame(()=>{j(n)})},qe=(e,l)=>{console.log("handleInputChange",e,l),_(B()),I(de()),g==null||g(B())},Ve=(e,l)=>{console.log("handleTextSpanKeyDown 不生效",e,l)};i.useEffect(()=>{if(!z)return;const e=o=>{D.current&&!D.current.contains(o.target)&&H(!1)},l=o=>{D.current&&!D.current.contains(o.target)&&H(!1)},n=()=>{H(!1)};return document.addEventListener("mousedown",e),document.addEventListener("scroll",l,!0),window.addEventListener("resize",n),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("scroll",l,!0),window.removeEventListener("resize",n)}},[z]);const J=(e,l)=>{if(console.log("handleFloatChange",e,l),L&&ze(L.id,e),l==="select"&&H(!1),l==="multiple-select"||l==="date-picker"){const n=document.getElementById(L.id);n&&n.children[0]&&n.children[1]&&(e.length>0?(n.children[0].setAttribute("style","display: inline"),n.children[0].setAttribute("contenteditable","false"),n.children[1].setAttribute("style","display: none"),n.children[1].setAttribute("contenteditable","true")):(n.children[0].setAttribute("style","display: none"),n.children[0].setAttribute("contenteditable","true"),n.children[1].setAttribute("style","display: inline"),n.children[1].setAttribute("contenteditable","true")))}ue({})},pe=(e,l)=>{console.log("handleSelectClick",e,l);const o=l.target.getBoundingClientRect();te(e.options),ne(e.value||be(e.id)),U({top:-999999,left:-999999999}),le(e),se(Ae),H(!0),requestAnimationFrame(()=>{if(D.current){console.log("currentFloatElementRef.current",D.current);const d=D.current.getBoundingClientRect();let f=o.left,h=o.top+o.height;window.innerWidth-o.right<Se&&o.width<d.width&&(f=o.right-d.width),o.top<d.height&&(h=o.top+o.height),U({top:h,left:f}),se(d.height)}})},Ke=(e,l)=>{console.log("handleDatePickerClick",e,l);const o=l.target.getBoundingClientRect();let d=o.left,f=o.top-ae;window.innerWidth-o.right<ie&&(d=d-ie+o.width),o.top<ae&&(f=o.top+o.height),te(e.options),ne(e.value||be(e.id)),U({top:f,left:d}),le(e),H(!0)},[fe,he]=i.useState([]),[Q,ge]=i.useState(!0),ye=i.useCallback(()=>{ge(!1);const e=ke(s),l=[];return e.forEach(n=>{var o,d,f,h,$,E;if(n.type==="text")l.push(p.jsx("span",{onKeyDown:t=>Ve(n,t),children:n.content},n.id));else if(n.type==="newline")l.push(p.jsx("br",{},n.id));else if(n.type==="input")l.push(p.jsxs("span",{id:n.id,"data-set-type":"input",contentEditable:!1,suppressContentEditableWarning:!0,onInput:t=>qe(n,t),onClick:t=>Me(n,t),onMouseDown:t=>Fe(n,t),"data-cosmic-ai-input-placeholder":n.placeholder,children:[p.jsx("span",{className:"cosmic-ai-input-inputContent",style:{padding:(o=n.content)!=null&&o.length?"2px 4px":"2px 0 2px 4px"},contentEditable:!1,onKeyDown:t=>Oe(n,t),onKeyUp:t=>He(n,t),children:n.content}),p.jsx("span",{contentEditable:!1,style:{display:(d=n.content)!=null&&d.length?"none":"inline"},className:"cosmic-ai-input-placeholder",onMouseDown:t=>Be(n,t),children:n.placeholder})]},n.id));else if(n.type==="select"){const t=n.content||((f=n.options)==null?void 0:f[0])||n.placeholder;l.push(p.jsx("span",{id:n.id,"data-set-type":"select",contentEditable:!1,suppressContentEditableWarning:!0,onClick:A=>pe(n,A),"data-cosmic-ai-input-placeholder":n.placeholder,children:p.jsx("span",{contentEditable:!1,children:t})},n.id))}else if(n.type==="multiple-select"){const t=n.content||((h=n.options)==null?void 0:h[0]);l.push(p.jsxs("span",{id:n.id,"data-set-type":"multiple-select",contentEditable:!1,suppressContentEditableWarning:!0,onClick:A=>pe(n,A),"data-cosmic-ai-input-placeholder":n.placeholder,children:[p.jsx("span",{style:{display:t!=null&&t.length?"inline":"none"},contentEditable:!1,children:t}),p.jsx("span",{style:{display:t!=null&&t.length?"none":"inline"},className:"cosmic-ai-input-selectPlaceholder",contentEditable:!1,children:n.placeholder})]},n.id))}else n.type==="date-picker"&&l.push(p.jsxs("span",{id:n.id,"data-set-type":"date-picker",contentEditable:!1,suppressContentEditableWarning:!0,onClick:t=>Ke(n,t),"data-cosmic-ai-input-placeholder":n.placeholder,children:[p.jsx("span",{style:{display:($=n.content)!=null&&$.length?"inline":"none"},contentEditable:!1,children:n.content}),p.jsx("span",{style:{display:(E=n.content)!=null&&E.length?"none":"inline"},className:"cosmic-ai-input-datePickerPlaceholder",contentEditable:!1,children:n.placeholder})]},n.id))}),setTimeout(()=>{ge(!0)},0),console.log("重新渲染 ============================>","elements",l,"parsed",e,s),l},[s]);return i.useEffect(()=>{Q&&setTimeout(()=>{M(C.current)},0)},[Q]),i.useEffect(()=>{s!==W?(he(ye()),_(s),re(!0)):(s===""||!s)&&he(ye())},[s,W]),i.useEffect(()=>{if(!R&&!ce)return;const e=new MutationObserver(()=>{C.current&&document.contains(C.current)&&(requestAnimationFrame(()=>{M(C.current),re(!1)}),e.disconnect())});return C.current&&e.observe(document.body,{childList:!0,subtree:!0}),()=>e.disconnect()},[R,ce]),i.useImperativeHandle(r,()=>({getCurrentValue:B})),console.log("renderElements",fe),p.jsxs("div",{className:xe(`cosmic-ai-input-rows${w}`),children:[Q&&p.jsx("div",{"data-set-type":"container","data-cosmic-ai-input-placeholder":S,className:xe("cosmic-ai-input",`cosmic-ai-input-rows${w}`,{"is-disabled":k},{"is-empty":W.length===0}),ref:C,contentEditable:!0,suppressContentEditableWarning:!0,onClick:e=>Te(e),onFocus:e=>{Pe(e)},onBlur:e=>{N==null||N(e)},onMouseDown:e=>De(e),onKeyDown:e=>Le(e),onKeyUp:e=>$e(e),onInput:e=>ue(e),onCopy:e=>je(e),children:fe}),z&&_e.createPortal((L==null?void 0:L.type)==="multiple-select"?p.jsx(Ce,{ref:D,options:ee,value:X,position:v,height:oe,onChange:J},"multiple-select"):(L==null?void 0:L.type)==="date-picker"?p.jsx(we,{ref:D,value:X,position:v,onChange:J},"date-picker"):p.jsx(me,{ref:D,options:ee,value:X,position:v,height:oe,onChange:J},"select"),document.body)]})});Re.displayName="AiInput";exports.default=Re;

package/dist/index.d.ts

@@ -7,9 +7,10 @@ declare interface AiInputProps {
     value?: string;
     varList: (InputItem | SelectItem | MultipleSelectItem | DatePickerItem)[];
     placeholder?: string;
-    maxLength?: 1 | 2 | 3 | 4 | undefined;
+    maxLength?: number;
     defaultRows?: number;
     disabled?: boolean;
+    defaultFocus?: boolean;
     onParse?: (parsedValue: string) => void;
     onSend?: (value: string) => void;
     onMaxLengthExceeded?: (value: string, maxLength: number) => void;

package/dist/index.es.js

@@ -1,105 +1,106 @@
-import { jsx as h, jsxs as q, Fragment as Be } from "react/jsx-runtime";
-import { forwardRef as _, useState as A, useRef as $, useEffect as H, useImperativeHandle as Ve } from "react";
-import He from "classnames";
-import { createPortal as qe } from "react-dom";
-const he = _(
-  ({ value: s, position: r, id: c, onChange: u }, k) => {
-    const [y, E] = A(!0), N = $(null), w = $(null);
-    H(() => {
-      typeof k == "function" ? k(N.current) : k && (k.current = N.current);
+// Generated at: 2026-01-16T02:43:06.582Z
+import { jsx as h, jsxs as _ } from "react/jsx-runtime";
+import { forwardRef as j, useState as w, useRef as O, useEffect as F, useCallback as Xe, useImperativeHandle as ve } from "react";
+import Ce from "classnames";
+import { createPortal as Ge } from "react-dom";
+const ke = j(
+  ({ value: r, position: s, id: c, onChange: i }, k) => {
+    const [b, x] = w(!0), T = O(null), A = O(null);
+    F(() => {
+      typeof k == "function" ? k(T.current) : k && (k.current = T.current);
     }, [k]);
-    const x = (a) => {
-      console.log("DatePicker handleChange", a);
-      const S = a.target.value;
-      u == null || u(S, "date-picker");
+    const m = (d) => {
+      console.log("DatePicker handleChange", d);
+      const g = d.target.value;
+      i == null || i(g, "date-picker");
     };
-    H(() => {
-      if (w.current)
+    F(() => {
+      if (A.current)
         try {
           setTimeout(() => {
-            C();
+            S();
           }, 100);
-        } catch (a) {
-          console.log("无法自动打开日期选择器，浏览器安全策略限制", a);
+        } catch (d) {
+          console.log("无法自动打开日期选择器，浏览器安全策略限制", d);
         }
     }, []);
-    const C = () => {
-      if (w.current)
+    const S = () => {
+      if (A.current)
         try {
-          w.current.showPicker();
-        } catch (a) {
-          console.log("点击后无法打开日期选择器", a);
+          A.current.showPicker();
+        } catch (d) {
+          console.log("点击后无法打开日期选择器", d);
         }
-    }, b = (a) => {
-      a.stopPropagation(), console.log("DatePicker handleClick", a);
+    }, f = (d) => {
+      d.stopPropagation(), console.log("DatePicker handleClick", d);
     };
-    return y ? /* @__PURE__ */ h(
+    return b ? /* @__PURE__ */ h(
       "div",
       {
-        ref: N,
+        ref: T,
         id: c,
         style: {
-          top: (r == null ? void 0 : r.top) || 0,
-          left: (r == null ? void 0 : r.left) || 0
+          top: (s == null ? void 0 : s.top) || 0,
+          left: (s == null ? void 0 : s.left) || 0
         },
         className: "cosmic-ai-input-datePicker",
         suppressHydrationWarning: !0,
         children: /* @__PURE__ */ h(
           "input",
           {
-            ref: w,
+            ref: A,
             type: "date",
-            value: s || "",
-            onChange: x,
-            onClick: b
+            value: r || "",
+            onChange: m,
+            onClick: f
           }
         )
       }
     ) : null;
   }
 );
-he.displayName = "DatePicker";
-function Y(s) {
-  const r = s.textContent || "", c = s.nextSibling;
-  r.length ? (c == null || c.setAttribute("style", "display: none"), s.style.padding = "2px 4px", s.style.borderTopLeftRadius = "2px", s.style.borderBottomLeftRadius = "2px", s.style.borderTopRightRadius = "2px", s.style.borderBottomRightRadius = "2px") : (c == null || c.setAttribute("style", "display: inline"), s.style.padding = "2px 0 2px 4px", s.style.borderTopLeftRadius = "2px", s.style.borderBottomLeftRadius = "2px", s.style.borderTopRightRadius = "0", s.style.borderBottomRightRadius = "0");
+ke.displayName = "DatePicker";
+function te(r) {
+  const s = r.textContent || "", c = r.nextSibling;
+  s.length ? (c == null || c.setAttribute("style", "display: none"), r.style.padding = "2px 4px", r.style.borderTopLeftRadius = "2px", r.style.borderBottomLeftRadius = "2px", r.style.borderTopRightRadius = "2px", r.style.borderBottomRightRadius = "2px") : (c == null || c.setAttribute("style", "display: inline"), r.style.padding = "2px 0 2px 4px", r.style.borderTopLeftRadius = "2px", r.style.borderBottomLeftRadius = "2px", r.style.borderTopRightRadius = "0", r.style.borderBottomRightRadius = "0");
 }
-function F(s) {
-  if (s && s.getAttribute("data-set-type") === "input") {
-    const r = s.children[0];
-    r.setAttribute("contenteditable", "true"), requestAnimationFrame(() => {
-      r.focus();
+function P(r) {
+  if (r && r.getAttribute("data-set-type") === "input") {
+    const s = r.children[0];
+    s.setAttribute("contenteditable", "true"), requestAnimationFrame(() => {
+      s.focus();
     });
   }
 }
-function ue(s) {
-  s && s.getAttribute("data-set-type") === "input" && s.children[0].setAttribute("contenteditable", "false");
+function me(r) {
+  r && r.getAttribute("data-set-type") === "input" && r.children[0].setAttribute("contenteditable", "false");
 }
-function O(s) {
-  return s && s.getAttribute("data-set-type") === "input";
+function M(r) {
+  return r && r.getAttribute("data-set-type") === "input";
 }
-const fe = _(({
-  options: s,
-  value: r,
+const Re = j(({
+  options: r,
+  value: s,
   position: c,
-  id: u,
+  id: i,
   height: k = 37,
-  onChange: y
-}, E) => {
-  const [N, w] = A(r || ""), x = $(null);
-  H(() => {
-    typeof E == "function" ? E(x.current) : E && (E.current = x.current);
-  }, [E]);
-  const C = (a) => {
-    const S = N.split(",").filter((D) => D) || [];
-    let m = "";
-    S.includes(a) ? m = S.filter((D) => D !== a).join(",") : (console.log("handleOptionClick", S), S.length ? m = `${S.join(",")},${a}` : m = a), w(m), y == null || y(m, "multiple-select");
-  }, b = N.split(",") || [];
+  onChange: b
+}, x) => {
+  const [T, A] = w(s || ""), m = O(null);
+  F(() => {
+    typeof x == "function" ? x(m.current) : x && (x.current = m.current);
+  }, [x]);
+  const S = (d) => {
+    const g = T.split(",").filter((D) => D) || [];
+    let B = "";
+    g.includes(d) ? B = g.filter((D) => D !== d).join(",") : (console.log("handleOptionClick", g), g.length ? B = `${g.join(",")},${d}` : B = d), A(B), b == null || b(B, "multiple-select");
+  }, f = T.split(",") || [];
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: x,
+      ref: m,
       className: "cosmic-ai-input-selectFloatElement",
-      id: u,
+      id: i,
       style: {
         position: "absolute",
         top: (c == null ? void 0 : c.top) || 0,
@@ -107,40 +108,40 @@ const fe = _(({
         zIndex: 5e3,
         maxHeight: `${k}px`
       },
-      children: s.map((a, S) => /* @__PURE__ */ h(
+      children: r.map((d, g) => /* @__PURE__ */ h(
         "div",
         {
-          className: `selectOption ${b.includes(a) ? "selected" : ""}`,
-          onClick: () => C(a),
-          children: a
+          className: `selectOption ${f.includes(d) ? "selected" : ""}`,
+          onClick: () => S(d),
+          children: d
         },
-        S
+        g
       ))
     }
   );
 });
-fe.displayName = "MultipleSelect";
-const ge = _(({
-  options: s,
-  value: r,
+Re.displayName = "MultipleSelect";
+const Te = j(({
+  options: r,
+  value: s,
   position: c,
-  id: u,
+  id: i,
   height: k = 120,
-  onChange: y
-}, E) => {
-  const [N, w] = A(r || ""), x = $(null);
-  H(() => {
-    typeof E == "function" ? E(x.current) : E && (E.current = x.current);
-  }, [E]);
-  const C = (b) => {
-    w(b), y == null || y(b, "select");
+  onChange: b
+}, x) => {
+  const [T, A] = w(s || ""), m = O(null);
+  F(() => {
+    typeof x == "function" ? x(m.current) : x && (x.current = m.current);
+  }, [x]);
+  const S = (f) => {
+    A(f), b == null || b(f, "select");
   };
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: x,
+      ref: m,
       className: "cosmic-ai-input-selectFloatElement",
-      id: u,
+      id: i,
       style: {
         position: "absolute",
         top: (c == null ? void 0 : c.top) || 0,
@@ -148,427 +149,482 @@ const ge = _(({
         zIndex: 5e3,
         maxHeight: `${k}px`
       },
-      children: s.map((b, a) => /* @__PURE__ */ h(
+      children: r.length > 0 && r.map((f, d) => /* @__PURE__ */ h(
         "div",
         {
-          className: `selectOption ${N === b ? "selected" : ""}`,
-          onClick: () => C(b),
-          children: b
+          className: `selectOption ${T === f ? "selected" : ""}`,
+          onClick: () => S(f),
+          children: f
         },
-        a
+        d
       ))
     }
   );
 });
-ge.displayName = "Select";
-function pe(s) {
-  const r = s instanceof Element ? s : document.getElementById(s);
-  return r && r.children[0].textContent || "";
+Te.displayName = "Select";
+function Ae(r) {
+  const s = r instanceof Element ? r : document.getElementById(r);
+  return s && s.children[0].textContent || "";
 }
-function Ke(s, r) {
-  const c = s instanceof Element ? s : document.getElementById(s);
-  c && (c.children[0].textContent = r);
+function Je(r, s) {
+  const c = r instanceof Element ? r : document.getElementById(r);
+  c && (c.children[0].textContent = s);
 }
-function K(s) {
-  const r = document.createRange(), c = window.getSelection();
+function z(r) {
+  const s = document.createRange(), c = window.getSelection();
   if (!c) {
     console.error("无法获取selection对象");
     return;
   }
-  r.selectNodeContents(s), r.collapse(!0), c.removeAllRanges(), c.addRange(r);
+  try {
+    s.selectNodeContents(r), s.collapse(!0), c.removeAllRanges(), c.addRange(s);
+  } catch (i) {
+    console.error("设置光标位置失败:", i);
+  }
 }
-function W(s) {
-  const r = document.createRange(), c = window.getSelection();
+function H(r) {
+  const s = document.createRange(), c = window.getSelection();
   if (!c) {
     console.error("无法获取selection对象");
     return;
   }
-  r.selectNodeContents(s), r.collapse(!1), c.removeAllRanges(), c.addRange(r);
-}
-function Z(s) {
-  const r = window.getSelection();
-  if (!r || r.rangeCount === 0)
-    return 0;
-  const c = r.getRangeAt(0), u = c.cloneRange();
-  return u.selectNodeContents(s), u.setEnd(c.startContainer, c.startOffset), u.toString().length;
+  try {
+    s.selectNodeContents(r), s.collapse(!1), c.removeAllRanges(), c.addRange(s);
+  } catch (i) {
+    console.error("设置光标位置失败:", i);
+  }
 }
-function We() {
+function ne(r) {
   const s = window.getSelection();
   if (!s || s.rangeCount === 0)
+    return 0;
+  const c = s.getRangeAt(0);
+  try {
+    const i = c.cloneRange();
+    return i.selectNodeContents(r), i.setEnd(c.startContainer, c.startOffset), i.toString().length;
+  } catch (i) {
+    return console.error("获取光标位置失败:", i), 0;
+  }
+}
+function Qe() {
+  const r = window.getSelection();
+  if (!r || r.rangeCount === 0)
     return null;
-  const c = s.getRangeAt(0).startContainer;
+  const c = r.getRangeAt(0).startContainer;
   return c.nodeType === Node.TEXT_NODE ? c.parentElement : c.nodeType === Node.ELEMENT_NODE ? c : null;
 }
-function _e() {
-  const s = window.getSelection();
-  if (!s || s.rangeCount === 0)
+function Ye() {
+  const r = window.getSelection();
+  if (!r || r.rangeCount === 0)
     return null;
-  const r = s.getRangeAt(0), c = r.startContainer, u = r.startOffset;
-  return c.nodeType === Node.TEXT_NODE ? u > 0 ? c : c.previousSibling : c.nodeType === Node.ELEMENT_NODE ? u > 0 ? c.childNodes[u - 1] : c.previousSibling : null;
+  const s = r.getRangeAt(0), c = s.startContainer, i = s.startOffset;
+  return c.nodeType === Node.TEXT_NODE ? i > 0 ? c : c.previousSibling : c.nodeType === Node.ELEMENT_NODE ? i > 0 ? c.childNodes[i - 1] : c.previousSibling : null;
 }
-function ze() {
-  const s = window.getSelection();
-  if (!s || s.rangeCount === 0)
+function Ze() {
+  const r = window.getSelection();
+  if (!r || r.rangeCount === 0)
     return null;
-  const r = s.getRangeAt(0), c = r.startContainer, u = r.startOffset;
-  return c.nodeType === Node.TEXT_NODE ? u < c.length ? c : c.nextSibling : c.nodeType === Node.ELEMENT_NODE ? u < c.childNodes.length ? c.childNodes[u] : c.nextSibling : null;
+  const s = r.getRangeAt(0), c = s.startContainer, i = s.startOffset;
+  return c.nodeType === Node.TEXT_NODE ? i < c.length ? c : c.nextSibling : c.nodeType === Node.ELEMENT_NODE ? i < c.childNodes.length ? c.childNodes[i] : c.nextSibling : null;
 }
-function je(s) {
-  return s && !s.getAttribute("data-set-type");
+function Ie(r) {
+  return r && !r.getAttribute("data-set-type");
 }
-const Ue = _((s, r) => {
-  const { value: c, varList: u, placeholder: k = "", maxLength: y, defaultRows: E = 3, disabled: N = !1, onFocus: w, onBlur: x, onChange: C, onClick: b, onSend: a, onParse: S, onKeyDown: m, onKeyUp: D, onMaxLengthExceeded: z } = s, [I, Xe] = A(c || ""), [Ge, v] = A(c || ""), [ye, ee] = A(""), [j, M] = A(!1), [U, X] = A({ top: 0, left: 0 }), [te, ne] = A([]), [G, le] = A(""), [P, oe] = A(null), [ce, se] = A(120), Ee = 240, be = 240, ie = 240, re = 276, B = $(null), g = $(null), T = $(null), V = () => {
-    var e;
-    return ((e = B.current) == null ? void 0 : e.innerText) || "";
-  }, ae = () => {
-    var e;
-    return ((e = B.current) == null ? void 0 : e.innerHTML) || "";
-  }, xe = (e) => {
-    const n = [];
-    let t = 0;
+const et = j((r, s) => {
+  const { value: c = "", varList: i, placeholder: k = "", maxLength: b, defaultRows: x = 3, disabled: T = !1, defaultFocus: A = !1, onFocus: m, onBlur: S, onChange: f, onClick: d, onSend: g, onParse: B, onKeyDown: D, onKeyUp: V, onMaxLengthExceeded: U } = r, [tt, nt] = w(c || ""), [X, v] = w(""), [lt, le] = w(""), [G, q] = w(!1), [J, Q] = w({ top: 0, left: 0 }), [oe, ce] = w([]), [Y, re] = w(""), [L, se] = w(null), [ie, ae] = w(120), [de, ue] = w(A), De = 240, Ne = 240, pe = 240, he = 276, C = O(null), y = O(null), N = O(null), K = () => {
+    var l, n;
+    let e = ((n = (l = C.current) == null ? void 0 : l.innerText) == null ? void 0 : n.replace(/\u200B/g, "")) || "";
+    return e === `
+` && (e = ""), e;
+  }, fe = () => {
+    var l;
+    let e = ((l = C.current) == null ? void 0 : l.innerHTML) || "";
+    return e === "<br>" && (e = ""), e;
+  }, Se = (e) => {
+    const l = [];
+    let n = 0;
     const o = /\[([^\]]+)\]/g;
-    let d, p = 0;
-    const R = new Set(u.map((f) => f.name));
-    for (; (d = o.exec(e)) !== null; ) {
-      if (d.index > t) {
-        const i = e.substring(t, d.index).split(`
+    let a;
+    const u = `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+    let p = 0;
+    if (e === "" || !e || e === `
+`)
+      return [{
+        type: "text",
+        content: "​",
+        id: `text-${p++}-${u}`
+      }];
+    const $ = new Set((i || []).map((E) => E.name));
+    for (; (a = o.exec(e)) !== null; ) {
+      if (a.index > n) {
+        const R = e.substring(n, a.index).split(`
 `);
-        i.forEach((L, Me) => {
-          L && n.push({
+        R.forEach((W, Ue) => {
+          W && l.push({
             type: "text",
-            content: L,
-            id: `text-${p++}`
-          }), Me < i.length - 1 && n.push({
+            content: W,
+            id: `text-${p++}-${u}`
+          }), Ue < R.length - 1 && l.push({
             type: "newline",
-            id: `newline-${p++}`
+            id: `newline-${p++}-${u}`
           });
         });
       }
-      const f = d[1];
-      if (R.has(f)) {
-        const l = u.find((i) => i.name === f);
-        (l == null ? void 0 : l.type) === "input" ? n.push({
+      const E = a[1];
+      if ($.has(E)) {
+        const t = i.find((R) => R.name === E);
+        (t == null ? void 0 : t.type) === "input" ? l.push({
           type: "input",
-          name: l == null ? void 0 : l.name,
-          content: (l == null ? void 0 : l.content) || "",
-          placeholder: (l == null ? void 0 : l.placeholder) || f,
-          id: `input-${p++}`
-        }) : (l == null ? void 0 : l.type) === "select" ? n.push({
+          name: t == null ? void 0 : t.name,
+          content: (t == null ? void 0 : t.content) || "",
+          placeholder: (t == null ? void 0 : t.placeholder) || E,
+          id: `input-${p++}-${u}`
+        }) : (t == null ? void 0 : t.type) === "select" ? l.push({
           type: "select",
-          name: l == null ? void 0 : l.name,
-          content: (l == null ? void 0 : l.content) || "",
-          placeholder: (l == null ? void 0 : l.placeholder) || f,
-          options: (l == null ? void 0 : l.options) || [],
-          id: `select-${p++}`
-        }) : (l == null ? void 0 : l.type) === "multiple-select" ? n.push({
+          name: t == null ? void 0 : t.name,
+          content: (t == null ? void 0 : t.content) || "",
+          placeholder: (t == null ? void 0 : t.placeholder) || E,
+          options: (t == null ? void 0 : t.options) || [],
+          id: `select-${p++}-${u}`
+        }) : (t == null ? void 0 : t.type) === "multiple-select" ? l.push({
           type: "multiple-select",
-          name: l == null ? void 0 : l.name,
-          content: (l == null ? void 0 : l.content) || "",
-          placeholder: (l == null ? void 0 : l.placeholder) || f,
-          options: (l == null ? void 0 : l.options) || [],
-          id: `multiple-select-${p++}`
-        }) : (l == null ? void 0 : l.type) === "date-picker" && n.push({
+          name: t == null ? void 0 : t.name,
+          content: (t == null ? void 0 : t.content) || "",
+          placeholder: (t == null ? void 0 : t.placeholder) || E,
+          options: (t == null ? void 0 : t.options) || [],
+          id: `multiple-select-${p++}-${u}`
+        }) : (t == null ? void 0 : t.type) === "date-picker" && l.push({
           type: "date-picker",
-          name: l == null ? void 0 : l.name,
-          content: (l == null ? void 0 : l.content) || "",
-          placeholder: (l == null ? void 0 : l.placeholder) || f,
-          id: `date-picker-${p++}`
+          name: t == null ? void 0 : t.name,
+          content: (t == null ? void 0 : t.content) || "",
+          placeholder: (t == null ? void 0 : t.placeholder) || E,
+          id: `date-picker-${p++}-${u}`
         });
       } else
-        n.push({
+        l.push({
           type: "text",
-          content: `[${f}]`,
-          id: `text-${p++}`
+          content: `[${E}]`,
+          id: `text-${p++}-${u}`
         });
-      t = o.lastIndex;
+      n = o.lastIndex;
     }
-    if (t < e.length) {
-      const l = e.substring(t).split(`
+    if (n < e.length) {
+      const t = e.substring(n).split(`
 `);
-      l.forEach((i, L) => {
-        i && n.push({
+      t.forEach((R, W) => {
+        R && l.push({
           type: "text",
-          content: i,
+          content: R,
           id: `text-${p++}`
-        }), L < l.length - 1 && n.push({
+        }), W < t.length - 1 && l.push({
           type: "newline",
           id: `newline-${p++}`
         });
       });
     }
-    return n;
-  }, J = () => {
+    return l;
+  }, Z = () => {
     var e;
-    (e = B.current) == null || e.setAttribute("contenteditable", "true"), g.current && (O(g.current) && g.current.children[0].setAttribute("contenteditable", "false"), g.current = null);
-  }, we = (e) => {
-    console.log("handleEditorClick", e), b == null || b(e);
-  }, Ce = (e) => {
-    console.log("handleEditorMouseDown", e), J();
-  }, me = (e) => {
-    console.log("handleEditorInput", e), v(V()), ee(ae()), C == null || C(V());
-  }, Ae = (e) => {
+    (e = C.current) == null || e.setAttribute("contenteditable", "true"), y.current && (M(y.current) && y.current.children[0].setAttribute("contenteditable", "false"), y.current = null), H(C.current);
+  }, Le = (e) => {
+    console.log("handleEditorClick", e), d == null || d(e);
+  }, $e = (e) => {
+    console.log("handleEditorMouseDown", e), Z();
+  }, ge = (e) => {
+    console.log("handleEditorInput", e), v(K()), le(fe()), f == null || f(K());
+  }, Pe = (e) => {
+    var l, n;
     if (e.code === "Enter" && !e.shiftKey) {
       e.preventDefault();
-      const n = V();
-      console.log("onSend", n, "maxLength:", y, "length:", n.length), y ? n.length <= y ? a == null || a(n) : (console.log("maxLength exceeded", n, y), z == null || z(n, y)) : a == null || a(n);
+      const o = K();
+      if (console.log("onSend", o, "maxLength:", b, "length:", o.length), o.length === 0 || (console.log("containerRef.current?.innerHTML", (l = C.current) == null ? void 0 : l.innerHTML), (n = C.current) != null && n.innerHTML.match(/^<span>[\s\u200B]*(<br\s*\/?>[\s\u200B]*)+<\/span>$/)))
+        return;
+      b ? o.length <= b ? g == null || g(o) : (console.log("maxLength exceeded", o, b), U == null || U(o, b)) : g == null || g(o);
     }
-  }, ke = (e) => {
-    var t;
-    console.log("handleEditorKeyDown", e), m == null || m(e);
-    const n = We();
-    if (n && je(n)) {
+  }, Fe = (e) => {
+    var n;
+    console.log("handleEditorKeyDown", e), D == null || D(e);
+    const l = Qe();
+    if (l && Ie(l)) {
       if (e.code === "ArrowLeft") {
-        const o = n == null ? void 0 : n.previousElementSibling, d = Z(n);
-        o && d === 0 && O(o) && o.children[0] && (g.current = o, F(o), requestAnimationFrame(() => {
-          W(o.children[0]);
+        const o = l == null ? void 0 : l.previousElementSibling, a = ne(l);
+        o && a === 0 && M(o) && o.children[0] && (y.current = o, P(o), requestAnimationFrame(() => {
+          H(o.children[0]);
         }));
       }
       if (e.code === "ArrowRight") {
-        const o = n == null ? void 0 : n.nextElementSibling, d = Z(n);
-        o && d === ((t = n.textContent) == null ? void 0 : t.length) && O(o) && o.children[0] && (g.current = o, F(o), requestAnimationFrame(() => {
-          K(o.children[0]);
+        const o = l == null ? void 0 : l.nextElementSibling, a = ne(l);
+        o && a === ((n = l.textContent) == null ? void 0 : n.length) && M(o) && o.children[0] && (y.current = o, P(o), requestAnimationFrame(() => {
+          z(o.children[0]);
         }));
       }
+      e.code === "Backspace" && (l.innerHTML === "​" && e.preventDefault(), l.innerHTML === "<br>" && (e.preventDefault(), l.innerHTML = "​"));
     }
-    if (n && n.getAttribute("data-set-type") === "container") {
+    if (l && l.getAttribute("data-set-type") === "container") {
       if (e.code === "ArrowLeft") {
-        const o = _e();
-        O(o) && o.children[0] && (g.current = o, F(o), requestAnimationFrame(() => {
-          W(o.children[0]);
+        const o = Ye();
+        M(o) && o.children[0] && (y.current = o, P(o), requestAnimationFrame(() => {
+          H(o.children[0]);
         }));
       }
       if (e.code === "ArrowRight") {
-        const o = ze();
-        O(o) && o.children[0] && (g.current = o, F(o), requestAnimationFrame(() => {
-          K(o.children[0]);
+        const o = Ze();
+        M(o) && o.children[0] && (y.current = o, P(o), requestAnimationFrame(() => {
+          z(o.children[0]);
         }));
       }
     }
-    Ae(e);
-  }, Re = (e) => {
-    console.log("handleEditorKeyUp", e), D == null || D(e);
-  }, Ne = (e, n) => {
-    n.stopPropagation(), console.log("handleInputClick", e);
-  }, Se = (e, n) => {
+    Pe(e);
+  }, Me = (e) => {
+    console.log("handleEditorKeyUp", e), V == null || V(e);
+  }, He = (e) => {
+    e.preventDefault();
+    const n = window.getSelection().toString();
+    if (!n) return;
+    const o = n, a = n;
+    e.clipboardData.setData("text/plain", o), e.clipboardData.setData("text/html", a);
+  }, Oe = (e) => {
+    m == null || m(e);
+  }, Be = (e, l) => {
+    l.stopPropagation(), console.log("handleInputClick", e);
+  }, Ve = (e, l) => {
     var o;
-    n.stopPropagation(), console.log("handleInputMouseDown", e, n), g.current && ue(g.current), (o = B.current) == null || o.setAttribute("contenteditable", "false");
-    const t = document.getElementById(e.id);
-    g.current = t, requestAnimationFrame(() => {
-      F(t);
+    l.stopPropagation(), console.log("handleInputMouseDown", e, l), y.current && me(y.current), (o = C.current) == null || o.setAttribute("contenteditable", "false");
+    const n = document.getElementById(e.id);
+    y.current = n, requestAnimationFrame(() => {
+      P(n);
     });
-  }, De = (e, n) => {
-    var d, p, R, f, l;
-    console.log("handleInputKeyDown", e, n), m == null || m(n), n.stopPropagation();
-    const t = n.target, o = Z(t);
-    if (n.code === "Backspace" && o === 0) {
-      const i = (d = t.parentElement) == null ? void 0 : d.previousElementSibling;
-      console.log("previousElement", i), i && (O(i) && i.children[0] && ((p = i.children[0].textContent) != null && p.length) ? (g.current = i, F(i), W(i.children[0]), requestAnimationFrame(() => {
-        Y(i.children[0]);
-      })) : (J(), W(i)));
+  }, qe = (e, l) => {
+    var a, u, p, $, E;
+    console.log("handleInputKeyDown", e, l), D == null || D(l), l.stopPropagation();
+    const n = l.target, o = ne(n);
+    if (l.code === "Backspace" && o === 0) {
+      const t = (a = n.parentElement) == null ? void 0 : a.previousElementSibling;
+      console.log("previousElement", t), t && (M(t) && t.children[0] && ((u = t.children[0].textContent) != null && u.length) ? (y.current = t, P(t), H(t.children[0]), requestAnimationFrame(() => {
+        te(t.children[0]);
+      })) : (Z(), H(t)));
     }
-    if (n.code === "ArrowRight" && o === ((R = t.textContent) == null ? void 0 : R.length)) {
-      const i = (f = t.parentElement) == null ? void 0 : f.nextElementSibling;
-      console.log("nextElement", i), i && (O(i) && i.children[0] && ((l = i.children[0].textContent) != null && l.length) ? (g.current = i, F(i), K(i.children[0]), requestAnimationFrame(() => {
-        Y(i.children[0]);
-      })) : (J(), K(i)));
+    if (l.code === "ArrowRight" && o === ((p = n.textContent) == null ? void 0 : p.length)) {
+      const t = ($ = n.parentElement) == null ? void 0 : $.nextElementSibling;
+      console.log("nextElement", t), t && (M(t) && t.children[0] && ((E = t.children[0].textContent) != null && E.length) ? (y.current = t, P(t), z(t.children[0]), requestAnimationFrame(() => {
+        te(t.children[0]);
+      })) : (Z(), z(t)));
     }
-  }, Te = (e, n) => {
-    console.log("handleInputKeyUp", e, n), D == null || D(n);
-    const t = n.target;
-    Y(t);
-  }, Pe = (e, n) => {
+  }, Ke = (e, l) => {
+    console.log("handleInputKeyUp", e, l), V == null || V(l);
+    const n = l.target;
+    te(n);
+  }, We = (e, l) => {
     var o;
-    n.stopPropagation(), console.log("handlePlaceholderMouseDown", e), g.current && ue(g.current), (o = B.current) == null || o.setAttribute("contenteditable", "false");
-    const t = document.getElementById(e.id);
-    g.current = t, requestAnimationFrame(() => {
-      F(t);
+    l.stopPropagation(), console.log("handlePlaceholderMouseDown", e), y.current && me(y.current), (o = C.current) == null || o.setAttribute("contenteditable", "false");
+    const n = document.getElementById(e.id);
+    y.current = n, requestAnimationFrame(() => {
+      P(n);
     });
-  }, Le = (e, n) => {
-    console.log("handleInputChange", e, n), v(V()), ee(ae()), C == null || C(V());
-  }, Fe = (e, n) => {
-    console.log("handleTextSpanKeyDown 不生效", e, n);
+  }, _e = (e, l) => {
+    console.log("handleInputChange", e, l), v(K()), le(fe()), f == null || f(K());
+  }, ze = (e, l) => {
+    console.log("handleTextSpanKeyDown 不生效", e, l);
   };
-  H(() => {
-    if (!j)
+  F(() => {
+    if (!G)
       return;
     const e = (o) => {
-      T.current && !T.current.contains(o.target) && M(!1);
-    }, n = (o) => {
-      T.current && !T.current.contains(o.target) && M(!1);
-    }, t = () => {
-      M(!1);
+      N.current && !N.current.contains(o.target) && q(!1);
+    }, l = (o) => {
+      N.current && !N.current.contains(o.target) && q(!1);
+    }, n = () => {
+      q(!1);
     };
-    return document.addEventListener("mousedown", e), document.addEventListener("scroll", n, !0), window.addEventListener("resize", t), () => {
-      document.removeEventListener("mousedown", e), document.removeEventListener("scroll", n, !0), window.removeEventListener("resize", t);
+    return document.addEventListener("mousedown", e), document.addEventListener("scroll", l, !0), window.addEventListener("resize", n), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", n);
     };
-  }, [j]);
-  const Q = (e, n) => {
-    if (console.log("handleFloatChange", e, n), P && Ke(P.id, e), n === "select" && M(!1), n === "multiple-select" || n === "date-picker") {
-      const t = document.getElementById(P.id);
-      t && t.children[0] && t.children[1] && (e.length > 0 ? (t.children[0].setAttribute("style", "display: inline"), t.children[0].setAttribute("contenteditable", "false"), t.children[1].setAttribute("style", "display: none"), t.children[1].setAttribute("contenteditable", "true")) : (t.children[0].setAttribute("style", "display: none"), t.children[0].setAttribute("contenteditable", "true"), t.children[1].setAttribute("style", "display: inline"), t.children[1].setAttribute("contenteditable", "true")));
+  }, [G]);
+  const I = (e, l) => {
+    if (console.log("handleFloatChange", e, l), L && Je(L.id, e), l === "select" && q(!1), l === "multiple-select" || l === "date-picker") {
+      const n = document.getElementById(L.id);
+      n && n.children[0] && n.children[1] && (e.length > 0 ? (n.children[0].setAttribute("style", "display: inline"), n.children[0].setAttribute("contenteditable", "false"), n.children[1].setAttribute("style", "display: none"), n.children[1].setAttribute("contenteditable", "true")) : (n.children[0].setAttribute("style", "display: none"), n.children[0].setAttribute("contenteditable", "true"), n.children[1].setAttribute("style", "display: inline"), n.children[1].setAttribute("contenteditable", "true")));
     }
-  }, de = (e, n) => {
-    console.log("handleSelectClick", e, n);
-    const o = n.target.getBoundingClientRect();
-    ne(e.options), le(e.value || pe(e.id)), X({ top: -999999, left: -999999999 }), oe(e), se(be), M(!0), requestAnimationFrame(() => {
-      if (T.current) {
-        console.log("currentFloatElementRef.current", T.current);
-        const d = T.current.getBoundingClientRect();
-        let p = o.left, R = o.top + o.height;
-        window.innerWidth - o.right < Ee && o.width < d.width && (p = o.right - d.width), o.top < d.height && (R = o.top + o.height), X({ top: R, left: p }), se(d.height);
+    ge({});
+  }, ye = (e, l) => {
+    console.log("handleSelectClick", e, l);
+    const o = l.target.getBoundingClientRect();
+    ce(e.options), re(e.value || Ae(e.id)), Q({ top: -999999, left: -999999999 }), se(e), ae(Ne), q(!0), requestAnimationFrame(() => {
+      if (N.current) {
+        console.log("currentFloatElementRef.current", N.current);
+        const a = N.current.getBoundingClientRect();
+        let u = o.left, p = o.top + o.height;
+        window.innerWidth - o.right < De && o.width < a.width && (u = o.right - a.width), o.top < a.height && (p = o.top + o.height), Q({ top: p, left: u }), ae(a.height);
       }
     });
-  }, Oe = (e, n) => {
-    console.log("handleDatePickerClick", e, n);
-    const o = n.target.getBoundingClientRect();
-    let d = o.left, p = o.top - re;
-    window.innerWidth - o.right < ie && (d = d - ie + o.width), o.top < re && (p = o.top + o.height), ne(e.options), le(e.value || pe(e.id)), X({ top: p, left: d }), oe(e), M(!0);
-  }, $e = () => {
-    const e = xe(I);
-    console.log("parsed", e);
-    const n = [];
-    return e.forEach((t) => {
-      var o, d, p, R, f, l;
-      if (t.type === "text")
-        n.push(
-          /* @__PURE__ */ h("span", { onKeyDown: (i) => Fe(t, i), children: t.content }, t.id)
+  }, je = (e, l) => {
+    console.log("handleDatePickerClick", e, l);
+    const o = l.target.getBoundingClientRect();
+    let a = o.left, u = o.top - he;
+    window.innerWidth - o.right < pe && (a = a - pe + o.width), o.top < he && (u = o.top + o.height), ce(e.options), re(e.value || Ae(e.id)), Q({ top: u, left: a }), se(e), q(!0);
+  }, [Ee, be] = w([]), [ee, xe] = w(!0), we = Xe(() => {
+    xe(!1);
+    const e = Se(c), l = [];
+    return e.forEach((n) => {
+      var o, a, u, p, $, E;
+      if (n.type === "text")
+        l.push(
+          /* @__PURE__ */ h("span", { onKeyDown: (t) => ze(n, t), children: n.content }, n.id)
         );
-      else if (t.type === "newline")
-        n.push(/* @__PURE__ */ h("br", {}, t.id));
-      else if (t.type === "input")
-        n.push(
-          /* @__PURE__ */ q(
+      else if (n.type === "newline")
+        l.push(/* @__PURE__ */ h("br", {}, n.id));
+      else if (n.type === "input")
+        l.push(
+          /* @__PURE__ */ _(
             "span",
             {
-              id: t.id,
+              id: n.id,
               "data-set-type": "input",
               contentEditable: !1,
               suppressContentEditableWarning: !0,
-              onInput: (i) => Le(t, i),
-              onClick: (i) => Ne(t, i),
-              onMouseDown: (i) => Se(t, i),
-              "data-cosmic-ai-input-placeholder": t.placeholder,
+              onInput: (t) => _e(n, t),
+              onClick: (t) => Be(n, t),
+              onMouseDown: (t) => Ve(n, t),
+              "data-cosmic-ai-input-placeholder": n.placeholder,
               children: [
-                /* @__PURE__ */ h("span", { className: "cosmic-ai-input-inputContent", style: { padding: (o = t.content) != null && o.length ? "2px 4px" : "2px 0 2px 4px" }, contentEditable: !1, onKeyDown: (i) => De(t, i), onKeyUp: (i) => Te(t, i), children: t.content }),
-                /* @__PURE__ */ h("span", { contentEditable: !1, style: { display: (d = t.content) != null && d.length ? "none" : "inline" }, className: "cosmic-ai-input-placeholder", onMouseDown: (i) => Pe(t, i), children: t.placeholder })
+                /* @__PURE__ */ h("span", { className: "cosmic-ai-input-inputContent", style: { padding: (o = n.content) != null && o.length ? "2px 4px" : "2px 0 2px 4px" }, contentEditable: !1, onKeyDown: (t) => qe(n, t), onKeyUp: (t) => Ke(n, t), children: n.content }),
+                /* @__PURE__ */ h("span", { contentEditable: !1, style: { display: (a = n.content) != null && a.length ? "none" : "inline" }, className: "cosmic-ai-input-placeholder", onMouseDown: (t) => We(n, t), children: n.placeholder })
               ]
             },
-            t.id
+            n.id
           )
         );
-      else if (t.type === "select") {
-        const i = t.content || ((p = t.options) == null ? void 0 : p[0]) || t.placeholder;
-        n.push(
+      else if (n.type === "select") {
+        const t = n.content || ((u = n.options) == null ? void 0 : u[0]) || n.placeholder;
+        l.push(
           /* @__PURE__ */ h(
             "span",
             {
-              id: t.id,
+              id: n.id,
               "data-set-type": "select",
-              contentEditable: !0,
+              contentEditable: !1,
               suppressContentEditableWarning: !0,
-              onClick: (L) => de(t, L),
-              "data-cosmic-ai-input-placeholder": t.placeholder,
-              children: /* @__PURE__ */ h("span", { contentEditable: !1, children: i })
+              onClick: (R) => ye(n, R),
+              "data-cosmic-ai-input-placeholder": n.placeholder,
+              children: /* @__PURE__ */ h("span", { contentEditable: !1, children: t })
             },
-            t.id
+            n.id
           )
         );
-      } else if (t.type === "multiple-select") {
-        const i = t.content || ((R = t.options) == null ? void 0 : R[0]);
-        n.push(
-          /* @__PURE__ */ q(
+      } else if (n.type === "multiple-select") {
+        const t = n.content || ((p = n.options) == null ? void 0 : p[0]);
+        l.push(
+          /* @__PURE__ */ _(
             "span",
             {
-              id: t.id,
+              id: n.id,
               "data-set-type": "multiple-select",
-              contentEditable: !0,
+              contentEditable: !1,
               suppressContentEditableWarning: !0,
-              onClick: (L) => de(t, L),
-              "data-cosmic-ai-input-placeholder": t.placeholder,
+              onClick: (R) => ye(n, R),
+              "data-cosmic-ai-input-placeholder": n.placeholder,
               children: [
-                /* @__PURE__ */ h("span", { style: { display: i != null && i.length ? "inline" : "none" }, contentEditable: !1, children: i }),
-                /* @__PURE__ */ h("span", { style: { display: i != null && i.length ? "none" : "inline" }, className: "cosmic-ai-input-selectPlaceholder", contentEditable: !1, children: t.placeholder })
+                /* @__PURE__ */ h("span", { style: { display: t != null && t.length ? "inline" : "none" }, contentEditable: !1, children: t }),
+                /* @__PURE__ */ h("span", { style: { display: t != null && t.length ? "none" : "inline" }, className: "cosmic-ai-input-selectPlaceholder", contentEditable: !1, children: n.placeholder })
               ]
             },
-            t.id
+            n.id
           )
         );
-      } else t.type === "date-picker" && n.push(
-        /* @__PURE__ */ q(
+      } else n.type === "date-picker" && l.push(
+        /* @__PURE__ */ _(
           "span",
           {
-            id: t.id,
+            id: n.id,
             "data-set-type": "date-picker",
-            contentEditable: !0,
+            contentEditable: !1,
             suppressContentEditableWarning: !0,
-            onClick: (i) => Oe(t, i),
-            "data-cosmic-ai-input-placeholder": t.placeholder,
+            onClick: (t) => je(n, t),
+            "data-cosmic-ai-input-placeholder": n.placeholder,
             children: [
-              /* @__PURE__ */ h("span", { style: { display: (f = t.content) != null && f.length ? "inline" : "none" }, contentEditable: !1, children: t.content }),
-              /* @__PURE__ */ h("span", { style: { display: (l = t.content) != null && l.length ? "none" : "inline" }, className: "cosmic-ai-input-datePickerPlaceholder", contentEditable: !1, children: t.placeholder })
+              /* @__PURE__ */ h("span", { style: { display: ($ = n.content) != null && $.length ? "inline" : "none" }, contentEditable: !1, children: n.content }),
+              /* @__PURE__ */ h("span", { style: { display: (E = n.content) != null && E.length ? "none" : "inline" }, className: "cosmic-ai-input-datePickerPlaceholder", contentEditable: !1, children: n.placeholder })
             ]
           },
-          t.id
+          n.id
         )
       );
-    }), n;
-  };
-  return Ve(r, () => ({
-    getCurrentValue: V
-  })), /* @__PURE__ */ q(Be, { children: [
-    /* @__PURE__ */ h(
+    }), setTimeout(() => {
+      xe(!0);
+    }, 0), console.log("重新渲染 ============================>", "elements", l, "parsed", e, c), l;
+  }, [c]);
+  return F(() => {
+    ee && setTimeout(() => {
+      H(C.current);
+    }, 0);
+  }, [ee]), F(() => {
+    c !== X ? (be(we()), v(c), ue(!0)) : (c === "" || !c) && be(we());
+  }, [c, X]), F(() => {
+    if (!A && !de) return;
+    const e = new MutationObserver(() => {
+      C.current && document.contains(C.current) && (requestAnimationFrame(() => {
+        H(C.current), ue(!1);
+      }), e.disconnect());
+    });
+    return C.current && e.observe(document.body, { childList: !0, subtree: !0 }), () => e.disconnect();
+  }, [A, de]), ve(s, () => ({
+    getCurrentValue: K
+  })), console.log("renderElements", Ee), // 最外层的防止renderContainer为false的时候样式坍塌
+  /* @__PURE__ */ _("div", { className: Ce(`cosmic-ai-input-rows${x}`), children: [
+    ee && /* @__PURE__ */ h(
       "div",
       {
         "data-set-type": "container",
         "data-cosmic-ai-input-placeholder": k,
-        className: He("cosmic-ai-input", `cosmic-ai-input-rows${E}`, { "is-disabled": N }, { "is-empty": I.length === 0 || ye === "<br>" }),
-        ref: B,
+        className: Ce("cosmic-ai-input", `cosmic-ai-input-rows${x}`, { "is-disabled": T }, { "is-empty": X.length === 0 }),
+        ref: C,
         contentEditable: !0,
         suppressContentEditableWarning: !0,
-        onClick: (e) => we(e),
+        onClick: (e) => Le(e),
         onFocus: (e) => {
-          w == null || w(e);
+          Oe(e);
         },
         onBlur: (e) => {
-          x == null || x(e);
+          S == null || S(e);
         },
-        onMouseDown: (e) => Ce(e),
-        onKeyDown: (e) => ke(e),
-        onKeyUp: (e) => Re(e),
-        onInput: (e) => me(e),
-        children: $e()
+        onMouseDown: (e) => $e(e),
+        onKeyDown: (e) => Fe(e),
+        onKeyUp: (e) => Me(e),
+        onInput: (e) => ge(e),
+        onCopy: (e) => He(e),
+        children: Ee
       }
     ),
-    j && qe(
-      (P == null ? void 0 : P.type) === "multiple-select" ? /* @__PURE__ */ h(
-        fe,
+    G && Ge(
+      (L == null ? void 0 : L.type) === "multiple-select" ? /* @__PURE__ */ h(
+        Re,
         {
-          ref: T,
-          options: te,
-          value: G,
-          position: U,
-          height: ce,
-          onChange: Q
+          ref: N,
+          options: oe,
+          value: Y,
+          position: J,
+          height: ie,
+          onChange: I
         },
         "multiple-select"
-      ) : (P == null ? void 0 : P.type) === "date-picker" ? /* @__PURE__ */ h(
-        he,
+      ) : (L == null ? void 0 : L.type) === "date-picker" ? /* @__PURE__ */ h(
+        ke,
         {
-          ref: T,
-          value: G,
-          position: U,
-          onChange: Q
+          ref: N,
+          value: Y,
+          position: J,
+          onChange: I
         },
         "date-picker"
       ) : /* @__PURE__ */ h(
-        ge,
+        Te,
         {
-          ref: T,
-          options: te,
-          value: G,
-          position: U,
-          height: ce,
-          onChange: Q
+          ref: N,
+          options: oe,
+          value: Y,
+          position: J,
+          height: ie,
+          onChange: I
         },
         "select"
       ),
@@ -576,7 +632,7 @@ const Ue = _((s, r) => {
     )
   ] });
 });
-Ue.displayName = "AiInput";
+et.displayName = "AiInput";
 export {
-  Ue as default
+  et as default
 };

package/dist/style.css

@@ -1 +1 @@
-.cosmic-ai-input{font-size:14px;outline:none}.cosmic-ai-input [data-set-type=input]{color:#b4c5fc;padding:0 2px;caret-color:#000}.cosmic-ai-input [data-set-type=select]{padding:0 2px;outline:none;color:#2356f6;cursor:pointer;position:relative;display:inline-block}.cosmic-ai-input [data-set-type=select] span{outline:none;background-color:#f2f5fe;border-radius:2px;white-space:nowrap;padding:0 16px 0 4px;display:inline-block}.cosmic-ai-input [data-set-type=select]:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #2356f6;pointer-events:none}.cosmic-ai-input [data-set-type=multiple-select]{padding:0 2px;outline:none;color:#2356f6;cursor:pointer;position:relative;display:inline-block}.cosmic-ai-input [data-set-type=multiple-select] span{outline:none;background-color:#f2f5fe;border-radius:2px;white-space:nowrap;padding:2px 16px 2px 4px;display:inline-block}.cosmic-ai-input [data-set-type=multiple-select]:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #2356f6;pointer-events:none}.cosmic-ai-input [data-set-type=date-picker]{padding:0 2px;outline:none;color:#2356f6;cursor:pointer;position:relative;display:inline-block}.cosmic-ai-input [data-set-type=date-picker] span{outline:none;background-color:#f2f5fe;border-radius:2px;white-space:nowrap;padding:2px 16px 2px 4px;display:inline-block}.cosmic-ai-input [data-set-type=date-picker]:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #2356f6;pointer-events:none}.cosmic-ai-input.is-empty:before{content:attr(data-cosmic-ai-input-placeholder);position:absolute;color:#999;pointer-events:none}.cosmic-ai-input.is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.cosmic-ai-input-displayNone{display:none}.cosmic-ai-input-inputContent{outline:none;color:#2356f6;background-color:#f2f5fe;border-radius:2px}.cosmic-ai-input-placeholder{background-color:#f2f5fe;padding:2px 4px 2px 0;border-top-right-radius:2px;border-bottom-right-radius:2px}.cosmic-ai-input-selectPlaceholder,.cosmic-ai-input-datePickerPlaceholder{color:#b4c5fc}.cosmic-ai-input-rows1{min-height:auto}.cosmic-ai-input-rows2{min-height:46px}.cosmic-ai-input-rows3{min-height:69px}.cosmic-ai-input-rows4{min-height:92px}.cosmic-ai-input-selectFloatElement{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;overflow-y:auto;z-index:5000;max-width:240px}.cosmic-ai-input-selectFloatElement .selectOption{padding:8px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;box-sizing:border-box;word-wrap:break-word;word-break:break-all;display:flex;align-items:center;justify-content:space-between}.cosmic-ai-input-selectFloatElement .selectOption:last-child{border-bottom:none}.cosmic-ai-input-selectFloatElement .selectOption:hover{background-color:#f5f5f5}.cosmic-ai-input-selectFloatElement .selectOption.selected{background-color:#e6f0ff;color:#2356f6;font-weight:500}.cosmic-ai-input-selectFloatElement .selectOption.selected:after{content:"✓";color:#2356f6;padding-left:6px}.cosmic-ai-input-datePicker{position:absolute;z-index:5000}.cosmic-ai-input-datePicker input[type=date]{visibility:hidden;height:0!important;box-sizing:border-box;border:none!important;position:relative;top:-10px}.cosmic-ai-input-commonSlot{padding:2px 0}
+.cosmic-ai-input{font-size:14px;outline:none;line-height:24px}.cosmic-ai-input [data-set-type=input]{color:#b4c5fc;padding:0 2px;caret-color:#000}.cosmic-ai-input [data-set-type=select]{padding:0 2px;outline:none;color:#2356f6;cursor:pointer;position:relative;display:inline-block}.cosmic-ai-input [data-set-type=select] span{outline:none;background-color:#f2f5fe;border-radius:2px;white-space:nowrap;padding:0 16px 0 4px;display:inline-block}.cosmic-ai-input [data-set-type=select]:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #2356f6;pointer-events:none}.cosmic-ai-input [data-set-type=multiple-select]{padding:0 2px;outline:none;color:#2356f6;cursor:pointer;position:relative;display:inline-block}.cosmic-ai-input [data-set-type=multiple-select] span{outline:none;background-color:#f2f5fe;border-radius:2px;white-space:nowrap;padding:2px 16px 2px 4px;display:inline-block}.cosmic-ai-input [data-set-type=multiple-select]:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #2356f6;pointer-events:none}.cosmic-ai-input [data-set-type=date-picker]{padding:0 2px;outline:none;color:#2356f6;cursor:pointer;position:relative;display:inline-block}.cosmic-ai-input [data-set-type=date-picker] span{outline:none;background-color:#f2f5fe;border-radius:2px;white-space:nowrap;padding:2px 16px 2px 4px;display:inline-block}.cosmic-ai-input [data-set-type=date-picker]:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #2356f6;pointer-events:none}.cosmic-ai-input.is-empty:before{content:attr(data-cosmic-ai-input-placeholder);position:absolute;color:#999;pointer-events:none}.cosmic-ai-input.is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.cosmic-ai-input-displayNone{display:none}.cosmic-ai-input-inputContent{outline:none;color:#2356f6;background-color:#f2f5fe;border-radius:2px}.cosmic-ai-input-placeholder{background-color:#f2f5fe;padding:2px 4px 2px 0;border-top-right-radius:2px;border-bottom-right-radius:2px}.cosmic-ai-input-selectPlaceholder,.cosmic-ai-input-datePickerPlaceholder{color:#b4c5fc}.cosmic-ai-input-rows1{min-height:auto}.cosmic-ai-input-rows2{min-height:46px}.cosmic-ai-input-rows3{min-height:69px}.cosmic-ai-input-rows4{min-height:92px}.cosmic-ai-input-selectFloatElement{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;overflow-y:auto;z-index:5000;max-width:240px}.cosmic-ai-input-selectFloatElement .selectOption{padding:8px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;box-sizing:border-box;word-wrap:break-word;word-break:break-all;display:flex;align-items:center;justify-content:space-between}.cosmic-ai-input-selectFloatElement .selectOption:last-child{border-bottom:none}.cosmic-ai-input-selectFloatElement .selectOption:hover{background-color:#f5f5f5}.cosmic-ai-input-selectFloatElement .selectOption.selected{background-color:#e6f0ff;color:#2356f6;font-weight:500}.cosmic-ai-input-selectFloatElement .selectOption.selected:after{content:"✓";color:#2356f6;padding-left:6px}.cosmic-ai-input-datePicker{position:absolute;z-index:5000}.cosmic-ai-input-datePicker input[type=date]{visibility:hidden;height:0!important;box-sizing:border-box;border:none!important;position:relative;top:-10px}.cosmic-ai-input-commonSlot{padding:2px 0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmic-ai-input",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "description": "A powerful AI conversation input component for React with TypeScript support",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",