@ydesign/react-editor 0.0.7 → 0.0.8

package/dist/chunk-PBQY5UTI.js

@@ -1 +0,0 @@
-import c,{useEffect as r}from"react";import{Editor as d}from"@ydesign/core";import{observer as l}from"mobx-react-lite";import{jsx as o,jsxs as v}from"react/jsx-runtime";var p=({store:e})=>{let i=c.useRef(null);return r(()=>{let s=i.current,{clientHeight:n,clientWidth:a}=s,t=new d({id:"canvas",config:{size:{width:a,height:n},workareaConfig:{width:e.width,height:e.height,background:"rgba(255,255,255,1)"}},container:s,state:{editor:e.editor,activeObject:e.selectedElements,objects:e.objects,zoomRatio:e.scale,setEditor:e._setEditor,setActiveObject:e.selectElements,setObjects:e.setObjects,setZoomRatio:e.setScale}});return e._setEditor(t),e.setupEditorListeners(),window._c=t,()=>{console.log("\u66F4\u65B0 canvas"),t.destroy()}},[]),v("div",{id:"canvas_container",ref:i,style:{flex:1,position:"relative",overflow:"hidden"},className:"bg-[#ecf0f1] dark:bg-[#92969d]",children:[o("div",{className:"inside-shadow w-full h-full shadow-inner",style:{position:"absolute",zIndex:2,pointerEvents:"none"}}),o("div",{style:{position:"absolute",height:"100%",width:"100%"},children:o("canvas",{id:"canvas"})})]})},b=l(p);export{p as a,b};

package/dist/chunk-YLXPQ2GI.js

@@ -1 +0,0 @@
-import{a as v}from"./chunk-4LUZF4CB.js";import{c as l}from"./chunk-ARZMBVXU.js";import{observer as m}from"mobx-react-lite";import{ReactSortable as f}from"react-sortablejs";import{useState as u}from"react";import{findIndex as g}from"es-toolkit/compat";import{Button as y,Card as h,Input as x}from"antd";import{GripVertical as b,Eye as k,EyeClosed as C,LockKeyholeOpen as j,LockKeyhole as E,Trash as H}from"lucide-react";import{jsx as t,jsxs as n}from"react/jsx-runtime";var T=m(({element:e,store:i})=>{let[r,o]=u(!1),a=g(i.selectedElements,d=>d?.id===e?.id)>=0,c=r?e.name||"":e.name||v(e.text)||`#${e.id||"\u7A7A"}`;return t(h,{className:a?"selected":"",style:{marginBottom:6,backgroundColor:a?"rgba(22, 119, 255, 0.3)":""},styles:{body:{padding:"8px 5px"}},onMouseDown:d=>{let s=d.ctrlKey||d.metaKey||d.shiftKey?[...i.selectedElements]:[];g(s,p=>p.id===e.id)<0&&(s.push(e),i.selectElements(s.map(p=>p.id)),i.editor?.objectsHandler.selectElements(s))},children:n("div",{style:{display:"flex",justifyContent:"space-between"},children:[n("div",{style:{lineHeight:"30px",display:"flex"},children:[t("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:30},children:t(b,{size:16})}),t("div",{style:{padding:"0 7px",opacity:.5,width:65},children:e.type}),t("div",{style:{maxWidth:138},children:t(x,{style:{minWidth:130},placeholder:l("sidePanel.namePlaceholder"),value:c,onFocus:()=>{o(!0)},onBlur:()=>{o(!1)},onChange:d=>{i.editor?.objectsHandler.update({name:d.target.value},e.id),i._triggerUpdate()}})})]}),n("div",{children:[t(y,{type:"text",styles:{root:{padding:"0 7px"}},onClick:()=>{i.editor?.objectsHandler.update({visible:!e.visible},e.id),i._triggerUpdate()},children:e.visible?t(k,{size:16}):t(C,{size:16})}),t(y,{type:"text",styles:{root:{padding:"0 7px"}},onClick:()=>{e?.lockMovementX?i.editor?.lockHandler.unlock(e.id):i.editor?.lockHandler.lock(e.id)},children:e.lockMovementX?t(E,{size:16}):t(j,{size:16})}),t(y,{type:"text",styles:{root:{padding:"0 7px"}},onClick:()=>{i.editor?.objectsHandler.remove(e.id)},children:t(H,{size:16})})]})]})})}),M=m(({store:e})=>{let r=e.objects.filter(o=>o?.id!=="workarea").reverse();return n("div",{style:{height:"100%",overflow:"auto"},children:[t("div",{style:{height:40,paddingTop:5},children:l("sidePanel.layersTip")}),t("div",{children:r.length===0?t("div",{children:l("sidePanel.noLayers")}):null}),t(f,{list:r,direction:"horizontal",setList:o=>{o.forEach((a,c)=>{let d=o.length-c;e.objects.indexOf(a)!==d&&(e.editor?.layerHandler.updateLayerOrderByTargetIndex(d,!0,a),e._triggerUpdate())})},children:r.map(o=>t(T,{element:o,store:e},o.id))})]})});export{M as a};