@ydesign/react-editor 0.0.2 → 0.0.4

package/dist/chunk-TX4BNXQC.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";var r=({store:o})=>(console.log("BackgroundPanel",o),e("div",{children:"\u80CC\u666F"}));export{r as a};

package/dist/chunk-U7HIFGXC.js

@@ -1 +0,0 @@
-import{Button as o}from"antd";import{jsx as t}from"react/jsx-runtime";var n=()=>t(o,{type:"text",styles:{root:{padding:"0 6px"}},children:"Remove background"});export{n as a};

package/dist/chunk-V6ZZKUTN.js

@@ -1 +0,0 @@
-import{Button as e}from"antd";import{observer as p}from"mobx-react-lite";import{Fragment as l,jsx as o,jsxs as s}from"react/jsx-runtime";var c=p(({store:t})=>{let n=t.selectedElements.length>1,r=t.selectedElements.length===1&&t.selectedElements[0]?.type==="group";return s(l,{children:[n&&o(e,{type:"text",onClick:()=>{},children:"Group"}),r&&o(e,{type:"text",onClick:()=>{},children:"Ungroup"})]})});export{c as a};

package/dist/chunk-WIM26GEM.js

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";var r=({store:e})=>(console.log("SizePanel",e),o("div",{children:"\u5C3A\u5BF8\u8C03\u6574"}));export{r as a};

package/dist/chunk-XDLFQXMN.js

@@ -1,54 +0,0 @@
-import{c as s,d as S}from"./chunk-JWQ2DUXA.js";import{a as x}from"./chunk-WIM26GEM.js";import{a as o}from"./chunk-LW2W4B2N.js";import{a as P}from"./chunk-QJBRJELT.js";import{a as u}from"./chunk-6LFGFFHI.js";import{a as h}from"./chunk-DBQHEZPG.js";import{a as m}from"./chunk-TX4BNXQC.js";import{a as y}from"./chunk-M33EDDXB.js";import{a as f}from"./chunk-DJBTBRPS.js";import{a as T}from"./chunk-55FJG4FK.js";import a from"styled-components";import{useRef as g,useLayoutEffect as C}from"react";import{observer as i}from"mobx-react-lite";import{LayoutTemplate as z,TypeOutline as L,Image as N,Shapes as M,Upload as B,Wallpaper as H,Layers as I,ImageUpscale as E}from"lucide-react";import{clsx as R}from"clsx";import{jsx as n,jsxs as p}from"react/jsx-runtime";var U=a.div`
-  display: flex;
-  height: 100% !important;
-  padding: 0px !important;
-  position: relative;
-
-  &.bp5-navbar {
-    box-shadow: none;
-  }
-`,$=a.div`
-  @media screen and (min-width: 501px) {
-    overflow-y: auto;
-    overflow-x: hidden;
-    min-width: 72px;
-  }
-`,D=a.div`
-  display: flex;
-  flex-direction: column;
-`,F=a.div`
-  padding: 10px 10px 0px 10px !important;
-  height: 100% !important;
-
-  &.bp5-navbar {
-    width: 350px;
-  }
-
-  &.bp5-navbar.collapsed {
-    width: 0px;
-  }
-`,O=a.div`
-  display: none;
-  ${s(`
-    position: absolute;
-    bottom: 72px;
-    display: block;
-    width: 100vw;
-    height: 100vh;
-    background-color: rgba(0, 0, 0, 0.05);
-  `)}
-`,W=a.div`
-  position: absolute;
-  right: 1px;
-  top: 50%;
-  height: 96px;
-  width: 15px;
-  fill: white;
-  cursor: pointer;
-  z-index: 10;
-  transform: translate(100%, -50%);
-
-  ${s(`
-    display: none;
-  `)}
-`,A=({onClick:e})=>n(W,{onClick:e,children:n("div",{children:p("button",{className:"grid relative justify-center arrow",children:[p("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13 96",width:"13",height:"96",fill:"none",children:[n("path",{d:"M0,0 h1 c0,20,12,12,12,32 v32 c0,20,-12,12,-12,32 H0 z",className:"fill-white dark:fill-[#0b0809]"}),n("path",{d:"M0.5,0 c0,20,12,12,12,32 v32 c0,20,-12,12,-12,32",className:"fill-white stroke-gray-200 dark:fill-[#0b0809] dark:stroke-[#0b0809]"})]}),n("div",{className:"absolute self-center",children:n("span",{className:"w-3 h-3 text-block inline-flex items-center box-border dark:text-white",children:n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",children:n("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.25",d:"M7 3.17 4.88 5.3a1 1 0 0 0 0 1.42L7 8.83"})})})})]})})}),_={name:"templates",Tab:i(e=>n(o,{name:"templates",...e,children:n(z,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(P,{store:e})},j={name:"text",Tab:i(e=>n(o,{name:"text",...e,children:n(L,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(u,{store:e})},q={name:"photos",Tab:i(e=>n(o,{name:"photos",...e,children:n(N,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(f,{store:e})},G={name:"shapes",Tab:i(e=>n(o,{name:"shapes",...e,children:n(M,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(T,{store:e})},J={name:"upload",Tab:i(e=>n(o,{name:"upload",...e,children:n(B,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(h,{store:e})},K={name:"background",Tab:i(e=>n(o,{name:"background",...e,children:n(H,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(m,{store:e})},Q={name:"layers",Tab:i(e=>n(o,{name:"layers",...e,children:n(I,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(y,{store:e})},V={name:"size",Tab:i(e=>n(o,{name:"size",...e,children:n(E,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(x,{store:e})},X=[_,j,q,G,J,K,Q,V],Y=i(({store:e,sections:v,defaultSection:c="templates"})=>{(()=>{let t=g(!0);t.current&&(t.current=!1,e.openSidePanel(c))})();let r=S();C(()=>{r?e.openSidePanel(""):e.openSidePanel(c)},[r]);let d=[...v||X].filter(t=>t.visibleInList!==!1),b=d.find(t=>t.name===e.openedSidePanel)?.Panel,k=g(null);return p(U,{className:`bp5-navbar design-side-panel ${e.openedSidePanel?"":"collapsed"}`,children:[n($,{className:"design-side-tabs-container border-r-1 border-gray-200 dark:border-gray-800",ref:k,children:n(D,{className:"design-side-tabs-inner",children:d.map(({name:t,Tab:l})=>n(l,{name:t,onClick:()=>{t===e.openedSidePanel?e.openSidePanel(""):e.openSidePanel(t)},active:e.openedSidePanel===t},t))})}),b&&n(F,{className:R("bp5-navbar design-panel-container","border-r-1 border-gray-200 dark:border-gray-800"),onClick:t=>{let l=t.target.closest(".design-close-panel"),w=t.target.closest(".design-mobile");l&&(r||w)&&e.openSidePanel("")},children:n(b,{store:e})}),e.openedSidePanel&&n(O,{onClick:()=>e.openSidePanel("")}),e.openedSidePanel&&n(A,{onClick:()=>e.openSidePanel("")})]})}),Pe=Y;export{_ as a,j as b,q as c,G as d,J as e,K as f,Q as g,V as h,X as i,Y as j,Pe as k};

package/dist/chunk-XZAP76LL.js

@@ -1 +0,0 @@
-import{a as u,b as m}from"./chunk-3HQUN5MA.js";import{a as s}from"./chunk-OQ6HU62L.js";import{a as c,b as p}from"./chunk-E7ZSWHPU.js";import{ColorPicker as y,Tooltip as k,Button as f}from"antd";import{CirclePlus as g}from"lucide-react";import{cssGradient2FabricGradient as T}from"@ydesign/core";import{jsx as t,jsxs as d}from"react/jsx-runtime";var C=async e=>s(e),x=({store:e})=>{let i=e.editor?.workareaHandler.workarea?.fill,o=c(i);return t(k,{title:"\u80CC\u666F\u989C\u8272",children:t("div",{style:{height:32},children:t(y,{value:o,allowClear:!0,mode:["single","gradient"],onChangeComplete:r=>{let n=r.toCssString();if(n.includes("gradient")){let a=T(n);e.editor?.workareaHandler.setWorkareaBgColor(a)}else e.editor?.workareaHandler.setWorkareaBgColor(n)}})})})},P=({store:e})=>t("div",{children:d("label",{htmlFor:"input-file",children:[d(f,{type:"text",styles:{root:{padding:"0 8px"}},onClick:()=>{document.querySelector("#input-file")?.click()},children:[t(g,{size:16})," add image"]}),t("input",{type:"file",id:"input-file",style:{display:"none"},onChange:async i=>{let{target:o}=i;if(!(!o.files||o.files.length===0)){for(let r of o.files){let a={type:"image",src:await C(r)};e.editor?.objectsHandler.add(a)}o.value=""}},multiple:!0,accept:"image/*"})]})}),v=({store:e})=>t("div",{children:d(f,{type:"text",styles:{root:{padding:"0 8px"}},onClick:()=>{e.editor?.objectsHandler.add({originX:"left",originY:"top",fontSize:100,textAlign:"left",fill:p(),text:"Hello World",type:"textbox"})},children:[t(g,{size:16}),"add text"]})}),b={DefaultBackgroundPicker:x,DefaultAddImage:P,DefaultAddText:v},h=({store:e,components:l})=>{let o=u({type:"text",usedItems:["DefaultBackgroundPicker","DefaultAddImage","DefaultAddText"],components:l});return t(m,{items:o,itemRender:r=>{let n=l[r]||b[r];return n&&t(n,{store:e},r)}})},I=h;export{h as a,I as b};