@chenyomi/leafer-htmltext-edit 2.2.6 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +4 -4
- package/dist/index.mjs +4 -4
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var editor=require('@leafer-in/editor'),leaferUi=require('leafer-ui'),core=require('@leafer-ui/core'),y=require('quill');require('quill/dist/quill.core.css');var font=require('quill/formats/font'),x=require('crypto-js'),html=require('@leafer-in/html');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var y__default=/*#__PURE__*/_interopDefault(y);var x__default=/*#__PURE__*/_interopDefault(x);var f=async(t,e,n)=>{let{scaleX:i,scaleY:r}=t.worldTransform,l=Math.max(Math.abs(i),Math.abs(r)),a=document.querySelector("#textInnerEditor");if(a&&t.data.textData?.fontSize&&(a.style.fontSize=`${t.data.textData.fontSize*l}px`),a&&t.data.textData?.lineHeight&&(a.style.lineHeight=t.data.textData.lineHeight),a&&t.data.textData?.letterSpacing&&(a.style.letterSpacing=`${t.data.textData.letterSpacing}px`),a&&t.data.textData?.textShadow?a.style.textShadow=t.data.textData.textShadow:a.style.textShadow="none",a&&t.data.textData?.alignContent){let d=a.querySelector(".ql-editor");d.style.alignContent=t.data.textData.alignContent;}let s=c.getQuill().getSemanticHTML();if(s==="<p></p>"){t.text.includes("<style>@font-face")?t.text=t.text.split("</style>")[0]+"</style>":t.text="";return}if(t.text.includes("<style>@font-face")){let d=t.text.split("</style>")[0];if(n&&!d.includes(n)){let u=`@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=d+u+T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=d+"</style>"+T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else if(e&&n){let d=`<style>@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=d+T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);},T=(t,e,n=20.67,i=1.5,r=0,l="none",a="start")=>{let{scaleX:o,scaleY:s}=t.worldTransform,d=Math.max(Math.abs(o),Math.abs(s)),u=document.createElement("div");u.innerHTML=e;let v={fontSize:`${n}px`,lineHeight:i,letterSpacing:`${r}px`,textShadow:l};u.querySelectorAll("p,ol,ul").forEach(N=>{Object.assign(N.style,v);});let p=u.innerHTML;/<p\b[^>]*><\/p>/.test(p)&&(p=p.replace(/<p\b([^>]*)><\/p>/g,"<p$1> </p>")),/"/.test(p)&&(p=p.replace(/"/g,""));let h;document.querySelector("#textInnerEditor");let H=c.getQuill(),w=Number((H.scroll.domNode.scrollHeight/d).toFixed(0));Number((H.scroll.domNode.scrollWidth/d).toFixed(0));["center","end"].includes(t.data.textData.alignContent)?t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`:t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`;let b="<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>",g="";return t.parent.children[0].tag.includes("Shape")?g=b+`<div style="width: ${t.parent.width}px;height: ${t.parent.height}px;overflow-wrap:break-word;word-break:break-all;align-content:center;">${p}</div>`:t.data.canChangeBox?g=b+`<div style="width: ${t.parent.width}px;height:${h};overflow-wrap:break-word;word-break:break-all;align-content:${a};">${p}</div>`:t.data.textData.italic?g=b+p:g=b+`<div style="overflow-wrap:break-word;word-break:break-all;">${p}</div>`,console.log(g,"\u6700\u7EC8\u7684html\u5185\u5BB9"),g},St=(t,e,n)=>{let i=c.getQuill(),{editor:r,canvas:l}=c.getCanvas();if(!i)return;e===0&&(e="0");let a=i.selection.savedRange;c.dateEdit(async o=>{if(o.tag!=="HTMLText"){console.log("\u975EHtml\u6587\u672C\u5143\u7D20\u65E0\u6CD5\u4FEE\u6539");return}if(t==="font")r.innerEditing?(a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),o.data.textData.fontFamily=e,f(o,n??null,e??null)):(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),i.formatText(0,i.getLength()-1,t,e),o.data.textData.fontFamily=e,f(o,n??null,e??null));else if(t==="fontSize")o.data.textData[t]=e,c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),f(o,n??null);else if(t==="textCase"){if(r.innerEditing){let s=i.getText(a.index,a.length),d=i.getFormat(a.index,a.length);i.deleteText(a.index,a.length);let u;s===s.toUpperCase()&&/[A-Z]/.test(s)?u=s.toLowerCase():(s===s.toLowerCase()&&/[a-z]/.test(s),u=s.toUpperCase()),i.insertText(a.index,u,d),a&&r.innerEditing&&i.setSelection(a.index,a.length);}}else if(t==="script"){let s="sub";e==="super"&&(s="sup"),r.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,i.getFormat(a).script===e?false:s):i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:s):(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:s),f(o));}else if(t==="align")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),r.innerEditing?i.format(t,e):i.formatLine(0,i.getLength(),t,e),f(o);else if(t==="alignContent")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),o.data.textData[t]=e,f(o);else if(t==="lineHeight"||t==="letterSpacing")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),o.data.textData[t]=e,f(o);else if(t==="color")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),o.tag==="HTMLText"?f(o):o.parent.findOne("HTMLText")&&f(o.parent.findOne("HTMLText"));else if(t==="textShadow")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),o.data.textData[t]=e,f(o);else if(t==="list"){if(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),r.innerEditing){let[s]=i.getLine(a?.index||0);s.formats().list?i.format(t,false):i.format(t,e);}else {let[s]=i.getLine(a?.index||0);s.formats().list?i.formatLine(0,i.getLength(),t,false):i.formatLine(0,i.getLength(),t,e);}f(o);}else r.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,e===void 0?!i.getFormat(a)[t]:e):i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e):(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e),f(o));},1);};var Y=(t,e,n,i)=>{for(var r=e,l=t.length-1,a;l>=0;l--)(a=t[l])&&(r=(a(r))||r);return r},B=class extends editor.EditTool{constructor(t){super(t),this.quill=null,this.isUpdatingPoints=false,this.curveAmount=0,this.eventIds=[],this.updateBoxDebounced=this.debounce(e=>{f(e);},300);}get tag(){return "TextEditTool"}debounce(t,e){let n=null;return((...i)=>{n!==null&&window.clearTimeout(n),n=window.setTimeout(()=>t.apply(this,i),e);})}addEvent(){let{editor:t}=c.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,r=Math.max(Math.abs(n),Math.abs(i)),l=document.querySelector("#textInnerEditor"),{style:a}=l;this.eventIds=[t.on_(editor.EditorScaleEvent.SCALE,o=>{e.data.canChangeBox||(e.data.canChangeBox=true),e.data.canChangeBox&&(a.width=e.parent.width*r+"px",a.height="auto");let s=1;e.parent.tag==="HtmlText"&&e.parent.lockRatio&&e.data?.baseSize?.width&&(s=e.parent.width/e.data?.baseSize.width,e.data.textData.fontSize=e.data.textData.fontSize*s),e.data?.baseSize?.width&&(e.data.baseSize.width=e.parent.width),this.updateBoxDebounced(e);}),t.on_(leaferUi.PointerEvent.DOUBLE_TAP,()=>{e.parent.locked||t.openInnerEditor(e,true);})];}onLoad(){let{editor:t}=c.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,r=Math.max(Math.abs(n),Math.abs(i));this.addEvent(),this.quill=c.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(e.text);let l=document.querySelector("#textInnerEditor"),{style:a}=l;e.data.canChangeBox?(a.width=e.parent.width*r+"px",a.height=e.parent.height*r+"px"):(a.width="auto",a.height="auto");}updateChangeBoxBound(t){t&&t.set({width:t.__layout.boxBounds.width,height:t.__layout.boxBounds.height});}onUpdate(){let{editor:t}=c.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");e&&(console.log("\u6587\u672Cbound\u66F4\u65B0"),this.curveAmount!=e.curveAmount&&this.isUpdatingPoints);}onUnload(){let{editor:t}=c.getCanvas();t.off_(this.eventIds);}onDestroy(){}};B=Y([editor.registerEditTool()],B);var k=(t,e,n,i)=>{for(var r=e,l=t.length-1,a;l>=0;l--)(a=t[l])&&(r=(a(r))||r);return r},_=class extends editor.InnerEditor{constructor(){super(...arguments),this.config={selectAll:false},this.eventIds=[],this.selectText=void 0,this.inBody=void 0,this.isHTMLText=void 0,this._keyEvent=void 0,this.quill=null,this.isComposing=false,this.onInput=async()=>{let{editDom:t}=this;f(this.editTarget);},this.isUpdatingPoints=false;}get tag(){return "TextEditor"}onLoad(){let{editor:t}=this,{config:e}=t.app,n=this.editTarget,{scaleX:i,scaleY:r}=n.worldTransform,l=Math.max(Math.abs(i),Math.abs(r));this.isHTMLText=!(n instanceof Text),this._keyEvent=e.keyEvent,e.keyEvent=false;let a=this.editDom=document.querySelector("#textInnerEditor"),{style:o}=a;if(o.visibility="visible",n.data.canChangeBox?(o.width=n.parent.width*l+"px",o.height=n.parent.height*l+"px"):(o.width="auto",o.height="auto"),o.outline="solid #8499EF",n.data.textData.fontSize&&(a.style.fontSize=`${n.data.textData.fontSize*l}px`),n.data.textData.lineHeight&&(a.style.lineHeight=n.data.textData.lineHeight),n.data.textData.letterSpacing&&(a.style.letterSpacing=`${n.data.textData.letterSpacing}px`),n.data.textData.textShadow?a.style.textShadow=`${n.data.textData.textShadow}`:a.style.textShadow="none",n.data.textData.alignContent){let s=a.querySelector(".ql-editor");s.style.alignContent=`${n.data.textData.alignContent}`;}this.quill=c.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(n.text),n.parent.children[0].tag.includes("Shape")?(o.width=n.parent.width*l+"px",o.left="0px",this.quill.formatLine(0,this.quill.getLength(),"align","center")):this.quill.setSelection(0,this.quill.getLength()-1),this.quill.on("text-change",this.onInput),this.eventIds=[t.app.on_(core.PointerEvent.DOWN,s=>{let{target:d}=s.origin,u=false;for(;d;)d===a&&(u=true),d=d.parentElement;u||(t.closeInnerEditor(),t.cancel());})];}onUpdate(){let{editTarget:t}=this,{scaleX:e,scaleY:n}=t.worldTransform,i=Math.max(Math.abs(e),Math.abs(n)),{width:r,height:l}=t.parent.__local;r*=i,l*=i;let{x:a,y:o}=this.inBody?t.app.clientBounds:t.app.tree.clientBounds,{a:s,b:d,c:u,d:v,e:p,f:h}=new core.Matrix(t.worldTransform).scale(1/i).translateInner(0,0),{style:S}=this.editDom;S.transform=`matrix(${s},${d},${u},${v},${p},${h})`,S.left=a+"px",S.top=o+"px",t.set({visible:false});}onUnload(){let{editTarget:t,editor:e,editDom:n}=this;t&&(this.onInput(),e.app&&(e.app.config.keyEvent=this._keyEvent),e.off_(this.eventIds),this.editDom.style.visibility="hidden",this.eventIds=[]),t.parent&&t.parent.name=="Text"&&t.parent.children.some(i=>i.tag==="Box")?(t.parent.findOne("Box").opacity=1,t.visible=false):t.set({visible:true}),this.quill.getLength()===1&&t.parent.name==="Text"&&t.parent.remove(),this.quill.off("text-change",this.onInput);}};_=k([editor.registerInnerEditor()],_);function D(t,{insertAt:e}={}){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",e==="top"&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t));}D(`.ql-editor{padding:0!important;line-height:unset!important;overflow:unset!important;outline:0}.ql-container{font-family:unset!important}.ql-editor p{margin:0!important}.ql-editor sub,.ql-editor sup{font-size:63%}.ql-editor sup{top:-.58em}.ql-editor sub{bottom:-.38em}.ql-editor ol{padding-left:0!important}
|
|
2
|
-
`);var
|
|
3
|
-
`,
|
|
4
|
-
rflow-wrap:break-word;word-break:break-all;"><p style="font-size: ${n}px; line-height: ${
|
|
1
|
+
'use strict';var editor=require('@leafer-in/editor'),leaferUi=require('leafer-ui'),m=require('crypto-js'),core=require('@leafer-ui/core'),S=require('quill');require('quill/dist/quill.core.css');var font=require('quill/formats/font'),html=require('@leafer-in/html');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var m__default=/*#__PURE__*/_interopDefault(m);var S__default=/*#__PURE__*/_interopDefault(S);function _(t){let i=new DOMParser().parseFromString(t,"text/html").body;function o(r){if(r.nodeType===Node.TEXT_NODE){let l=r.textContent;return l?Array.from(l).map(u=>document.createTextNode(u)):[]}else if(r.nodeType===Node.ELEMENT_NODE){let l=[];for(let c of Array.from(r.childNodes))o(c).forEach((g,p)=>{let h=r.cloneNode(false);h.appendChild(g),l.push(h);});return l}return []}let s=[];for(let r of Array.from(i.childNodes)){let l=o(r);s.push(...l);}let a=document.createElement("div");return s.forEach((r,l)=>{a.appendChild(r);}),a.innerHTML}var A="LS0tLS1CRUdJTiBQVUJMSUMgS0VZLS0tLS0KTUlJQklqQU5CZ2txaGtpRzl3MEJBUUVGQUFPQ0FROEFNSUlCQ2dLQ0FRRUFxaUFnU1hWM3dMKzh2YkZ2OVkwQwpEN1dBUjhPa2I4bjlmTWxpQjF3enZodTBrdVdZUWEvMUxvVDhHWVh6WWlRQVFBRk9zTTA0MGp2dlNRT2hRSWpiCjRaYXZ1NHUvWVA5bElPYjFKYnZnYkFoYVVOQnphL0l2UmFnaFlKYTJBc1cyRVhnZkVrdmMyUENNMS9zbVlFNnoKNjZiUmx1dnREK3FJZkpLVCtUUXJRRmp5TnNTZ0c2Z2R4MThrZTRMSStBejFPcklMbUsyMHlBU2tlRXpYT1BTVAplM3RNYThleHpZdmUzV0wyNHRHUHg5WHNvN1JyUEl1elZlajh0NDYrZ0c1Y0pQaVh0N1lqa0V2NEJOUUt5eUpoCkltOVRJdVZ6clFpa2NJNE14dExNSGdUMHpLcU9ZZ1NzcmEvTHNDd2ZOdzdtYWxITkU2c21YZWYyQ2E5RGhZODQKS1FJREFRQUIKLS0tLS1FTkQgUFVCTElDIEtFWS0tLS0tCg==";function Y(t){let e=t.replace(/-----BEGIN PUBLIC KEY-----/,"").replace(/-----END PUBLIC KEY-----/,"").replace(/\s/g,"");return F(e)}function F(t){let e=atob(t),n=new Uint8Array(e.length);for(let i=0;i<e.length;i++)n[i]=e.charCodeAt(i);return n.buffer}async function K(){let t=atob(A),e=Y(t);return await crypto.subtle.importKey("spki",e,{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},false,["verify"])}async function P(t,e){try{let n=await K(),i=new TextEncoder().encode(t),o=F(e);return await crypto.subtle.verify("RSASSA-PKCS1-v1_5",n,o,i)}catch(n){return console.error("[RSA] Signature verification failed:",n),false}}var U="c19496eb17719960b6c3cebab0ef5eddfce5d0315ab8c5af86a52fbda434fea9",I="ce1e3e8974f1392b3c5803b34ecf659f";function N(t){try{let e=m__default.default.enc.Hex.parse(U),n=m__default.default.enc.Hex.parse(I),o=m__default.default.AES.decrypt(t,e,{iv:n,mode:m__default.default.mode.CBC,padding:m__default.default.pad.Pkcs7}).toString(m__default.default.enc.Utf8);if(!o)throw new Error("Decryption resulted in empty string - invalid ciphertext or wrong key");return o}catch(e){throw console.error("[AES] Decryption failed:",e),e}}async function Q(t){try{let e=atob(t),n=JSON.parse(e);if(!n.data||!n.signature||!await P(n.data,n.signature))return null;let o=n.data;if(n.encrypted)try{o=N(n.data);}catch{return null}return JSON.parse(o)}catch{return null}}function Z(t){if(!t||t.length===0)return true;let e=window.location.hostname;if(e==="localhost"||e==="127.0.0.1")return console.log("[License] Local development environment detected"),true;let n=t.some(i=>{if(i.startsWith("*.")){let o=i.slice(2);return e.endsWith(o)}return e===i});return n||(console.error(`[License] Domain not authorized: ${e}`),console.error("[License] Allowed domains:",t)),n}function W(t){if(!t)return true;try{let e=new Date(t),n=new Date;if(n>=e)return console.error(`[License] License has expired on ${t}`),!1;let i=Math.ceil((e.getTime()-n.getTime())/(1e3*60*60*24));return i<=7&&console.warn(`[License] License will expire in ${i} days`),!0}catch{return console.error("[License] Invalid expire date format:",t),false}}function j(t){if(!t)return true;try{return new Date(t)>new Date?(console.error("[License] License issue date is in the future"),!1):!0}catch{return true}}async function D(t){try{let e=await Q(t);return e?j(e.issueDate)?Z(e.domains)?W(e.expireDate)?{valid:!0,data:e}:{valid:!1,error:"License has expired",data:e}:{valid:!1,error:`License not valid for domain: ${window.location.hostname}`,data:e}:{valid:!1,error:"Invalid license issue date",data:e}:{valid:!1,error:"Invalid license key or signature verification failed"}}catch(e){return console.error("[License] Validation error:",e),{valid:false,error:"License validation failed"}}}var E=null,L=null,y=false;async function J(t){console.log("[License] Activating license...");let e=await D(t);return e.valid&&e.data?(E=t,L=e.data,y=true,console.log("[License] \u2705 License activated successfully"),console.log(`[License] Valid until: ${e.data.expireDate||"unlimited"}`),true):(E=null,L=null,y=false,console.error("[License] \u274C License activation failed:",e.error),false)}async function M(){if(!E)return console.warn("[License] No license key provided"),false;if(!y)return console.warn("[License] License is not valid"),false;let t=await D(E);return y=t.valid,y||(console.error("[License] License validation failed:",t.error),L=null),y}function C(){return L}var f=async(t,e,n)=>{let{scaleX:i,scaleY:o}=t.worldTransform,s=Math.max(Math.abs(i),Math.abs(o)),a=document.querySelector("#textInnerEditor");if(a&&t.data.textData?.fontSize&&(a.style.fontSize=`${t.data.textData.fontSize*s}px`),a&&t.data.textData?.lineHeight&&(a.style.lineHeight=t.data.textData.lineHeight),a&&t.data.textData?.letterSpacing&&(a.style.letterSpacing=`${t.data.textData.letterSpacing}px`),a&&t.data.textData?.textShadow?a.style.textShadow=t.data.textData.textShadow:a.style.textShadow="none",a&&t.data.textData?.alignContent){let c=a.querySelector(".ql-editor");c.style.alignContent=t.data.textData.alignContent;}let l=d.getQuill().getSemanticHTML();if(l==="<p></p>"){t.text.includes("<style>@font-face")?t.text=t.text.split("</style>")[0]+"</style>":t.text="";return}if(t.text.includes("<style>@font-face")){let c=t.text.split("</style>")[0];if(n&&!c.includes(n)){let u=`@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=c+u+v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=c+"</style>"+v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else if(e&&n){let c=`<style>@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=c+v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);},v=(t,e,n=20.67,i=1.5,o=0,s="none",a="start")=>{let{scaleX:r,scaleY:l}=t.worldTransform,c=Math.max(Math.abs(r),Math.abs(l)),u=document.createElement("div");u.innerHTML=e;let g={fontSize:`${n}px`,lineHeight:i,letterSpacing:`${o}px`,textShadow:s};u.querySelectorAll("p,ol,ul").forEach(O=>{Object.assign(O.style,g);});let p=u.innerHTML;/<p\b[^>]*><\/p>/.test(p)&&(p=p.replace(/<p\b([^>]*)><\/p>/g,"<p$1> </p>")),/"/.test(p)&&(p=p.replace(/"/g,""));let h;document.querySelector("#textInnerEditor");let B=d.getQuill(),w=Number((B.scroll.domNode.scrollHeight/c).toFixed(0));Number((B.scroll.domNode.scrollWidth/c).toFixed(0));["center","end"].includes(t.data.textData.alignContent)?t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`:t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`;let b="<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>",x="";return t.parent.children[0].tag.includes("Shape")?x=b+`<div style="width: ${t.parent.width}px;height: ${t.parent.height}px;overflow-wrap:break-word;word-break:break-all;align-content:center;">${p}</div>`:t.data.canChangeBox?x=b+`<div style="width: ${t.parent.width}px;height:${h};overflow-wrap:break-word;word-break:break-all;align-content:${a};">${p}</div>`:t.data.textData.italic?x=b+p:x=b+`<div style="overflow-wrap:break-word;word-break:break-all;">${p}</div>`,console.log(x,"\u6700\u7EC8\u7684html\u5185\u5BB9"),x},Ut=(t,e,n)=>{let i=d.getQuill(),{editor:o,canvas:s}=d.getCanvas();if(!i)return;e===0&&(e="0");let a=i.selection.savedRange;d.dateEdit(async r=>{if(r.tag!=="HTMLText"){console.log("\u975EHtml\u6587\u672C\u5143\u7D20\u65E0\u6CD5\u4FEE\u6539");return}if(t==="font")o.innerEditing?(a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),r.data.textData.fontFamily=e,f(r,n??null,e??null)):(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),i.formatText(0,i.getLength()-1,t,e),r.data.textData.fontFamily=e,f(r,n??null,e??null));else if(t==="fontSize")r.data.textData[t]=e,d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),f(r,n??null);else if(t==="textCase"){if(o.innerEditing){let l=i.getText(a.index,a.length),c=i.getFormat(a.index,a.length);i.deleteText(a.index,a.length);let u;l===l.toUpperCase()&&/[A-Z]/.test(l)?u=l.toLowerCase():(l===l.toLowerCase()&&/[a-z]/.test(l),u=l.toUpperCase()),i.insertText(a.index,u,c),a&&o.innerEditing&&i.setSelection(a.index,a.length);}}else if(t==="script"){let l="sub";e==="super"&&(l="sup"),o.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,i.getFormat(a).script===e?false:l):i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:l):(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:l),f(r));}else if(t==="align")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),o.innerEditing?i.format(t,e):i.formatLine(0,i.getLength(),t,e),f(r);else if(t==="alignContent")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),r.data.textData[t]=e,f(r);else if(t==="lineHeight"||t==="letterSpacing")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),r.data.textData[t]=e,f(r);else if(t==="color")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),r.tag==="HTMLText"?f(r):r.parent.findOne("HTMLText")&&f(r.parent.findOne("HTMLText"));else if(t==="textShadow")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),r.data.textData[t]=e,f(r);else if(t==="list"){if(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),o.innerEditing){let[l]=i.getLine(a?.index||0);l.formats().list?i.format(t,false):i.format(t,e);}else {let[l]=i.getLine(a?.index||0);l.formats().list?i.formatLine(0,i.getLength(),t,false):i.formatLine(0,i.getLength(),t,e);}f(r);}else if(t==="textVertical"){let l=C();if(l&&l?.features?.length&&l?.features?.includes("textVertical")){i.clipboard.dangerouslyPasteHTML(r.text);let c=i.getSemanticHTML();i.clipboard.dangerouslyPasteHTML(_(c)),r.data.textData.align="center",f(r);}}else o.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,e===void 0?!i.getFormat(a)[t]:e):i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e):(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e),f(r));},1);};var G=(t,e,n,i)=>{for(var o=e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(a(o))||o);return o},z=class extends editor.EditTool{constructor(t){super(t),this.quill=null,this.isUpdatingPoints=false,this.curveAmount=0,this.eventIds=[],this.updateBoxDebounced=this.debounce(e=>{f(e);},300);}get tag(){return "TextEditTool"}debounce(t,e){let n=null;return((...i)=>{n!==null&&window.clearTimeout(n),n=window.setTimeout(()=>t.apply(this,i),e);})}addEvent(){let{editor:t}=d.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,o=Math.max(Math.abs(n),Math.abs(i)),s=document.querySelector("#textInnerEditor"),{style:a}=s;this.eventIds=[t.on_(editor.EditorScaleEvent.SCALE,r=>{e.data.canChangeBox||(e.data.canChangeBox=true),e.data.canChangeBox&&(a.width=e.parent.width*o+"px",a.height="auto");let l=1;e.parent.tag==="HtmlText"&&e.parent.lockRatio&&e.data?.baseSize?.width&&(l=e.parent.width/e.data?.baseSize.width,e.data.textData.fontSize=e.data.textData.fontSize*l),e.data?.baseSize?.width&&(e.data.baseSize.width=e.parent.width),this.updateBoxDebounced(e);}),t.on_(leaferUi.PointerEvent.DOUBLE_TAP,()=>{e.parent.locked||t.openInnerEditor(e,true);})];}onLoad(){let{editor:t}=d.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,o=Math.max(Math.abs(n),Math.abs(i));this.addEvent(),this.quill=d.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(e.text);let s=document.querySelector("#textInnerEditor"),{style:a}=s;e.data.canChangeBox?(a.width=e.parent.width*o+"px",a.height=e.parent.height*o+"px"):(a.width="auto",a.height="auto");}updateChangeBoxBound(t){t&&t.set({width:t.__layout.boxBounds.width,height:t.__layout.boxBounds.height});}onUpdate(){let{editor:t}=d.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");e&&(console.log("\u6587\u672Cbound\u66F4\u65B0"),this.curveAmount!=e.curveAmount&&this.isUpdatingPoints);}onUnload(){let{editor:t}=d.getCanvas();t.off_(this.eventIds);}onDestroy(){}};z=G([editor.registerEditTool()],z);var ot=(t,e,n,i)=>{for(var o=e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(a(o))||o);return o},V=class extends editor.InnerEditor{constructor(){super(...arguments),this.config={selectAll:false},this.eventIds=[],this.selectText=void 0,this.inBody=void 0,this.isHTMLText=void 0,this._keyEvent=void 0,this.quill=null,this.isComposing=false,this.onInput=async()=>{let{editDom:t}=this;f(this.editTarget);},this.isUpdatingPoints=false;}get tag(){return "TextEditor"}onLoad(){let{editor:t}=this,{config:e}=t.app,n=this.editTarget,{scaleX:i,scaleY:o}=n.worldTransform,s=Math.max(Math.abs(i),Math.abs(o));this.isHTMLText=!(n instanceof Text),this._keyEvent=e.keyEvent,e.keyEvent=false;let a=this.editDom=document.querySelector("#textInnerEditor"),{style:r}=a;if(r.visibility="visible",n.data.canChangeBox?(r.width=n.parent.width*s+"px",r.height=n.parent.height*s+"px"):(r.width="auto",r.height="auto"),r.outline="solid #8499EF",n.data.textData.fontSize&&(a.style.fontSize=`${n.data.textData.fontSize*s}px`),n.data.textData.lineHeight&&(a.style.lineHeight=n.data.textData.lineHeight),n.data.textData.letterSpacing&&(a.style.letterSpacing=`${n.data.textData.letterSpacing}px`),n.data.textData.textShadow?a.style.textShadow=`${n.data.textData.textShadow}`:a.style.textShadow="none",n.data.textData.alignContent){let l=a.querySelector(".ql-editor");l.style.alignContent=`${n.data.textData.alignContent}`;}this.quill=d.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(n.text),n.parent.children[0].tag.includes("Shape")?(r.width=n.parent.width*s+"px",r.left="0px",this.quill.formatLine(0,this.quill.getLength(),"align","center")):this.quill.setSelection(0,this.quill.getLength()-1),this.quill.on("text-change",this.onInput),this.eventIds=[t.app.on_(core.PointerEvent.DOWN,l=>{let{target:c}=l.origin,u=false;for(;c;)c===a&&(u=true),c=c.parentElement;u||(t.closeInnerEditor(),t.cancel());})];}onUpdate(){let{editTarget:t}=this,{scaleX:e,scaleY:n}=t.worldTransform,i=Math.max(Math.abs(e),Math.abs(n)),{width:o,height:s}=t.parent.__local;o*=i,s*=i;let{x:a,y:r}=this.inBody?t.app.clientBounds:t.app.tree.clientBounds,{a:l,b:c,c:u,d:g,e:p,f:h}=new core.Matrix(t.worldTransform).scale(1/i).translateInner(0,0),{style:T}=this.editDom;T.transform=`matrix(${l},${c},${u},${g},${p},${h})`,T.left=a+"px",T.top=r+"px",t.set({visible:false});}onUnload(){let{editTarget:t,editor:e,editDom:n}=this;t&&(this.onInput(),e.app&&(e.app.config.keyEvent=this._keyEvent),e.off_(this.eventIds),this.editDom.style.visibility="hidden",this.eventIds=[]),t.parent&&t.parent.name=="Text"&&t.parent.children.some(i=>i.tag==="Box")?(t.parent.findOne("Box").opacity=1,t.visible=false):t.set({visible:true}),this.quill.getLength()===1&&t.parent.name==="Text"&&t.parent.remove(),this.quill.off("text-change",this.onInput);}};V=ot([editor.registerInnerEditor()],V);function q(t,{insertAt:e}={}){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",e==="top"&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t));}q(`.ql-editor{padding:0!important;line-height:unset!important;overflow:unset!important;outline:0}.ql-container{font-family:unset!important}.ql-editor p{margin:0!important}.ql-editor sub,.ql-editor sup{font-size:63%}.ql-editor sup{top:-.58em}.ql-editor sub{bottom:-.38em}.ql-editor ol{padding-left:0!important}
|
|
2
|
+
`);var H=class t{constructor(){this.quill=null,this.app_=null;}static getInstance(){return t.instance||(t.instance=new t),t.instance}async init(e){if(!await M())throw new Error("[HtmlTextManage] \u6388\u6743\u5931\u8D25\u8BF7\u8054\u7CFB\u4F5C\u8005\u83B7\u53D6\u6388\u6743 \u90AE\u7BB1 : 408550179@qq.com \u5FAE\u4FE1 : cym5640");if(this.app_=e,this.quill)return this.quill;let i=document.getElementById("textInnerEditor");if(i)this.quill=this.app_.editor.quill;else return i=document.createElement("div"),i.id="textInnerEditor",i.style.position="fixed",i.style.transformOrigin="left top",i.style.overflowWrap="break-word",i.style.wordBreak="break-all",i.style.visibility="hidden",document.body.appendChild(i),this.quill=new S__default.default("#textInnerEditor",{theme:void 0,modules:{toolbar:false,keyboard:{bindings:{enter:{key:"Enter",handler:o=>{let[s]=this.quill.getLine(o.index),a=S__default.default.import("blots/block");if(!a?.bubbleFormats)return true;let r=a.bubbleFormats(s),l=new S.Delta().retain(o.index).delete(o.length).insert(`
|
|
3
|
+
`,r);return this.quill.updateContents(l,S__default.default.sources.USER),this.quill.setSelection(o.index+1,S__default.default.sources.SILENT),false}}}}}}),this.app_.editor.quill=this.quill,this.registerFonts(),this.quill}getQuill(){if(!this.quill)throw new Error("Quill editor not initialized. Call init() first.");return this.quill}getCanvas(){if(!this.app_)throw new Error("app_ editor not initialized. Call init() first.");return this.app_}getSelection(){return console.log(this.quill?.selection.savedRange,"this.quill?.selection.savedRange"),this.quill?.selection.savedRange}registerFonts(){font.FontStyle.whitelist=void 0,S__default.default.register("formats/font",font.FontStyle,true);}isMultiSelect(){return this.app_.editor?this.app_.editor.multiple===true:false}dateEdit(e,n=0,i){let{editor:o}=this.app_,s=i||o.leafList.list,a=r=>{n&&(r.tag==="Box"||r.name==="Text")?e(r.children?.[0]||r):e(r);};s.length&&(Array.isArray(s)&&s.length>1?(this.app_.lockLayout(),s.forEach(a),this.app_.unlockLayout(),o.updateEditBox()):a(s[0]));}},d=H.getInstance();var ht=(t,e,n,i)=>{for(var o=e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(a(o))||o);return o};exports.HtmlText=class R extends core.Box{get __tag(){return "HtmlText"}constructor(t){let{text:e,fontSize:n,fontFamily:i,lineHeight:o,letterSpacing:s,textShadow:a,alignContent:r,...l}=t||{};super({editOuter:"TextEditTool",name:"HtmlText",x:0,y:0,editable:true,draggable:true,overflow:"show",...l}),t&&this.createTextElement(t);}createTextElement(t){let{text:e,fontSize:n,fontFamily:i,lineHeight:o,letterSpacing:s,textShadow:a,alignContent:r}=t,l="<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>",c=`<div style="ove
|
|
4
|
+
rflow-wrap:break-word;word-break:break-all;"><p style="font-size: ${n}px; line-height: ${o}; letter-spacing: ${s}px; text-shadow: ${a};"><strong>Hello World</strong></p></div>`;if(t.children?.length>0)return;let u=new html.HTMLText({name:"Text",text:l+(e||c),x:0,y:0,data:{canChangeBox:false,textData:{fontFamily:i,fontSize:n,lineHeight:o,letterSpacing:s||0,textShadow:a,alignContent:r}},editConfig:{selectedStyle:{strokeWidth:0}}});this.add(u);}};exports.HtmlText=ht([core.registerUI()],exports.HtmlText);exports.checkLicense=M;exports.getLicenseInfo=C;exports.htmlTextManage=d;exports.setHTMLText=Ut;exports.setLicense=J;exports.updataHtmlText=f;
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {registerEditTool,registerInnerEditor,EditTool,EditorScaleEvent,InnerEditor}from'@leafer-in/editor';import {PointerEvent}from'leafer-ui';import {registerUI,Box,PointerEvent as PointerEvent$1,Matrix}from'@leafer-ui/core';import y,{Delta}from'quill';import'quill/dist/quill.core.css';import {FontStyle}from'quill/formats/font';import x from'crypto-js';import {HTMLText}from'@leafer-in/html';var f=async(t,e,n)=>{let{scaleX:i,scaleY:r}=t.worldTransform,l=Math.max(Math.abs(i),Math.abs(r)),a=document.querySelector("#textInnerEditor");if(a&&t.data.textData?.fontSize&&(a.style.fontSize=`${t.data.textData.fontSize*l}px`),a&&t.data.textData?.lineHeight&&(a.style.lineHeight=t.data.textData.lineHeight),a&&t.data.textData?.letterSpacing&&(a.style.letterSpacing=`${t.data.textData.letterSpacing}px`),a&&t.data.textData?.textShadow?a.style.textShadow=t.data.textData.textShadow:a.style.textShadow="none",a&&t.data.textData?.alignContent){let d=a.querySelector(".ql-editor");d.style.alignContent=t.data.textData.alignContent;}let s=c.getQuill().getSemanticHTML();if(s==="<p></p>"){t.text.includes("<style>@font-face")?t.text=t.text.split("</style>")[0]+"</style>":t.text="";return}if(t.text.includes("<style>@font-face")){let d=t.text.split("</style>")[0];if(n&&!d.includes(n)){let u=`@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=d+u+T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=d+"</style>"+T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else if(e&&n){let d=`<style>@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=d+T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=T(t,s,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);},T=(t,e,n=20.67,i=1.5,r=0,l="none",a="start")=>{let{scaleX:o,scaleY:s}=t.worldTransform,d=Math.max(Math.abs(o),Math.abs(s)),u=document.createElement("div");u.innerHTML=e;let v={fontSize:`${n}px`,lineHeight:i,letterSpacing:`${r}px`,textShadow:l};u.querySelectorAll("p,ol,ul").forEach(N=>{Object.assign(N.style,v);});let p=u.innerHTML;/<p\b[^>]*><\/p>/.test(p)&&(p=p.replace(/<p\b([^>]*)><\/p>/g,"<p$1> </p>")),/"/.test(p)&&(p=p.replace(/"/g,""));let h;document.querySelector("#textInnerEditor");let H=c.getQuill(),w=Number((H.scroll.domNode.scrollHeight/d).toFixed(0));Number((H.scroll.domNode.scrollWidth/d).toFixed(0));["center","end"].includes(t.data.textData.alignContent)?t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`:t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`;let b="<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>",g="";return t.parent.children[0].tag.includes("Shape")?g=b+`<div style="width: ${t.parent.width}px;height: ${t.parent.height}px;overflow-wrap:break-word;word-break:break-all;align-content:center;">${p}</div>`:t.data.canChangeBox?g=b+`<div style="width: ${t.parent.width}px;height:${h};overflow-wrap:break-word;word-break:break-all;align-content:${a};">${p}</div>`:t.data.textData.italic?g=b+p:g=b+`<div style="overflow-wrap:break-word;word-break:break-all;">${p}</div>`,console.log(g,"\u6700\u7EC8\u7684html\u5185\u5BB9"),g},St=(t,e,n)=>{let i=c.getQuill(),{editor:r,canvas:l}=c.getCanvas();if(!i)return;e===0&&(e="0");let a=i.selection.savedRange;c.dateEdit(async o=>{if(o.tag!=="HTMLText"){console.log("\u975EHtml\u6587\u672C\u5143\u7D20\u65E0\u6CD5\u4FEE\u6539");return}if(t==="font")r.innerEditing?(a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),o.data.textData.fontFamily=e,f(o,n??null,e??null)):(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),i.formatText(0,i.getLength()-1,t,e),o.data.textData.fontFamily=e,f(o,n??null,e??null));else if(t==="fontSize")o.data.textData[t]=e,c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),f(o,n??null);else if(t==="textCase"){if(r.innerEditing){let s=i.getText(a.index,a.length),d=i.getFormat(a.index,a.length);i.deleteText(a.index,a.length);let u;s===s.toUpperCase()&&/[A-Z]/.test(s)?u=s.toLowerCase():(s===s.toLowerCase()&&/[a-z]/.test(s),u=s.toUpperCase()),i.insertText(a.index,u,d),a&&r.innerEditing&&i.setSelection(a.index,a.length);}}else if(t==="script"){let s="sub";e==="super"&&(s="sup"),r.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,i.getFormat(a).script===e?false:s):i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:s):(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:s),f(o));}else if(t==="align")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),r.innerEditing?i.format(t,e):i.formatLine(0,i.getLength(),t,e),f(o);else if(t==="alignContent")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),o.data.textData[t]=e,f(o);else if(t==="lineHeight"||t==="letterSpacing")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),o.data.textData[t]=e,f(o);else if(t==="color")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),o.tag==="HTMLText"?f(o):o.parent.findOne("HTMLText")&&f(o.parent.findOne("HTMLText"));else if(t==="textShadow")c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),o.data.textData[t]=e,f(o);else if(t==="list"){if(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),r.innerEditing){let[s]=i.getLine(a?.index||0);s.formats().list?i.format(t,false):i.format(t,e);}else {let[s]=i.getLine(a?.index||0);s.formats().list?i.formatLine(0,i.getLength(),t,false):i.formatLine(0,i.getLength(),t,e);}f(o);}else r.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,e===void 0?!i.getFormat(a)[t]:e):i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e):(c.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(o.text),i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e),f(o));},1);};var Y=(t,e,n,i)=>{for(var r=e,l=t.length-1,a;l>=0;l--)(a=t[l])&&(r=(a(r))||r);return r},B=class extends EditTool{constructor(t){super(t),this.quill=null,this.isUpdatingPoints=false,this.curveAmount=0,this.eventIds=[],this.updateBoxDebounced=this.debounce(e=>{f(e);},300);}get tag(){return "TextEditTool"}debounce(t,e){let n=null;return((...i)=>{n!==null&&window.clearTimeout(n),n=window.setTimeout(()=>t.apply(this,i),e);})}addEvent(){let{editor:t}=c.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,r=Math.max(Math.abs(n),Math.abs(i)),l=document.querySelector("#textInnerEditor"),{style:a}=l;this.eventIds=[t.on_(EditorScaleEvent.SCALE,o=>{e.data.canChangeBox||(e.data.canChangeBox=true),e.data.canChangeBox&&(a.width=e.parent.width*r+"px",a.height="auto");let s=1;e.parent.tag==="HtmlText"&&e.parent.lockRatio&&e.data?.baseSize?.width&&(s=e.parent.width/e.data?.baseSize.width,e.data.textData.fontSize=e.data.textData.fontSize*s),e.data?.baseSize?.width&&(e.data.baseSize.width=e.parent.width),this.updateBoxDebounced(e);}),t.on_(PointerEvent.DOUBLE_TAP,()=>{e.parent.locked||t.openInnerEditor(e,true);})];}onLoad(){let{editor:t}=c.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,r=Math.max(Math.abs(n),Math.abs(i));this.addEvent(),this.quill=c.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(e.text);let l=document.querySelector("#textInnerEditor"),{style:a}=l;e.data.canChangeBox?(a.width=e.parent.width*r+"px",a.height=e.parent.height*r+"px"):(a.width="auto",a.height="auto");}updateChangeBoxBound(t){t&&t.set({width:t.__layout.boxBounds.width,height:t.__layout.boxBounds.height});}onUpdate(){let{editor:t}=c.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");e&&(console.log("\u6587\u672Cbound\u66F4\u65B0"),this.curveAmount!=e.curveAmount&&this.isUpdatingPoints);}onUnload(){let{editor:t}=c.getCanvas();t.off_(this.eventIds);}onDestroy(){}};B=Y([registerEditTool()],B);var k=(t,e,n,i)=>{for(var r=e,l=t.length-1,a;l>=0;l--)(a=t[l])&&(r=(a(r))||r);return r},_=class extends InnerEditor{constructor(){super(...arguments),this.config={selectAll:false},this.eventIds=[],this.selectText=void 0,this.inBody=void 0,this.isHTMLText=void 0,this._keyEvent=void 0,this.quill=null,this.isComposing=false,this.onInput=async()=>{let{editDom:t}=this;f(this.editTarget);},this.isUpdatingPoints=false;}get tag(){return "TextEditor"}onLoad(){let{editor:t}=this,{config:e}=t.app,n=this.editTarget,{scaleX:i,scaleY:r}=n.worldTransform,l=Math.max(Math.abs(i),Math.abs(r));this.isHTMLText=!(n instanceof Text),this._keyEvent=e.keyEvent,e.keyEvent=false;let a=this.editDom=document.querySelector("#textInnerEditor"),{style:o}=a;if(o.visibility="visible",n.data.canChangeBox?(o.width=n.parent.width*l+"px",o.height=n.parent.height*l+"px"):(o.width="auto",o.height="auto"),o.outline="solid #8499EF",n.data.textData.fontSize&&(a.style.fontSize=`${n.data.textData.fontSize*l}px`),n.data.textData.lineHeight&&(a.style.lineHeight=n.data.textData.lineHeight),n.data.textData.letterSpacing&&(a.style.letterSpacing=`${n.data.textData.letterSpacing}px`),n.data.textData.textShadow?a.style.textShadow=`${n.data.textData.textShadow}`:a.style.textShadow="none",n.data.textData.alignContent){let s=a.querySelector(".ql-editor");s.style.alignContent=`${n.data.textData.alignContent}`;}this.quill=c.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(n.text),n.parent.children[0].tag.includes("Shape")?(o.width=n.parent.width*l+"px",o.left="0px",this.quill.formatLine(0,this.quill.getLength(),"align","center")):this.quill.setSelection(0,this.quill.getLength()-1),this.quill.on("text-change",this.onInput),this.eventIds=[t.app.on_(PointerEvent$1.DOWN,s=>{let{target:d}=s.origin,u=false;for(;d;)d===a&&(u=true),d=d.parentElement;u||(t.closeInnerEditor(),t.cancel());})];}onUpdate(){let{editTarget:t}=this,{scaleX:e,scaleY:n}=t.worldTransform,i=Math.max(Math.abs(e),Math.abs(n)),{width:r,height:l}=t.parent.__local;r*=i,l*=i;let{x:a,y:o}=this.inBody?t.app.clientBounds:t.app.tree.clientBounds,{a:s,b:d,c:u,d:v,e:p,f:h}=new Matrix(t.worldTransform).scale(1/i).translateInner(0,0),{style:S}=this.editDom;S.transform=`matrix(${s},${d},${u},${v},${p},${h})`,S.left=a+"px",S.top=o+"px",t.set({visible:false});}onUnload(){let{editTarget:t,editor:e,editDom:n}=this;t&&(this.onInput(),e.app&&(e.app.config.keyEvent=this._keyEvent),e.off_(this.eventIds),this.editDom.style.visibility="hidden",this.eventIds=[]),t.parent&&t.parent.name=="Text"&&t.parent.children.some(i=>i.tag==="Box")?(t.parent.findOne("Box").opacity=1,t.visible=false):t.set({visible:true}),this.quill.getLength()===1&&t.parent.name==="Text"&&t.parent.remove(),this.quill.off("text-change",this.onInput);}};_=k([registerInnerEditor()],_);function D(t,{insertAt:e}={}){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",e==="top"&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t));}D(`.ql-editor{padding:0!important;line-height:unset!important;overflow:unset!important;outline:0}.ql-container{font-family:unset!important}.ql-editor p{margin:0!important}.ql-editor sub,.ql-editor sup{font-size:63%}.ql-editor sup{top:-.58em}.ql-editor sub{bottom:-.38em}.ql-editor ol{padding-left:0!important}
|
|
2
|
-
`);var
|
|
3
|
-
`,
|
|
4
|
-
rflow-wrap:break-word;word-break:break-all;"><p style="font-size: ${n}px; line-height: ${
|
|
1
|
+
import {registerEditTool,registerInnerEditor,EditTool,EditorScaleEvent,InnerEditor}from'@leafer-in/editor';import {PointerEvent}from'leafer-ui';import m from'crypto-js';import {registerUI,Box,PointerEvent as PointerEvent$1,Matrix}from'@leafer-ui/core';import S,{Delta}from'quill';import'quill/dist/quill.core.css';import {FontStyle}from'quill/formats/font';import {HTMLText}from'@leafer-in/html';function _(t){let i=new DOMParser().parseFromString(t,"text/html").body;function o(r){if(r.nodeType===Node.TEXT_NODE){let l=r.textContent;return l?Array.from(l).map(u=>document.createTextNode(u)):[]}else if(r.nodeType===Node.ELEMENT_NODE){let l=[];for(let c of Array.from(r.childNodes))o(c).forEach((g,p)=>{let h=r.cloneNode(false);h.appendChild(g),l.push(h);});return l}return []}let s=[];for(let r of Array.from(i.childNodes)){let l=o(r);s.push(...l);}let a=document.createElement("div");return s.forEach((r,l)=>{a.appendChild(r);}),a.innerHTML}var A="LS0tLS1CRUdJTiBQVUJMSUMgS0VZLS0tLS0KTUlJQklqQU5CZ2txaGtpRzl3MEJBUUVGQUFPQ0FROEFNSUlCQ2dLQ0FRRUFxaUFnU1hWM3dMKzh2YkZ2OVkwQwpEN1dBUjhPa2I4bjlmTWxpQjF3enZodTBrdVdZUWEvMUxvVDhHWVh6WWlRQVFBRk9zTTA0MGp2dlNRT2hRSWpiCjRaYXZ1NHUvWVA5bElPYjFKYnZnYkFoYVVOQnphL0l2UmFnaFlKYTJBc1cyRVhnZkVrdmMyUENNMS9zbVlFNnoKNjZiUmx1dnREK3FJZkpLVCtUUXJRRmp5TnNTZ0c2Z2R4MThrZTRMSStBejFPcklMbUsyMHlBU2tlRXpYT1BTVAplM3RNYThleHpZdmUzV0wyNHRHUHg5WHNvN1JyUEl1elZlajh0NDYrZ0c1Y0pQaVh0N1lqa0V2NEJOUUt5eUpoCkltOVRJdVZ6clFpa2NJNE14dExNSGdUMHpLcU9ZZ1NzcmEvTHNDd2ZOdzdtYWxITkU2c21YZWYyQ2E5RGhZODQKS1FJREFRQUIKLS0tLS1FTkQgUFVCTElDIEtFWS0tLS0tCg==";function Y(t){let e=t.replace(/-----BEGIN PUBLIC KEY-----/,"").replace(/-----END PUBLIC KEY-----/,"").replace(/\s/g,"");return F(e)}function F(t){let e=atob(t),n=new Uint8Array(e.length);for(let i=0;i<e.length;i++)n[i]=e.charCodeAt(i);return n.buffer}async function K(){let t=atob(A),e=Y(t);return await crypto.subtle.importKey("spki",e,{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},false,["verify"])}async function P(t,e){try{let n=await K(),i=new TextEncoder().encode(t),o=F(e);return await crypto.subtle.verify("RSASSA-PKCS1-v1_5",n,o,i)}catch(n){return console.error("[RSA] Signature verification failed:",n),false}}var U="c19496eb17719960b6c3cebab0ef5eddfce5d0315ab8c5af86a52fbda434fea9",I="ce1e3e8974f1392b3c5803b34ecf659f";function N(t){try{let e=m.enc.Hex.parse(U),n=m.enc.Hex.parse(I),o=m.AES.decrypt(t,e,{iv:n,mode:m.mode.CBC,padding:m.pad.Pkcs7}).toString(m.enc.Utf8);if(!o)throw new Error("Decryption resulted in empty string - invalid ciphertext or wrong key");return o}catch(e){throw console.error("[AES] Decryption failed:",e),e}}async function Q(t){try{let e=atob(t),n=JSON.parse(e);if(!n.data||!n.signature||!await P(n.data,n.signature))return null;let o=n.data;if(n.encrypted)try{o=N(n.data);}catch{return null}return JSON.parse(o)}catch{return null}}function Z(t){if(!t||t.length===0)return true;let e=window.location.hostname;if(e==="localhost"||e==="127.0.0.1")return console.log("[License] Local development environment detected"),true;let n=t.some(i=>{if(i.startsWith("*.")){let o=i.slice(2);return e.endsWith(o)}return e===i});return n||(console.error(`[License] Domain not authorized: ${e}`),console.error("[License] Allowed domains:",t)),n}function W(t){if(!t)return true;try{let e=new Date(t),n=new Date;if(n>=e)return console.error(`[License] License has expired on ${t}`),!1;let i=Math.ceil((e.getTime()-n.getTime())/(1e3*60*60*24));return i<=7&&console.warn(`[License] License will expire in ${i} days`),!0}catch{return console.error("[License] Invalid expire date format:",t),false}}function j(t){if(!t)return true;try{return new Date(t)>new Date?(console.error("[License] License issue date is in the future"),!1):!0}catch{return true}}async function D(t){try{let e=await Q(t);return e?j(e.issueDate)?Z(e.domains)?W(e.expireDate)?{valid:!0,data:e}:{valid:!1,error:"License has expired",data:e}:{valid:!1,error:`License not valid for domain: ${window.location.hostname}`,data:e}:{valid:!1,error:"Invalid license issue date",data:e}:{valid:!1,error:"Invalid license key or signature verification failed"}}catch(e){return console.error("[License] Validation error:",e),{valid:false,error:"License validation failed"}}}var E=null,L=null,y=false;async function J(t){console.log("[License] Activating license...");let e=await D(t);return e.valid&&e.data?(E=t,L=e.data,y=true,console.log("[License] \u2705 License activated successfully"),console.log(`[License] Valid until: ${e.data.expireDate||"unlimited"}`),true):(E=null,L=null,y=false,console.error("[License] \u274C License activation failed:",e.error),false)}async function M(){if(!E)return console.warn("[License] No license key provided"),false;if(!y)return console.warn("[License] License is not valid"),false;let t=await D(E);return y=t.valid,y||(console.error("[License] License validation failed:",t.error),L=null),y}function C(){return L}var f=async(t,e,n)=>{let{scaleX:i,scaleY:o}=t.worldTransform,s=Math.max(Math.abs(i),Math.abs(o)),a=document.querySelector("#textInnerEditor");if(a&&t.data.textData?.fontSize&&(a.style.fontSize=`${t.data.textData.fontSize*s}px`),a&&t.data.textData?.lineHeight&&(a.style.lineHeight=t.data.textData.lineHeight),a&&t.data.textData?.letterSpacing&&(a.style.letterSpacing=`${t.data.textData.letterSpacing}px`),a&&t.data.textData?.textShadow?a.style.textShadow=t.data.textData.textShadow:a.style.textShadow="none",a&&t.data.textData?.alignContent){let c=a.querySelector(".ql-editor");c.style.alignContent=t.data.textData.alignContent;}let l=d.getQuill().getSemanticHTML();if(l==="<p></p>"){t.text.includes("<style>@font-face")?t.text=t.text.split("</style>")[0]+"</style>":t.text="";return}if(t.text.includes("<style>@font-face")){let c=t.text.split("</style>")[0];if(n&&!c.includes(n)){let u=`@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=c+u+v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=c+"</style>"+v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else if(e&&n){let c=`<style>@font-face {font-family: ${n.split(",")[0]};src: url(${e}) format('woff2') }</style>`;t.text=c+v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);}else t.text=v(t,l,t.data.textData.fontSize,t.data.textData.lineHeight,t.data.textData.letterSpacing,t.data.textData.textShadow,t.data.textData?.alignContent);},v=(t,e,n=20.67,i=1.5,o=0,s="none",a="start")=>{let{scaleX:r,scaleY:l}=t.worldTransform,c=Math.max(Math.abs(r),Math.abs(l)),u=document.createElement("div");u.innerHTML=e;let g={fontSize:`${n}px`,lineHeight:i,letterSpacing:`${o}px`,textShadow:s};u.querySelectorAll("p,ol,ul").forEach(O=>{Object.assign(O.style,g);});let p=u.innerHTML;/<p\b[^>]*><\/p>/.test(p)&&(p=p.replace(/<p\b([^>]*)><\/p>/g,"<p$1> </p>")),/"/.test(p)&&(p=p.replace(/"/g,""));let h;document.querySelector("#textInnerEditor");let B=d.getQuill(),w=Number((B.scroll.domNode.scrollHeight/c).toFixed(0));Number((B.scroll.domNode.scrollWidth/c).toFixed(0));["center","end"].includes(t.data.textData.alignContent)?t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`:t.parent.height<w?h=(w||t.__layout.boxBounds.height)+"px":h=`${t.parent.height}px`;let b="<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>",x="";return t.parent.children[0].tag.includes("Shape")?x=b+`<div style="width: ${t.parent.width}px;height: ${t.parent.height}px;overflow-wrap:break-word;word-break:break-all;align-content:center;">${p}</div>`:t.data.canChangeBox?x=b+`<div style="width: ${t.parent.width}px;height:${h};overflow-wrap:break-word;word-break:break-all;align-content:${a};">${p}</div>`:t.data.textData.italic?x=b+p:x=b+`<div style="overflow-wrap:break-word;word-break:break-all;">${p}</div>`,console.log(x,"\u6700\u7EC8\u7684html\u5185\u5BB9"),x},Ut=(t,e,n)=>{let i=d.getQuill(),{editor:o,canvas:s}=d.getCanvas();if(!i)return;e===0&&(e="0");let a=i.selection.savedRange;d.dateEdit(async r=>{if(r.tag!=="HTMLText"){console.log("\u975EHtml\u6587\u672C\u5143\u7D20\u65E0\u6CD5\u4FEE\u6539");return}if(t==="font")o.innerEditing?(a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),r.data.textData.fontFamily=e,f(r,n??null,e??null)):(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),i.formatText(0,i.getLength()-1,t,e),r.data.textData.fontFamily=e,f(r,n??null,e??null));else if(t==="fontSize")r.data.textData[t]=e,d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),f(r,n??null);else if(t==="textCase"){if(o.innerEditing){let l=i.getText(a.index,a.length),c=i.getFormat(a.index,a.length);i.deleteText(a.index,a.length);let u;l===l.toUpperCase()&&/[A-Z]/.test(l)?u=l.toLowerCase():(l===l.toLowerCase()&&/[a-z]/.test(l),u=l.toUpperCase()),i.insertText(a.index,u,c),a&&o.innerEditing&&i.setSelection(a.index,a.length);}}else if(t==="script"){let l="sub";e==="super"&&(l="sup"),o.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,i.getFormat(a).script===e?false:l):i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:l):(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),i.formatText(0,i.getLength()-1,t,i.getFormat().script===e?false:l),f(r));}else if(t==="align")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),o.innerEditing?i.format(t,e):i.formatLine(0,i.getLength(),t,e),f(r);else if(t==="alignContent")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),r.data.textData[t]=e,f(r);else if(t==="lineHeight"||t==="letterSpacing")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),r.data.textData[t]=e,f(r);else if(t==="color")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),a&&a.length?i.formatText(a.index,a.length,t,e):i.formatText(0,i.getLength()-1,t,e),r.tag==="HTMLText"?f(r):r.parent.findOne("HTMLText")&&f(r.parent.findOne("HTMLText"));else if(t==="textShadow")d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),r.data.textData[t]=e,f(r);else if(t==="list"){if(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),o.innerEditing){let[l]=i.getLine(a?.index||0);l.formats().list?i.format(t,false):i.format(t,e);}else {let[l]=i.getLine(a?.index||0);l.formats().list?i.formatLine(0,i.getLength(),t,false):i.formatLine(0,i.getLength(),t,e);}f(r);}else if(t==="textVertical"){let l=C();if(l&&l?.features?.length&&l?.features?.includes("textVertical")){i.clipboard.dangerouslyPasteHTML(r.text);let c=i.getSemanticHTML();i.clipboard.dangerouslyPasteHTML(_(c)),r.data.textData.align="center",f(r);}}else o.innerEditing?a&&a.length?i.formatText(a.index,a.length,t,e===void 0?!i.getFormat(a)[t]:e):i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e):(d.isMultiSelect()&&i.clipboard.dangerouslyPasteHTML(r.text),i.formatText(0,i.getLength()-1,t,e===void 0?!i.getFormat()[t]:e),f(r));},1);};var G=(t,e,n,i)=>{for(var o=e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(a(o))||o);return o},z=class extends EditTool{constructor(t){super(t),this.quill=null,this.isUpdatingPoints=false,this.curveAmount=0,this.eventIds=[],this.updateBoxDebounced=this.debounce(e=>{f(e);},300);}get tag(){return "TextEditTool"}debounce(t,e){let n=null;return((...i)=>{n!==null&&window.clearTimeout(n),n=window.setTimeout(()=>t.apply(this,i),e);})}addEvent(){let{editor:t}=d.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,o=Math.max(Math.abs(n),Math.abs(i)),s=document.querySelector("#textInnerEditor"),{style:a}=s;this.eventIds=[t.on_(EditorScaleEvent.SCALE,r=>{e.data.canChangeBox||(e.data.canChangeBox=true),e.data.canChangeBox&&(a.width=e.parent.width*o+"px",a.height="auto");let l=1;e.parent.tag==="HtmlText"&&e.parent.lockRatio&&e.data?.baseSize?.width&&(l=e.parent.width/e.data?.baseSize.width,e.data.textData.fontSize=e.data.textData.fontSize*l),e.data?.baseSize?.width&&(e.data.baseSize.width=e.parent.width),this.updateBoxDebounced(e);}),t.on_(PointerEvent.DOUBLE_TAP,()=>{e.parent.locked||t.openInnerEditor(e,true);})];}onLoad(){let{editor:t}=d.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");if(!e)return;let{scaleX:n,scaleY:i}=e.worldTransform,o=Math.max(Math.abs(n),Math.abs(i));this.addEvent(),this.quill=d.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(e.text);let s=document.querySelector("#textInnerEditor"),{style:a}=s;e.data.canChangeBox?(a.width=e.parent.width*o+"px",a.height=e.parent.height*o+"px"):(a.width="auto",a.height="auto");}updateChangeBoxBound(t){t&&t.set({width:t.__layout.boxBounds.width,height:t.__layout.boxBounds.height});}onUpdate(){let{editor:t}=d.getCanvas();if(t.multiple)return;let e=t.leafList.list[0].findOne("HTMLText");e&&(console.log("\u6587\u672Cbound\u66F4\u65B0"),this.curveAmount!=e.curveAmount&&this.isUpdatingPoints);}onUnload(){let{editor:t}=d.getCanvas();t.off_(this.eventIds);}onDestroy(){}};z=G([registerEditTool()],z);var ot=(t,e,n,i)=>{for(var o=e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(a(o))||o);return o},V=class extends InnerEditor{constructor(){super(...arguments),this.config={selectAll:false},this.eventIds=[],this.selectText=void 0,this.inBody=void 0,this.isHTMLText=void 0,this._keyEvent=void 0,this.quill=null,this.isComposing=false,this.onInput=async()=>{let{editDom:t}=this;f(this.editTarget);},this.isUpdatingPoints=false;}get tag(){return "TextEditor"}onLoad(){let{editor:t}=this,{config:e}=t.app,n=this.editTarget,{scaleX:i,scaleY:o}=n.worldTransform,s=Math.max(Math.abs(i),Math.abs(o));this.isHTMLText=!(n instanceof Text),this._keyEvent=e.keyEvent,e.keyEvent=false;let a=this.editDom=document.querySelector("#textInnerEditor"),{style:r}=a;if(r.visibility="visible",n.data.canChangeBox?(r.width=n.parent.width*s+"px",r.height=n.parent.height*s+"px"):(r.width="auto",r.height="auto"),r.outline="solid #8499EF",n.data.textData.fontSize&&(a.style.fontSize=`${n.data.textData.fontSize*s}px`),n.data.textData.lineHeight&&(a.style.lineHeight=n.data.textData.lineHeight),n.data.textData.letterSpacing&&(a.style.letterSpacing=`${n.data.textData.letterSpacing}px`),n.data.textData.textShadow?a.style.textShadow=`${n.data.textData.textShadow}`:a.style.textShadow="none",n.data.textData.alignContent){let l=a.querySelector(".ql-editor");l.style.alignContent=`${n.data.textData.alignContent}`;}this.quill=d.getQuill(),this.quill.clipboard.dangerouslyPasteHTML(n.text),n.parent.children[0].tag.includes("Shape")?(r.width=n.parent.width*s+"px",r.left="0px",this.quill.formatLine(0,this.quill.getLength(),"align","center")):this.quill.setSelection(0,this.quill.getLength()-1),this.quill.on("text-change",this.onInput),this.eventIds=[t.app.on_(PointerEvent$1.DOWN,l=>{let{target:c}=l.origin,u=false;for(;c;)c===a&&(u=true),c=c.parentElement;u||(t.closeInnerEditor(),t.cancel());})];}onUpdate(){let{editTarget:t}=this,{scaleX:e,scaleY:n}=t.worldTransform,i=Math.max(Math.abs(e),Math.abs(n)),{width:o,height:s}=t.parent.__local;o*=i,s*=i;let{x:a,y:r}=this.inBody?t.app.clientBounds:t.app.tree.clientBounds,{a:l,b:c,c:u,d:g,e:p,f:h}=new Matrix(t.worldTransform).scale(1/i).translateInner(0,0),{style:T}=this.editDom;T.transform=`matrix(${l},${c},${u},${g},${p},${h})`,T.left=a+"px",T.top=r+"px",t.set({visible:false});}onUnload(){let{editTarget:t,editor:e,editDom:n}=this;t&&(this.onInput(),e.app&&(e.app.config.keyEvent=this._keyEvent),e.off_(this.eventIds),this.editDom.style.visibility="hidden",this.eventIds=[]),t.parent&&t.parent.name=="Text"&&t.parent.children.some(i=>i.tag==="Box")?(t.parent.findOne("Box").opacity=1,t.visible=false):t.set({visible:true}),this.quill.getLength()===1&&t.parent.name==="Text"&&t.parent.remove(),this.quill.off("text-change",this.onInput);}};V=ot([registerInnerEditor()],V);function q(t,{insertAt:e}={}){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",e==="top"&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t));}q(`.ql-editor{padding:0!important;line-height:unset!important;overflow:unset!important;outline:0}.ql-container{font-family:unset!important}.ql-editor p{margin:0!important}.ql-editor sub,.ql-editor sup{font-size:63%}.ql-editor sup{top:-.58em}.ql-editor sub{bottom:-.38em}.ql-editor ol{padding-left:0!important}
|
|
2
|
+
`);var H=class t{constructor(){this.quill=null,this.app_=null;}static getInstance(){return t.instance||(t.instance=new t),t.instance}async init(e){if(!await M())throw new Error("[HtmlTextManage] \u6388\u6743\u5931\u8D25\u8BF7\u8054\u7CFB\u4F5C\u8005\u83B7\u53D6\u6388\u6743 \u90AE\u7BB1 : 408550179@qq.com \u5FAE\u4FE1 : cym5640");if(this.app_=e,this.quill)return this.quill;let i=document.getElementById("textInnerEditor");if(i)this.quill=this.app_.editor.quill;else return i=document.createElement("div"),i.id="textInnerEditor",i.style.position="fixed",i.style.transformOrigin="left top",i.style.overflowWrap="break-word",i.style.wordBreak="break-all",i.style.visibility="hidden",document.body.appendChild(i),this.quill=new S("#textInnerEditor",{theme:void 0,modules:{toolbar:false,keyboard:{bindings:{enter:{key:"Enter",handler:o=>{let[s]=this.quill.getLine(o.index),a=S.import("blots/block");if(!a?.bubbleFormats)return true;let r=a.bubbleFormats(s),l=new Delta().retain(o.index).delete(o.length).insert(`
|
|
3
|
+
`,r);return this.quill.updateContents(l,S.sources.USER),this.quill.setSelection(o.index+1,S.sources.SILENT),false}}}}}}),this.app_.editor.quill=this.quill,this.registerFonts(),this.quill}getQuill(){if(!this.quill)throw new Error("Quill editor not initialized. Call init() first.");return this.quill}getCanvas(){if(!this.app_)throw new Error("app_ editor not initialized. Call init() first.");return this.app_}getSelection(){return console.log(this.quill?.selection.savedRange,"this.quill?.selection.savedRange"),this.quill?.selection.savedRange}registerFonts(){FontStyle.whitelist=void 0,S.register("formats/font",FontStyle,true);}isMultiSelect(){return this.app_.editor?this.app_.editor.multiple===true:false}dateEdit(e,n=0,i){let{editor:o}=this.app_,s=i||o.leafList.list,a=r=>{n&&(r.tag==="Box"||r.name==="Text")?e(r.children?.[0]||r):e(r);};s.length&&(Array.isArray(s)&&s.length>1?(this.app_.lockLayout(),s.forEach(a),this.app_.unlockLayout(),o.updateEditBox()):a(s[0]));}},d=H.getInstance();var ht=(t,e,n,i)=>{for(var o=e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(a(o))||o);return o},R=class extends Box{get __tag(){return "HtmlText"}constructor(t){let{text:e,fontSize:n,fontFamily:i,lineHeight:o,letterSpacing:s,textShadow:a,alignContent:r,...l}=t||{};super({editOuter:"TextEditTool",name:"HtmlText",x:0,y:0,editable:true,draggable:true,overflow:"show",...l}),t&&this.createTextElement(t);}createTextElement(t){let{text:e,fontSize:n,fontFamily:i,lineHeight:o,letterSpacing:s,textShadow:a,alignContent:r}=t,l="<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>",c=`<div style="ove
|
|
4
|
+
rflow-wrap:break-word;word-break:break-all;"><p style="font-size: ${n}px; line-height: ${o}; letter-spacing: ${s}px; text-shadow: ${a};"><strong>Hello World</strong></p></div>`;if(t.children?.length>0)return;let u=new HTMLText({name:"Text",text:l+(e||c),x:0,y:0,data:{canChangeBox:false,textData:{fontFamily:i,fontSize:n,lineHeight:o,letterSpacing:s||0,textShadow:a,alignContent:r}},editConfig:{selectedStyle:{strokeWidth:0}}});this.add(u);}};R=ht([registerUI()],R);export{R as HtmlText,M as checkLicense,C as getLicenseInfo,d as htmlTextManage,Ut as setHTMLText,J as setLicense,f as updataHtmlText};
|