amotify 0.2.13 → 0.2.14
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/demo/esbuild/public/index.js +55 -55
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/Tooltips.js +1 -1
- package/dist/temps/designBook.js +9 -9
- package/package.json +1 -1
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as m,c as R,d as F}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as X}from"react/jsx-runtime";import r from"@mingoo/jsmin";import{useState as D,useEffect as H,useRef as q}from"react";import{$$fromRoot as N,Config as G,useStore as T}from"../@utils";import k from"../atoms/Box";import J from"../atoms/Img";import ee from"../atoms/FAI";import te from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import Q from"./Button";import oe from"./SwipeView";import re from"./Input";import{SheetClasses as p}from"../@styles/componentClasses";const y={currentIndex:0,contents:{},addNewSheet:function(e){if(e=R(m({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||r.uuid.gen(),close_option:m({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let o=T.get(e.sheetID);o&&o.refresh&&o.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,p:e,created_at:r.Time()};let t=T.get("Sheet-"+G.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=D(r.uuid.gen());H(()=>{T.set({["Sheet-"+G.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r(G.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(s){let{key:c,metaKey:i}=s;if(c=="Escape"||c==","&&i){let u=Object.values(y.contents).filter(g=>g.isOpen);if(!u.length)return;let a=u.reduce((g,w)=>g.created_at.value>w.created_at.value?g:w);z.close(a.p.sheetID,c)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(s){var u;let c=Object.values(y.contents).filter(a=>a.p.type=="custom");!c.length||c.find(a=>{let{p:g}=a,w=g.parent,_=s.target,v=N(w)[0];return!!(w==_||v===_||r(v).find(_).length)})||(u=s.target)!=null&&u.closest("."+p("CustomSheet"))||c.forEach(a=>{var g;(g=a.p.close_option)!=null&&g.aroundClick&&z.close(a.p.sheetID)})}})},[]);let o=Object.entries(y.contents).map(([s,c])=>l(k,{id:"Sheet-"+s,children:l(y.Core,m({isOpen:c.isOpen},c.p),s)},s));return l(k,{className:["AMOTIFY_be",p("Wrapper")].join(" "),children:o})},Core:e=>{var A;let[t]=D(r.uuid.gen()),[o,s]=D(e),[c,i]=D(e.isOpen),{type:u,sheetID:a,openAfter:g,closeAfter:w}=o,_=!o.overwrap,v=y.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[u]];H(()=>{T.set({[a]:{refresh:(f,n)=>{s(f),i(n!=null?n:!1)},resize:f=>{if(u=="drawer.bottom"){let n=T.get(t);n&&n.resize&&n.resize(f)}else(o.type.includes("normal")||o.type.includes("drawer"))&&s(n=>R(m({},n),{size:f}))},close:f=>{y.contents[a].isOpen=!1,i(!1)},open:()=>{y.contents[a].isOpen=!0,i(!0)}}})}),H(()=>{r.scope(()=>{if(!_||!o.backgroundEffect)return;let f=Object.values(y.contents).filter(n=>n.isOpen&&!n.p.overwrap&&n.p.type!="custom").length;if(c){let n=r("html"),B=0;f==1&&(B=n[0].scrollTop|0,s(b=>R(m({},b),{bodyScrolls:B}))),G.get().isPhone||(n.callback(()=>{N(".AMOTIFY_be_root").addClass(p("FixScroll")).callback(b=>{b[0].scrollTop=B}).await(40).addClass(p("Float"))})[0].scrollTop=0);return}G.get().isPhone||f==0&&N(".AMOTIFY_be_root").removeClass(p("Float")).await(251).removeClass(p("FixScroll")).callback(()=>{r("html")[0].scrollTop=o.bodyScrolls||0,N(".AMOTIFY_be_root")[0].scrollTop=0})}),r.scope(()=>{let f=N("#"+t);if(c){f.await(10).removeClass(p("Hide")).await(10).addClass(p("Open")).callback(()=>{y.contents[a].isOpen=!0,g&&g()});return}f.await(10).removeClass(p("Open")).await(251).addClass(p("Hide")).callback(()=>{if(!w||w(),y.contents[a].isOpen=!1,o.hold_state)return;delete y.contents[a];let n=T.get("Sheet-"+G.get().sessionUID);n&&n.refresh()})})},[c]),H(()=>{y.currentIndex++;let{close_option:f}=o;r.scope(()=>{if(!(f!=null&&f.parentBlur))return;let n=r(o.parent);n[0]&&n.addEvent({eventID:"SheetClosation-"+a,eventType:"mouseout",callback:()=>{n.removeEvent("SheetClosation-"+a),i(!1)}})})},[]);let[M,U]=u.split(".");return l(k,{className:[p("Wrap"),p("Tcate_"+M),p("Tpos_"+U),p("isNewSheet_"+_)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:y.currentIndex+1},id:t,children:X(K,{className:p("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!_&&l(y.TapSensor,{sheetID:a,delegateAroundClick:(A=o.close_option)==null?void 0:A.aroundClick}),l(v,m({componentID:t},o))]})},t)},Types:{Normal:e=>{let P=e,{sheetID:t,sheetGroups:o,bodyScrolls:s,content:c,className:i="",type:u,size:a="R",freeCSS:g,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:A,backgroundEffect:f}=P,n=F(P,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[B,b]=u.split("."),C={},x=[];return b.match(/top/)?(x.push("top"),C.marginBottom="auto"):b.match(/middle/)?(x.push("center"),C.marginTop="auto",C.marginBottom="auto"):b.match(/bottom/)&&(x.push("bottom"),C.marginTop="auto"),b.match(/left/i)?(x.push("left"),C.marginRight="auto"):b.match(/center/i)?(x.push("center"),C.marginLeft="auto",C.marginRight="auto"):b.match(/right/i)&&(x.push("right"),C.marginLeft="auto"),l(k,R(m(m({className:[p("BB"),i].join(" "),padding:1,transition:"long",opacity:"trans"},C),n),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[a],maxWidth:"96vw",transformOrigin:x.join(" ")},g),children:r.is.function(c)?l(c,{}):c}))},Edge:e=>{let B=e,{sheetID:t,sheetGroups:o,bodyScrolls:s,type:c,content:i,className:u="",size:a="R",freeCSS:g,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:A,backgroundEffect:f}=B,n=F(B,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return l(k,R(m(m({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[p("BB"),u].join(" ")},c=="drawer.right"?{marginLeft:"auto"}:c=="drawer.left"?{marginRight:"auto"}:{}),n),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[a],maxWidth:"96vw"},g),children:r.is.function(i)?l(i,{}):i}))},Bottom:e=>{let I=e,{componentID:t,sheetID:o,sheetGroups:s,bodyScrolls:c,content:i,size:u="R",sizeChanged:a,baseStyles:g,openAfter:w,closeAfter:_,close_option:{swipeDown:v=!0}={},hold_state:M,overwrap:U,isOpen:A,backgroundEffect:f}=I,n=F(I,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),B=r.getScreenSize(),b=[0,.2,.6,.95],C={ZERO:0,S:1,R:2,L:3},[x,P]=D(u),[L,W]=D({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[C[u]]});T.update({[t]:{val_edit:L,resize:S=>{let d=b[C[S]];W(h=>R(m({},h),{value:d})),P(S)}}});const O={Start:S=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:O.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:O.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:O.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:O.End});let d=r.getCursor(S),h=R(m({},L),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:L.value,viewHeight:r.getScreenSize().height});T.update({[t]:{val_edit:h}}),W(h)},Move:S=>{var j;let d=(j=T.get(t))==null?void 0:j.val_edit;if(!d.process)return;let V=(r.getCursor(S).y-d.originY)/d.viewHeight,E=d.originValue-V;if(E>.95)E=.95+(E-.95)*.5;else if(E<.2){let $=.2-E;$-=.1,E=.1+(.1-$)*.5}W(R(m({},d),{value:E}))},End:S=>{var E;let d=(E=T.get(t))==null?void 0:E.val_edit;if(!d.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(d.value<.1||(d.value<.5?h=1:d.value>.75?h=3:h=2),new Date().getTime()-d.processStart<300){let j=r.getCursor(S).y-d.originY;if(Math.abs(j)>=20){let $=+(j<0)*2-1;h+=$,h=Math.min(Math.max(h,0),b.length-1)}}h==0&&(v||(h=1)),P(["ZERO","S","R","L"][h]),W(R(m({},d),{value:b[h],process:!1}))}},Y=q(!1);return H(()=>{Y.current?x=="ZERO"?v&&z.close(o):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(x)},250):Y.current=!0},[x]),l(k,{className:p("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:m({maxWidth:12*60,height:B.height*L.value},L.process?{transition:"0s"}:{}),children:X(K,R(m({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},g),{children:[l(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:l(Z.Center,{flexSizing:0,padding:"2/3",onMouseDown:O.Start,onTouchStart:O.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:l(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:p("DragBar")})})}),l(k,R(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},n),{children:r.is.function(i)?l(i,{}):i}))]}))})},Custom:e=>{let Y=e,{sheetID:t,sheetGroups:o,parent:s,bodyScrolls:c,gravityPoint:i=22,content:u,close_option:a,hold_state:g,openAfter:w,closeAfter:_,overwrap:v,isOpen:M,backgroundEffect:U}=Y,A=F(Y,["sheetID","sheetGroups","parent","bodyScrolls","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[f]=D(r.uuid.gen()),n=r.is.element(s)?r(s):r.is.jsmin(s)?s:N(s),B='[data-sheet-id="'+f+'"]',b='[data-sheet-content="'+f+'"]';i=i;let C=i%5||5,x=Math.ceil(i/5);const P=()=>{let I={},{top:S,right:d,bottom:h,left:V,height:E,width:j}=n.position();return[1,2].includes(C)?I.left=V:C==3?I.left=V+j/2:[4,5].includes(C)&&(I.left=d),i<=10?I.top=S:i<=15?I.top=S+E/2:i<=25&&(I.top=h),I};let[L,W]=D(P());const O=()=>{let I=N(B).position(),S=N(b).position(),d=r.getScreenSize(),h=m({},L);return S.top<0&&(h.top=I.top-S.top),S.left<0&&(h.left=I.left-S.left),S.right>d.width&&(h.left=I.left-(S.right-d.width)),S.bottom>d.height&&(h.top=I.top-(S.bottom-d.height)),h};return H(()=>{N(B).await(10).addClass(p("Open")).await(250).callback(()=>{W(O())}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{W(O())},200)}}})},[]),n[0]?l(k,{className:[p("BB"),p("CustomSheet")].join(" "),"data-sheet-id":f,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:L,children:l(te,{className:[p("GPT"),p("GPT_"+i),p("Col_"+C),p("Row_"+x)].join(" "),position:"absolute",children:l(k,R(m({flexSizing:"none","data-sheet-content":f,maxHeight:"viewHeight",overflow:"auto",padding:1},A),{freeCSS:m({maxWidth:"98vw"},A.freeCSS),children:r.is.function(u)?l(u,{}):u}))})}):null}},TapSensor:e=>l(k,{className:p("TapSensor"),children:l(Q.Button.Plain,{className:p("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&z.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},z={Wrapper:()=>l(y.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e.sheetID||r.uuid.gen(),t=e,{type:s,src:c}=t,i=F(t,["type","src"]);z.open(R(m({type:"normal.topCenter",backgroundColor:"trans"},i),{sheetID:o,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[u]=D(r.flatArray(c)),[a,g]=D(0),w=[],_=[];return u.forEach((v,M)=>{w.push({value:M,label:l(J,{src:r.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(l(J,{width:1,height:"auto",src:r.flatArray(v)[0]}))}),X(K,{gap:0,children:[X(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[l(re.Radio,{tone:"border",icon:!1,value:a,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{g(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),X(Q.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{z.close(o)},children:["\u9589\u3058\u308B ",l(ee.Times,{})]})]}),l(oe,{slideIndex:a,options:{loop:u.length>1,onSlideCallback:v=>{g(v)}},slides:_,wrapper:v=>l(k,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}y.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=T.get(e.sheetID);o&&o.refresh&&o.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=T.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=T.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,o){var c;e=e==null?void 0:e.replace(/\./g,"-");let s=y.contents[e];if(s&&!(t=="Escape"&&!((c=s.p.close_option)!=null&&c.escapeKeyDown))){let{p:i}=s,{sheetID:u}=i,a=T.get(u);a&&a.close&&a.close(o)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[o,s]of Object.entries(y.contents))(t=s.p.sheetGroups)!=null&&t.includes(e)&&z.close(o)},closeAll:e=>{var t;for(let[o,s]of Object.entries(y.contents))e&&((t=s.p.close_option)==null?void 0:t.pageTransit)==!1||z.close(o,"pageTransit",!0)},Comps:{Body:e=>l(k,m({className:p("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{z as Sheet,z as default};
|
|
1
|
+
import{b as d,c as R,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as i,jsxs as X}from"react/jsx-runtime";import n from"@mingoo/jsmin";import{useState as O,useEffect as G,useRef as ee}from"react";import{$$fromRoot as A,Config as U,useStore as T}from"../@utils";import D from"../atoms/Box";import Q from"../atoms/Img";import te from"../atoms/FAI";import oe from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import q from"./Button";import re from"./SwipeView";import ne from"./Input";import{SheetClasses as p}from"../@styles/componentClasses";const y={currentIndex:0,contents:{},addNewSheet:function(e){let t=R(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||n.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)});if(t.type=="custom"&&(t.parent=t.parent||t.event.currentTarget),this.contents[t.sheetID]){let l=T.get(t.sheetID);l&&l.refresh&&l.refresh(t,!0);return}this.contents[t.sheetID]={isOpen:!0,hold_state:!!t.hold_state,p:t,created_at:n.Time()};let r=T.get("Sheet-"+U.get().sessionUID);r&&r.refresh()},Wrapper:()=>{let[e,t]=O(n.uuid.gen());G(()=>{T.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{t(n.uuid.gen())}}}),n(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(l){let{key:s,metaKey:c}=l;if(s=="Escape"||s==","&&c){let h=Object.values(y.contents).filter(m=>m.isOpen);if(!h.length)return;let o=h.reduce((m,w)=>m.created_at.value>w.created_at.value?m:w);N.close(o.p.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(l){var h;let s=Object.values(y.contents).filter(o=>o.p.type=="custom");!s.length||s.find(o=>{let{p:m}=o,w=m.parent,_=l.target,g=A(w)[0];return!!(w==_||g===_||n(g).find(_).length)})||(h=l.target)!=null&&h.closest("."+p("CustomSheet"))||s.forEach(o=>{var m;(m=o.p.close_option)!=null&&m.aroundClick&&N.close(o.p.sheetID)})}})},[]);let r=Object.entries(y.contents).map(([l,s])=>i(D,{id:"Sheet-"+l,children:i(y.Core,d({isOpen:s.isOpen},s.p),l)},l));return i(D,{className:["AMOTIFY_be",p("Wrapper")].join(" "),children:r})},Core:e=>{var j;let[t]=O(n.uuid.gen()),[r,l]=O(e),[s,c]=O(e.isOpen),{type:h,sheetID:o,openAfter:m,closeAfter:w}=r,_=!r.overwrap,g=y.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[h]];G(()=>{T.set({[o]:{refresh:(S,a)=>{l(S),c(a!=null?a:!1)},resize:S=>{if(h=="drawer.bottom"){let a=T.get(t);a&&a.resize&&a.resize(S)}else(r.type.includes("normal")||r.type.includes("drawer"))&&l(a=>R(d({},a),{size:S}))},close:S=>{y.contents[o].isOpen=!1,c(!1)},open:()=>{y.contents[o].isOpen=!0,c(!0)}}})}),G(()=>{n.scope(()=>{if(!_||!r.backgroundEffect)return;let S=Object.values(y.contents).filter(a=>a.isOpen&&!a.p.overwrap&&a.p.type!="custom").length;if(s){let a=n("html"),x=0;S==1&&(x=a[0].scrollTop|0,l(C=>R(d({},C),{bodyScrolls:x}))),U.get().isPhone||(a.callback(()=>{A(".AMOTIFY_be_root").addClass(p("FixScroll")).callback(C=>{C[0].scrollTop=x}).await(40).addClass(p("Float"))})[0].scrollTop=0);return}U.get().isPhone||S==0&&A(".AMOTIFY_be_root").removeClass(p("Float")).await(251).removeClass(p("FixScroll")).callback(()=>{n("html")[0].scrollTop=r.bodyScrolls||0,A(".AMOTIFY_be_root")[0].scrollTop=0})}),n.scope(()=>{let S=A("#"+t);if(s){S.await(10).removeClass(p("Hide")).await(10).addClass(p("Open")).callback(()=>{y.contents[o].isOpen=!0,m&&m()});return}S.await(10).removeClass(p("Open")).await(251).addClass(p("Hide")).callback(()=>{if(!w||w(),y.contents[o].isOpen=!1,r.hold_state)return;delete y.contents[o];let a=T.get("Sheet-"+U.get().sessionUID);a&&a.refresh()})})},[s]),G(()=>{y.currentIndex++;let{close_option:S}=r;n.scope(()=>{if(!(S!=null&&S.parentBlur))return;let a=n(r.parent);a[0]&&a.addEvent({eventID:"SheetClosation-"+o,eventType:"mouseout",callback:()=>{a.removeEvent("SheetClosation-"+o),c(!1)}})})},[]);let[M,Y]=h.split(".");return i(D,{className:[p("Wrap"),p("Tcate_"+M),p("Tpos_"+Y),p("isNewSheet_"+_)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:y.currentIndex+1},id:t,children:X(K,{className:p("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!_&&i(y.TapSensor,{sheetID:o,delegateAroundClick:(j=r.close_option)==null?void 0:j.aroundClick}),i(g,d({componentID:t},r))]})},t)},Types:{Normal:e=>{let z=e,{sheetID:t,sheetGroups:r,bodyScrolls:l,content:s,className:c="",type:h,size:o="R",freeCSS:m,openAfter:w,closeAfter:_,close_option:g,hold_state:M,overwrap:Y,isOpen:j,backgroundEffect:S}=z,a=H(z,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[x,C]=h.split("."),I={},k=[];return C.match(/top/)?(k.push("top"),I.marginBottom="auto"):C.match(/middle/)?(k.push("center"),I.marginTop="auto",I.marginBottom="auto"):C.match(/bottom/)&&(k.push("bottom"),I.marginTop="auto"),C.match(/left/i)?(k.push("left"),I.marginRight="auto"):C.match(/center/i)?(k.push("center"),I.marginLeft="auto",I.marginRight="auto"):C.match(/right/i)&&(k.push("right"),I.marginLeft="auto"),i(D,R(d(d({className:[p("BB"),c].join(" "),padding:1,transition:"long",opacity:"trans"},I),a),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:k.join(" ")},m),children:n.is.function(s)?i(s,{}):s}))},Edge:e=>{let x=e,{sheetID:t,sheetGroups:r,bodyScrolls:l,type:s,content:c,className:h="",size:o="R",freeCSS:m,openAfter:w,closeAfter:_,close_option:g,hold_state:M,overwrap:Y,isOpen:j,backgroundEffect:S}=x,a=H(x,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return i(D,R(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[p("BB"),h].join(" ")},s=="drawer.right"?{marginLeft:"auto"}:s=="drawer.left"?{marginRight:"auto"}:{}),a),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},m),children:n.is.function(c)?i(c,{}):c}))},Bottom:e=>{let V=e,{componentID:t,sheetID:r,sheetGroups:l,bodyScrolls:s,content:c,size:h="R",sizeChanged:o,baseStyles:m,openAfter:w,closeAfter:_,close_option:{swipeDown:g=!0}={},hold_state:M,overwrap:Y,isOpen:j,backgroundEffect:S}=V,a=H(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),x=n.getScreenSize(),C=[0,.2,.6,.95],I={ZERO:0,S:1,R:2,L:3},[k,z]=O(h),[P,F]=O({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[I[h]]});T.update({[t]:{val_edit:P,resize:v=>{let u=C[I[v]];F(f=>R(d({},f),{value:u})),z(v)}}});const L={Start:v=>{n(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:L.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:L.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:L.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:L.End});let u=n.getCursor(v),f=R(d({},P),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:P.value,viewHeight:n.getScreenSize().height});T.update({[t]:{val_edit:f}}),F(f)},Move:v=>{var E;let u=(E=T.get(t))==null?void 0:E.val_edit;if(!u.process)return;let B=(n.getCursor(v).y-u.originY)/u.viewHeight,b=u.originValue-B;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let W=.2-b;W-=.1,b=.1+(.1-W)*.5}F(R(d({},u),{value:b}))},End:v=>{var b;let u=(b=T.get(t))==null?void 0:b.val_edit;if(!u.process)return;n(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let f=0;if(u.value<.1||(u.value<.5?f=1:u.value>.75?f=3:f=2),new Date().getTime()-u.processStart<300){let E=n.getCursor(v).y-u.originY;if(Math.abs(E)>=20){let W=+(E<0)*2-1;f+=W,f=Math.min(Math.max(f,0),C.length-1)}}f==0&&(g||(f=1)),z(["ZERO","S","R","L"][f]),F(R(d({},u),{value:C[f],process:!1}))}},$=ee(!1);return G(()=>{$.current?k=="ZERO"?g&&N.close(r):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(k)},250):$.current=!0},[k]),i(D,{className:p("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:x.height*P.value},P.process?{transition:"0s"}:{}),children:X(K,R(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},m),{children:[i(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:i(Z.Center,{flexSizing:0,padding:"2/3",onMouseDown:L.Start,onTouchStart:L.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(D,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:p("DragBar")})})}),i(D,R(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},a),{children:n.is.function(c)?i(c,{}):c}))]}))})},Custom:e=>{let V=e,{sheetID:t,sheetGroups:r,bodyScrolls:l,event:s,parent:c,nextToCursor:h,gravityPoint:o=22,content:m,close_option:w,hold_state:_,openAfter:g,closeAfter:M,overwrap:Y,isOpen:j,backgroundEffect:S}=V,a=H(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[x]=O(n.uuid.gen()),C=n.is.element(c)||n.is.jsmin(c)?n(c):A(c),I='[data-sheet-id="'+x+'"]',k='[data-sheet-content="'+x+'"]';o=o;let z=o%5||5,P=Math.ceil(o/5);const F=()=>{if(h&&s){let J=n.getCursor(s);return{top:J.y,left:J.x}}let v={},{top:u,right:f,bottom:B,left:b,height:E,width:W}=C.position();return[1,2].includes(z)?v.left=b:z==3?v.left=b+W/2:[4,5].includes(z)&&(v.left=f),o<=10?v.top=u:o<=15?v.top=u+E/2:o<=25&&(v.top=B),v};let[L,$]=O(F());return G(()=>{const v=u=>{let f=A(I).position(),B=A(k).position(),b=n.getScreenSize(),E=d({},u);return B.top<0&&(E.top=f.top-B.top),B.left<0&&(E.left=f.left-B.left),B.right>b.width&&(E.left=f.left-(B.right-b.width)),B.bottom>b.height&&(E.top=f.top-(B.bottom-b.height)),E};A(I).await(10).addClass(p("Open")).await(250).callback(()=>{$(u=>v(u))}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{$(u=>v(u))},200)}}})},[]),C[0]?i(D,{className:[p("BB"),p("CustomSheet")].join(" "),"data-sheet-id":x,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:L,children:i(oe,{className:[p("GPT"),p("GPT_"+o),p("Col_"+z),p("Row_"+P)].join(" "),position:"absolute",children:i(D,R(d({flexSizing:"none","data-sheet-content":x,maxHeight:"viewHeight",overflow:"auto",padding:1},a),{freeCSS:d({maxWidth:"98vw"},a.freeCSS),children:n.is.function(m)?i(m,{}):m}))})}):null}},TapSensor:e=>i(D,{className:p("TapSensor"),children:i(q.Button.Plain,{className:p("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&N.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>i(y.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let r=e.sheetID||n.uuid.gen(),t=e,{type:l,src:s}=t,c=H(t,["type","src"]);N.open(R(d({type:"normal.topCenter",backgroundColor:"trans"},c),{sheetID:r,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[h]=O(n.flatArray(s)),[o,m]=O(0),w=[],_=[];return h.forEach((g,M)=>{w.push({value:M,label:i(Q,{src:n.flatArray(g)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(i(Q,{width:1,height:"auto",src:n.flatArray(g)[0]}))}),X(K,{gap:0,children:[X(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(ne.Radio,{tone:"border",icon:!1,value:o,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:g})=>{m(g[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),X(q.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{N.close(r)},children:["\u9589\u3058\u308B ",i(te.Times,{})]})]}),i(re,{slideIndex:o,options:{loop:h.length>1,onSlideCallback:g=>{m(g)}},slides:_,wrapper:g=>i(D,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:g})})]})}}));return}y.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=T.get(e.sheetID);r&&r.refresh&&r.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=T.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=T.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,r){var s;e=e==null?void 0:e.replace(/\./g,"-");let l=y.contents[e];if(l&&!(t=="Escape"&&!((s=l.p.close_option)!=null&&s.escapeKeyDown))){let{p:c}=l,{sheetID:h}=c,o=T.get(h);o&&o.close&&o.close(r)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[r,l]of Object.entries(y.contents))(t=l.p.sheetGroups)!=null&&t.includes(e)&&N.close(r)},closeAll:e=>{var t;for(let[r,l]of Object.entries(y.contents))e&&((t=l.p.close_option)==null?void 0:t.pageTransit)==!1||N.close(r,"pageTransit",!0)},Comps:{Body:e=>i(D,d({className:p("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{N as Sheet,N as default};
|
package/dist/fn/Tooltips.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,d as
|
|
1
|
+
import{b as e,c as n,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import i from"@mingoo/jsmin";import d from"../atoms/Box";import t from"./Sheet";const l={__memoryID:i.uuid.gen(),open:o=>{let s=o,{tipsID:a=i.uuid.gen(),tipsGroups:u=[]}=s,r=p(s,["tipsID","tipsGroups"]);t.open(n(e({sheetID:a,sheetGroups:["tooltips",...u]},r),{type:"custom",close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},r.close_option)}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>c(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{l as Tooltips,l as default};
|
package/dist/temps/designBook.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{e as
|
|
1
|
+
import{e as I}from"../chunk-C5N2D3ZX.js";import{Fragment as u,jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as z,useEffect as V}from"react";import w from"@mingoo/jsmin";import{Config as G}from"../@utils";import{Box as o,Span as U,Grid as g,Flex as c,FAI as x,Img as T,Logo as a,Placeholder as q}from"../atoms";import{List as v,LinkifyText as Y,Accordion as M,Row as B,Column as h,Text as n}from"../mols";import{PageViewController as K,SwipeView as J,TabBar as j,Plate as N,Table as m,Input as i,Button as r,Sheet as R,Snackbar as F,Tooltips as C,Loader as k,Effect as X,Cropper as $}from"../fn";const O={_:()=>t(u,{children:[e(O.DarkMode,{}),e(O.ThemeColor,{})]}),DarkMode:()=>t(B.Separate,{children:[e(o,{isSemiBoldFont:!0,fontSize:"4.thirdTitle",children:"Dark Mode"}),e(c,{gap:2,children:e(i.Segmented.Border,{value:G.get().darkMode,textAlign:"left",options:[{value:"light",label:"Light"},{value:"dark",label:"Dark"},{value:"dim",label:"Dim"},{value:"auto",label:"Auto"}],flexCenter:!0,onUpdateValidValue:({value:l})=>{let d=l[0];G.update.darkMode(d)}})})]}),ThemeColor:()=>{const l=p=>{G.update.themeColor(p)};let d=[];const s=["comun","leaf","heart","droplet","brick","flower","lip","wine","theater","bat","poizon","eggplant","ufo","alien","tombstone","ninja","moon","rain","unicorn","axe","gem","soap","drizzle","building","fish","icicles","water","tree1","tree2","tree3","battery","seedle","greenTea","oak","salad","cloudy","lemon","angel","parasol","pizza","thunder","latte","island","shovel","coffee","carrot","cactus","volcano","choco","industry","gun","galaxy","line","twitter","amazon","facebook","android","slackBlue","slackGreen","slackRed","slackYellow","slackBase","googleBlue","googleGreen","googleYellow","googleRed"];for(let p of s)d.push(e(r.Button.Prime.R,{padding:[1,1.5],fontColor:"white",borderRadius:"1.tone.primary",textAlign:"left",backgroundColor:p,onClick:()=>{l(p)},children:e(n.Supplement,{children:p.toCapital()})},p));return t(B.Separate,{children:[e(n.SubTitle,{children:"ThemeColor"}),e(g,{gridCols:5,gap:"1/3",children:d})]})}},S={_:()=>t(u,{children:[t(c,{gap:1,flexChilds:"even",flexNewLine:!0,children:[e(o,{padding:2,ssCardBox:!0,flexCenter:!0,children:"Hello"}),e(o,{padding:2,ssCardBox:"border",flexCenter:!0,children:"Hello"}),e(o,{padding:2,ssCardBox:"cloud",flexCenter:!0,children:"Hello"})]}),t(c,{gap:1,children:[e(o,{flexCenter:!0,children:e(q,{unitWidth:6,unitHeight:6,children:"Placeholder",isRounded:!0})}),t(g,{gridCols:3,gap:1,flexSizing:"auto",children:[e(o,{backgroundColor:"layer.1",padding:2}),e(o,{backgroundColor:"layer.2",padding:2}),e(o,{backgroundColor:"layer.3",padding:2}),e(o,{backgroundColor:"layer.4",padding:2}),e(o,{backgroundColor:"layer.5",padding:2}),e(o,{backgroundColor:"layer.6",padding:2})]}),t(g,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(o,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(o,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(o,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(o,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(o,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(S.Fonts,{}),e(S.Box,{}),e(S.Flex,{}),e(S.Grid,{}),e(S.Others,{})]}),Fonts:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),t(o,{overflow:"auto",padding:1,children:[e(n.Description,{padding:1,children:`<Box
|
|
2
2
|
fontSize={ 0 ~ 8 }
|
|
3
3
|
>
|
|
4
4
|
some text
|
|
5
|
-
</Box>`}),e(
|
|
5
|
+
</Box>`}),e(v,{rowStyles:{flexType:"col",borderBottom:!0,padding:1,flexWrap:!1,gap:"1/2"},rows:[{children:t(u,{children:["\u30FB Landing",t(o,{fontSize:"7.landing",isSemiBoldFont:!0,children:["Visualize Your ",e(U,{fontColor:"theme",children:"Colors"})," On a Real Website"]})]})},{children:t(u,{children:["\u30FB Title",e(o,{fontSize:"6.title",children:"\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u56FD\u6C11\u8CA0\u62C5\u7387\u3092\u516C\u8868\u3057\u307E\u3059"})]})},{children:t(u,{children:["\u30FB SubTitle",e(o,{fontSize:"5.subTitle",children:"\u652F\u6255\u3044\u3092\u53D7\u3051\u4ED8\u3051\u308B"})]})},{children:t(u,{children:["\u30FB ThirdTitle",e(o,{fontSize:"4.thirdTitle",children:"\u79DF\u7A0E\u8CA0\u62C5\u7387\u3068\u793E\u4F1A\u4FDD\u969C\u8CA0\u62C5\u7387\u3092\u5408\u8A08\u3057\u305F\u56FD\u6C11\u8CA0\u62C5\u7387\u306B\u3064\u3044\u3066\u3001\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u898B\u901A\u3057\u3092\u63A8\u8A08\u3057\u307E\u3057\u305F\u306E\u3067\u3001\u516C\u8868\u3057\u307E\u3059\u3002"})]})},{children:t(u,{children:["\u30FB Paragraph",e(n.Description,{fontSize:"3.paragraph",children:e(Y,{text:`
|
|
6
6
|
This article discusses performance best practices for fonts.
|
|
7
7
|
There are a variety of ways in which web fonts impact performance`})})]})},{children:t(u,{children:["\u30FB Normal",e(o,{fontSize:"2.normal",children:"\u52B9\u7387\u7684\u3067\u6301\u7D9A\u53EF\u80FD\u306A\u8CA1\u653F\u3078\u306E\u8EE2\u63DB\u3092\u56F3\u308A\u3001\u3053\u306E\u8CA1\u653F\u69CB\u9020\u3092\u5404\u822C\u306E\u69CB\u9020\u6539\u9769\u3068\u3068\u3082\u306B\u63A8\u9032\u3059\u308B\u3053\u3068\u3067\u3001\u6C11\u9593\u9700\u8981\u4E3B\u5C0E\u306E\u6301\u7D9A\u7684\u7D4C\u6E08\u6210\u9577\u306E\u5B9F\u73FE\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u5C11\u5B50\u30FB\u9AD8\u9F62\u5316\u3001\u56FD\u969B\u5316\u306A\u3069\u7D4C\u6E08\u793E\u4F1A\u306E\u69CB\u9020\u5909\u5316\u306B\u5BFE\u5FDC\u3067\u304D\u308B21\u4E16\u7D00\u306E\u3042\u308B\u3079\u304D\u7A0E\u5236\u3092\u304D\u305A\u304D\u307E\u3059\u3002 \u8CA1\u653F\u6295\u878D\u8CC7\u306F\u3001\u884C\u8CA1\u653F\u6539\u9769\u306E\u8DA3\u65E8\u3092\u8E0F\u307E\u3048\u3001\u6C11\u9593\u3067\u306F\u3067\u304D\u306A\u3044\u5206\u91CE\u30FB\u4E8B\u696D\u306A\u3069\u306B\u91CD\u70B9\u5316\u3092\u884C\u3044\u3001\u771F\u306B\u653F\u7B56\u7684\u306B\u5FC5\u8981\u306A\u8CC7\u91D1\u9700\u8981\u306B\u306F\u7684\u78BA\u306B\u5BFE\u5FDC\u3057\u307E\u3059\u3002 \u91D1\u878D\u5E81\u3068\u5354\u529B\u3057\u3001\u91D1\u878D\u306E\u30BB\u30FC\u30D5\u30C6\u30A3\u30CD\u30C3\u30C8\u3092\u6574\u5099\u3057\u3001\u91D1\u878D\u5371\u6A5F\u306B\u7D20\u65E9\u304F\u5BFE\u5FDC\u3059\u308B\u306A\u3069\u3001\u91D1\u878D\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u306E\u78BA\u4FDD\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u56FD\u969B\u7684\u306A\u5354\u529B\u7B49\u306B\u7A4D\u6975\u7684\u306B\u53D6\u308A\u7D44\u3080\u3053\u3068\u306B\u3088\u308A\u3001\u56FD\u969B\u901A\u8CA8\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u30FB\u56FD\u969B\u8CBF\u6613\u306E\u79E9\u5E8F\u3042\u308B\u767A\u5C55\u3092\u76EE\u6307\u3057\u307E\u3059\u3002"})]})},{children:t(u,{children:["\u30FB Mini",e(o,{fontSize:"1.mini",children:"Copyright \xA9 Ministry of Finance Japan. All Rights Reserved."})]})}]})]})]}),Box:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Box"}),e(o,{padding:1,overflow:"auto",children:e(m.Normal,{ssCardBox:!1,tone:"cellBorder",borderRadius:0,height:1,colLength:2,head:!1,rows:[[{children:e(n.Description,{children:`<Box>
|
|
8
8
|
helloWorld!!
|
|
@@ -60,20 +60,20 @@ maxWidth={ 8 }
|
|
|
60
60
|
src='...'
|
|
61
61
|
alt='noImage'
|
|
62
62
|
/>
|
|
63
|
-
`})},{children:e(
|
|
63
|
+
`})},{children:e(T,{src:a.Images.defaultIcon("user"),alt:"noImage",freeCSS:{maxHeight:12*8,maxWidth:12*8}})}]]})})]})},f={_:()=>t(u,{children:[e(f.Comun,{}),e(f.Mingoo,{}),e(f.Google,{}),e(f.Facebook,{}),e(f.Line,{}),e(f.Twitter,{})]}),Comun:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Comun"}),e(o,{padding:1,overflow:"auto",children:t(h,{padding:2,children:[t(B.Left,{gap:2,children:[e(a.Brands.ComunIcon,{size:"S"}),e(a.Brands.ComunIcon,{size:"R"}),e(a.Brands.ComunIcon,{size:"L"}),e(a.Brands.ComunIcon,{size:"2L"}),e(a.Brands.ComunIcon,{size:"3L"})]}),t(B.Left,{gap:2,children:[e(a.Brands.ComunTitle,{size:"S"}),e(a.Brands.ComunTitle,{size:"R"}),e(a.Brands.ComunTitle,{size:"L"}),e(a.Brands.ComunTitle,{size:"2L"}),e(a.Brands.ComunTitle,{size:"3L"})]}),t(B.Left,{gap:2,children:[e(a.Brands.ComunLogoH,{size:"S"}),e(a.Brands.ComunLogoH,{size:"R"}),e(a.Brands.ComunLogoH,{size:"L"}),e(a.Brands.ComunLogoH,{size:"2L"}),e(a.Brands.ComunLogoH,{size:"3L"})]}),t(B.Left,{gap:2,children:[e(a.Brands.ComunLogoV,{size:"S"}),e(a.Brands.ComunLogoV,{size:"R"}),e(a.Brands.ComunLogoV,{size:"L"}),e(a.Brands.ComunLogoV,{size:"2L"}),e(a.Brands.ComunLogoV,{size:"3L"})]})]})})]}),Mingoo:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Mingoo"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.MingooIcon,{size:"S"}),e(a.Brands.MingooIcon,{size:"R"}),e(a.Brands.MingooIcon,{size:"L"}),e(a.Brands.MingooIcon,{size:"2L"}),e(a.Brands.MingooIcon,{size:"3L"})]})})]}),Google:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Google"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.Google,{size:"S"}),e(a.Brands.Google,{size:"R"}),e(a.Brands.Google,{size:"L"}),e(a.Brands.Google,{size:"2L"}),e(a.Brands.Google,{size:"3L"})]})})]}),Facebook:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Facebook"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.Facebook,{size:"S"}),e(a.Brands.Facebook,{size:"R"}),e(a.Brands.Facebook,{size:"L"}),e(a.Brands.Facebook,{size:"2L"}),e(a.Brands.Facebook,{size:"3L"})]})})]}),Line:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"LINE"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.LINE,{size:"S"}),e(a.Brands.LINE,{size:"R"}),e(a.Brands.LINE,{size:"L"}),e(a.Brands.LINE,{size:"2L"}),e(a.Brands.LINE,{size:"3L"})]})})]}),Twitter:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Twitter"}),e(o,{padding:1,overflow:"auto",children:t(B.Center,{flexType:"col",gap:2,padding:2,children:[e(a.Brands.Twitter,{size:"S"}),e(a.Brands.Twitter,{size:"R"}),e(a.Brands.Twitter,{size:"L"}),e(a.Brands.Twitter,{size:"2L"}),e(a.Brands.Twitter,{size:"3L"})]})})]})},L={_:()=>t(u,{children:[e(L.Ripple,{}),e(L.Variables,{}),e(L.Tooltips,{}),e(L.Snackbar,{})]}),Ripple:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Ripple"}),t(h,{padding:2,children:[e(n.Description,{children:`<Element
|
|
64
64
|
ssEffectsOnActive={ 'ripple.( cloud | theme | nega | posi | warn )' }
|
|
65
65
|
/>`}),t(B.Center,{children:[e(r.Button.Prime.R,{ssEffectsOnActive:["ripple.white"],children:"White"}),e(r.Button.Border.R,{ssEffectsOnActive:["ripple.cloud"],children:"Cloud"}),e(r.Button.Border.R,{children:"Theme",ssEffectsOnActive:["ripple.theme"]})]})]})]}),Variables:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Effects"}),t(h,{padding:2,children:[e(n.Description,{children:`<Button
|
|
66
66
|
ssEffectsOnActive={ 'shrink' }
|
|
67
|
-
/>`}),e(B.Left,{children:e(r.Button.Prime.R,{onClick:()=>{k.fn.mini.active("testLoadingKey"),setTimeout(()=>{k.fn.stopALL()},5e3)},children:t(B.Center,{gap:0,children:[e(k.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(o,{textAlign:"left",children:"Launch Mini Loader"})]})})}),t(B.Left,{children:[e(r.Button.Border.R,{children:"Shrink",ssEffectsOnActive:"shrink"}),e(r.Button.Border.R,{children:"Pudding",ssEffectsOnActive:"pudding"}),e(r.Button.Border.R,{children:"Expand",ssEffectsOnActive:"expand"}),e(r.Button.Border.R,{children:"corner Loader",onClick:()=>{k.fn.corner.active(),setTimeout(()=>{k.fn.corner.stop()},3e3)}})]})]})]}),Tooltips:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"
|
|
67
|
+
/>`}),e(B.Left,{children:e(r.Button.Prime.R,{onClick:()=>{k.fn.mini.active("testLoadingKey"),setTimeout(()=>{k.fn.stopALL()},5e3)},children:t(B.Center,{gap:0,children:[e(k.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(o,{textAlign:"left",children:"Launch Mini Loader"})]})})}),t(B.Left,{children:[e(r.Button.Border.R,{children:"Shrink",ssEffectsOnActive:"shrink"}),e(r.Button.Border.R,{children:"Pudding",ssEffectsOnActive:"pudding"}),e(r.Button.Border.R,{children:"Expand",ssEffectsOnActive:"expand"}),e(r.Button.Border.R,{children:"corner Loader",onClick:()=>{k.fn.corner.active(),setTimeout(()=>{k.fn.corner.stop()},3e3)}})]})]})]}),Tooltips:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Tooltips"}),t(h,{padding:2,children:[e(r.Button.Prime.R,{onClick:l=>{C.open({tipsID:"testTooltips",event:l,nextToCursor:!0,gravityPoint:1,content:e(C.Comps.Body,{children:"Hello World!!"})})},children:"OpenTooltips next to cursor"}),e(g,{gridCols:5,gap:1,children:Array.from({length:25}).map((l,d)=>e(r.Button.Border.R,{onMouseOver:s=>{let p=w.uuid.gen();C.open({event:s,tipsID:"tips-"+(d+1)+"---"+p,gravityPoint:d+1,padding:0,content:e(C.Comps.Body,{children:d},d)})},children:d+1},d))})]})]}),Snackbar:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Snackbars"}),t(B.Center,{padding:2,children:[e(r.Button.Prime.R,{onClick:()=>{F.add({children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r.Button.Prime.R,{onClick:()=>{F.add({secondsToClose:30,children:t(B.Separate,{verticalAlign:"baseline",paddingLeft:"2/3",children:["\u4E88\u7D04\u6642\u9593\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F",e(r.Button.Clear.S,{color:"white",fontColor:"posi",children:"\u5143\u306B\u623B\u3059"})]})})},children:"Notices"}),e(r.Button.Prime.R,{onClick:()=>{let l=w.uuid.gen();F.add({snackID:l,children:t(h,{padding:1,children:[t(B.Left,{verticalAlign:"top",children:[e(T,{src:a.Images.defaultIcon("user"),ssSphere:4}),e(n.Description,{children:`Some Text
|
|
68
68
|
Some Text
|
|
69
|
-
Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{F.remove(
|
|
69
|
+
Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{F.remove(l)},children:"\u9589\u3058\u308B"}),e(r.Anchor.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},P={_:()=>t(u,{children:[e(P.Types,{}),e(P.Tone,{}),e(P.Segmented,{})]}),Tone:()=>t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Tone"}),e(o,{padding:1,overflow:"auto",children:t(g,{gridCols:2,gap:2,children:[t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBPrime"}),t(g,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Prime.R,{color:"theme",children:"theme"}),e(r.Button.Prime.R,{color:"coffee",children:"posi"}),e(r.Button.Prime.R,{color:"ninja",children:"nega"}),e(r.Button.Prime.R,{color:"droplet",children:"warn"}),e(r.Button.Prime.R,{color:"googleBlue",children:"mono"}),e(r.Button.Prime.R,{color:"poizon",children:"pozion"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBSub"}),t(g,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Sub.R,{color:"theme",children:"theme"}),e(r.Button.Sub.R,{color:"posi",children:"posi"}),e(r.Button.Sub.R,{color:"nega",children:"nega"}),e(r.Button.Sub.R,{color:"warn",children:"warn"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]}),t(g,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.Sub.R,{color:"white",children:"white"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBClear"}),t(g,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Clear.R,{color:"theme",children:"theme"}),e(r.Button.Clear.R,{color:"posi",children:"posi"}),e(r.Button.Clear.R,{color:"nega",children:"nega"}),e(r.Button.Clear.R,{color:"warn",children:"warn"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]}),t(g,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.Clear.R,{color:"white",children:"white"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBFillToBorder"}),t(g,{gridCols:3,gap:1,padding:1,children:[e(r.Button.FillToBorder.R,{color:"theme",children:"theme"}),e(r.Button.FillToBorder.R,{color:"posi",children:"posi"}),e(r.Button.FillToBorder.R,{color:"nega",children:"nega"}),e(r.Button.FillToBorder.R,{color:"warn",children:"warn"})]}),t(g,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.FillToBorder.R,{color:"white",children:"white"}),e(r.Button.FillToBorder.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBBorderToFill"}),t(g,{gridCols:3,gap:1,padding:1,children:[e(r.Button.BorderToFill.R,{color:"theme",fontColor:"nega",children:e(o,{children:"theme"})}),e(r.Button.BorderToFill.R,{color:"posi",children:"posi"}),e(r.Button.BorderToFill.R,{color:"nega",children:"nega"}),e(r.Button.BorderToFill.R,{color:"warn",children:"warn"})]}),t(g,{gridCols:3,gap:1,padding:1,backgroundColor:"dark",ssCardBox:!0,children:[e(r.Button.BorderToFill.R,{color:"white",children:"white"}),e(r.Button.BorderToFill.R,{color:"cloud",children:"cloud"})]})]}),t(o,{children:[e(o,{padding:1,fontSize:"3.paragraph",isBoldFont:!0,children:"\u30FBOthers"}),t(g,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Border.R,{children:"Border"}),e(r.Button.Normal.R,{children:"Normal"}),e(r.Button.Link,{children:"Link"}),e(r.Button.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>t(c,{gap:2,flexChilds:"auto",children:[t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBButton"}),e(o,{padding:1,overflow:"auto",children:e(v,{rowStyles:{padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal"},rows:[{children:t(u,{children:[e(o,{children:"<Button.Button.Prime ... />"}),e(o,{children:e(r.Button.Prime.R,{children:"Button.Prime"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Button.Sub ... />"}),e(o,{children:e(r.Button.Sub.R,{children:"Button.Sub AAAA"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Button.Border ... />"}),e(o,{children:e(r.Button.Border.R,{children:"Button.Border"})})]}),borderBottom:"unset"}]})})]}),t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBLabel"}),e(o,{padding:1,overflow:"auto",children:e(v,{rowStyles:{padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal"},rows:[{children:t(u,{children:[e(o,{children:"<Button.Label.Prime ... />"}),e(o,{children:e(r.Label.Prime.R,{children:"Label.Prime"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Label.Sub ... />"}),e(o,{children:e(r.Label.Sub.R,{children:"Label.Sub"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Label.Border ... />"}),e(o,{children:e(r.Label.Border.R,{children:"Label.Border"})})]}),borderBottom:"unset"}]})})]}),t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBAnchor"}),e(o,{padding:1,overflow:"auto",children:e(v,{rowStyles:{padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal"},rows:[{children:t(u,{children:[e(o,{children:"<Button.Anchor.Prime ... />"}),e(o,{children:e(r.Anchor.Prime.R,{href:"",children:"Anchor.Prime"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Anchor.Sub ... />"}),e(o,{children:e(r.Anchor.Sub.R,{href:"",children:"Anchor.Sub"})})]})},{children:t(u,{children:[e(o,{children:"<Button.Anchor.Border ... />"}),e(o,{children:e(r.Anchor.Border.R,{href:"",children:"Anchor.Border"})})]}),borderBottom:"unset"}]})})]}),t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"\u30FBSizes"}),t(g,{gridCols:2,padding:1,gap:2,children:[e(o,{flexCenter:!0,children:e(r.Button.Prime.XS,{children:'size="XS"'})}),e(o,{flexCenter:!0,children:e(r.Button.Prime.S,{children:'size="S"'})}),e(o,{flexCenter:!0,children:e(r.Button.Prime.R,{children:'size="R"'})}),e(o,{flexCenter:!0,children:e(r.Button.Prime.L,{children:'size="L"'})})]})]})]}),Segmented:()=>t(o,{ssCardBox:!0,children:[e(n.ThirdTitle,{padding:1,borderBottom:!0,children:"Segmented"}),t(c,{overflow:"auto",gap:2,padding:3,children:[e(i.Segmented.Auto,{tone:"cloud",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]}),e(i.Segmented.Cloud,{value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]}),e(i.Segmented.Cloud2,{value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]}),e(i.Segmented.Cloud3,{value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]}),e(i.Segmented.Border,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]}),e(i.Segmented.Border2,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]}),e(i.Segmented.BottomLine,{value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})]})]})},Q=()=>{const l={Basic:()=>t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"TextInput"}),t(o,{padding:1,children:[t(B.Separate,{marginBottom:2,children:[e(n.Description,{children:`<Input.Text
|
|
70
70
|
required
|
|
71
71
|
value={ 'hello React!!' }
|
|
72
|
-
/>`}),t(h,{gap:"1/2",children:[t(o,{children:["testInputLabel ",e(i.Comps.RequiredSign,{})]}),e(i.Text.Normal,{required:!0,value:"helloReact"})]})]}),t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Text.Email",e(i.Text.Email,{autoComplete:"off",name:"emailInput",value:"******@gmail.com"})]}),t(o,{children:["Input.Text.Number",e(i.Text.Number,{value:"324"})]}),t(o,{children:["Input.Text.Number(zero)",e(i.Text.Normal,{restrict:"number.zeroStart",value:"0324"})]}),t(o,{children:["Input.DigitCharacters",e(i.DigitCharacters,{numericOnly:!0,value:"0324",digits:6})]}),t(o,{children:["Input.Text.Tel",e(i.Text.Tel,{value:"080-6995-2229"})]}),t(o,{children:["Input.Text.Money.JPY",e(i.Text.Money.JPY,{value:"3000"})]}),t(o,{children:["Input.Text.Url",e(i.Text.Url,{value:"http://google.com"})]}),t(o,{children:["Input.Text.Postal",t(B.Right,{children:[e(o,{flexSizing:0,children:e(i.Text.Postal,{override:"force"})}),e(r.Button.Border.R,{onClick:()=>
|
|
72
|
+
/>`}),t(h,{gap:"1/2",children:[t(o,{children:["testInputLabel ",e(i.Comps.RequiredSign,{})]}),e(i.Text.Normal,{required:!0,value:"helloReact"})]})]}),t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Text.Email",e(i.Text.Email,{autoComplete:"off",name:"emailInput",value:"******@gmail.com"})]}),t(o,{children:["Input.Text.Number",e(i.Text.Number,{value:"324"})]}),t(o,{children:["Input.Text.Number(zero)",e(i.Text.Normal,{restrict:"number.zeroStart",value:"0324"})]}),t(o,{children:["Input.DigitCharacters",e(i.DigitCharacters,{numericOnly:!0,value:"0324",digits:6})]}),t(o,{children:["Input.Text.Tel",e(i.Text.Tel,{value:"080-6995-2229"})]}),t(o,{children:["Input.Text.Money.JPY",e(i.Text.Money.JPY,{value:"3000"})]}),t(o,{children:["Input.Text.Url",e(i.Text.Url,{value:"http://google.com"})]}),t(o,{children:["Input.Text.Postal",t(B.Right,{children:[e(o,{flexSizing:0,children:e(i.Text.Postal,{override:"force"})}),e(r.Button.Border.R,{onClick:()=>I(void 0,null,function*(){}),children:"\u73FE\u5728\u5730\u3092\u53D6\u5F97"})]}),e(o,{id:"postalResult",padding:1,textAlign:"left"})]}),t(o,{children:["Input.Text.Password",e(i.Text.Password,{value:"onigiriUmai"})]}),t(o,{flexNewLine:!0,children:["Input.TextArea",e(i.TextArea,{value:`text1
|
|
73
73
|
text2
|
|
74
74
|
text3
|
|
75
75
|
text4
|
|
76
|
-
text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(i.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(i.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(i.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(i.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(i.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(i.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(i.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(i.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(i.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:d})=>{i.Time.fn.picker.launch({parent:"#timePicker",restrict:d,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(i.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"},{value:5,label:"option5"}]})]}),t(o,{children:["Input.Checkbox",e(i.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(i.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(i.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(i.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...d)=>
|
|
76
|
+
text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(i.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(i.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(i.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(i.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(i.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(i.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(i.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(i.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(i.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:d})=>{i.Time.fn.picker.launch({parent:"#timePicker",restrict:d,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(i.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"},{value:5,label:"option5"}]})]}),t(o,{children:["Input.Checkbox",e(i.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(i.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(i.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(i.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...d)=>I(void 0,null,function*(){let s=[];for(let p=0;p<100;p++)s.push({value:p,label:String(p)});return{options:s}})})]}),t(o,{flexNewLine:!0,children:["Input.Chips",e(i.Chips,{limit:5,value:[{value:"option3",label:"option3"}],onUpdateValidValue:({value:d})=>{console.log(d)},defaultOptions:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"}]})]})]})})})]})}),Variables:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Variables"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.File",e(i.Filer,{limit:3})]}),t(o,{children:["Input.Switch",t(c,{gap:2,children:[e(i.Switch,{}),e(i.Switch,{appearance:"applely",color:"icicles",value:!0}),e(i.Switch,{appearance:"applely",icon:e(x.Check,{}),color:"warn",value:!0})]})]}),t(o,{flexNewLine:!0,children:["Input.Slider",e(i.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(u,{children:e(N,{size:"L",children:t(g,{gap:2,gridCols:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Variables,{})]})})})},Z=()=>{const l=d=>{let s="testModal2";R.open({type:d,sheetID:s,size:"S",padding:2,content:t(R.Comps.Body,{padding:1,children:[e(o,{padding:2,children:"Content"}),e(B.Right,{children:e(r.Button.Prime.R,{onClick:()=>{R.close(s)},children:"\u9589\u3058\u308B"})})]})})};return t(u,{children:[t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"CardBox"}),e(o,{padding:1,overflow:"auto",children:e(n.Description,{children:`<Box ssCardBox>
|
|
77
77
|
<Box>
|
|
78
78
|
Header
|
|
79
79
|
</Box>
|
|
@@ -91,9 +91,9 @@ text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e
|
|
|
91
91
|
content: RightSideReactComponent
|
|
92
92
|
}
|
|
93
93
|
] }
|
|
94
|
-
/>`})}),e(o,{padding:2,overflow:"auto",children:e(
|
|
94
|
+
/>`})}),e(o,{padding:2,overflow:"auto",children:e(v,{border:!0,rowStyles:{padding:1,borderBottom:!0},rows:[{children:t(u,{children:[e(o,{children:"Title1"}),e(o,{children:e(o,{children:"Content1"})})]}),horizontalAlign:"between"},{children:t(u,{children:[e(o,{flexGrid:1,children:"Title2"}),e(o,{flexGrid:2,children:e(o,{children:"Content2"})})]})},{children:t(u,{children:[e(o,{children:"Title3"}),e(o,{children:e(o,{children:"Content3"})})]}),flexType:"col"},{children:e(u,{children:e(o,{children:e(o,{children:"Content4"})})}),borderBottom:"unset"}]})})]}),t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Sheet"}),e(o,{padding:1,overflow:"auto",children:e(n.Description,{children:`Sheet.open( {
|
|
95
95
|
sheetID: 'sheetID',
|
|
96
96
|
header: ReactElement | React.FC< { modalClose } >,
|
|
97
97
|
body: ReactElement | React.FC< { modalClose } >,
|
|
98
98
|
footer: ReactElement | React.FC< { modalClose } >
|
|
99
|
-
} )`})}),t(h,{padding:2,children:[e(r.Button.Border.R,{onClick:d=>{
|
|
99
|
+
} )`})}),t(h,{padding:2,children:[e(r.Button.Border.R,{onClick:d=>{C.open({tipsID:"testTips",parent:d.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(R.Comps.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{R.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(R.Comps.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(o,{flexCenter:!0,children:t(g,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:d=>{C.open({tipsID:"test40",parent:d.currentTarget,content:e(o,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),t(B.Center,{children:["Image Picker",e(T,{src:a.Images.defaultIcon("user"),unitWidth:6,unitHeight:6,showExpand:!0})]})]})]})]})},y={_:()=>e(u,{children:t(h,{children:[e(y.Normal,{}),e(y.Data,{}),e(y.Drag,{}),e(y.Spread,{})]})}),Normal:()=>{let l=[];for(var d=0;d<10;d++){let s=[{children:"head_"+d},{children:"data_"+d},{children:"data_"+d}];l.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Normal"}),e(m.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:s=>{console.log(s)}})]})},Drag:()=>{let l=[];for(var d=0;d<4;d++){let s=[{children:"head_"+d},{children:"data_"+d},{children:"data_"+d}];s.rowID="rowID-"+d,l.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Drag"}),e(m.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onOrderChanged:s=>{console.log(s)}})]})},Data:()=>{let l=[];for(var d=0;d<100;d++){let p=Math.round(Math.random()*50+1),D=Math.round(Math.random()*50+1),A=Math.round(Math.random()*50+1),b="name_"+p,W="data_"+D,E="data_"+A,H=[{type:"th",children:d+":"+b,data:b,orderIndex:d},{type:"td",children:W,data:W},{type:"td",children:E,data:E}];l.push(H)}l[1].checked=!0,l[4].checked=!0,l[10].checked=!0;let s="testDataTable";return t(u,{children:[t(c,{horizontalAlign:"between",children:[e(o,{fontSize:"5.subTitle",children:"Table.Data"}),t(c,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(o,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:p=>{C.open({tipsID:w.uuid.gen(),parent:p.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:e(u,{children:t(h,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})})},children:e(x.EllipsisV,{})})]})]}),t(B.Separate,{verticalAlign:"bottom",children:[t(B.Left,{verticalAlign:"bottom",children:[e(m.Data.SearchInput,{tableID:s}),e(m.Data.Info,{tableID:s})]}),t(B.Right,{verticalAlign:"unset",children:[e(m.Data.RowLength,{tableID:s,lengthSelect:[30,50,100]}),e(m.Data.Paging,{tableID:s})]})]}),e(m.Data,{tableID:s,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:l,pageRowLength:30,ssCardBox:!0,filter:[!0],checker:!0})]})},Spread:()=>e(u,{children:e(o,{fontSize:"5.subTitle",children:"Table.Spread"})})},ee=()=>{let[l,d]=z(""),[s,p]=z(""),[D,A]=z("");return e(u,{children:t(o,{children:[t(r.Button.Prime.R,{onClick:()=>{$.open({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:b=>I(void 0,null,function*(){d(yield b[0].toDataUrl()),p(yield b[1].toDataUrl()),A(yield b[2].toDataUrl())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),t(c,{verticalAlign:"top",gap:1,children:[l&&e(T,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),s&&e(T,{style:{maxWidth:24*12},src:s,alt:"",showExpand:!0}),D&&e(T,{style:{maxWidth:24*12},src:D,alt:"",showExpand:!0}),e(J,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:b=>{}},slides:[e(o,{backgroundColor:"nega",padding:3,flexCenter:!0,children:"test1"}),e(o,{backgroundColor:"posi",padding:3,flexCenter:!0,children:"test2"}),e(o,{backgroundColor:"warn",padding:3,flexCenter:!0,children:"test3"}),e(o,{backgroundColor:"theme",padding:3,flexCenter:!0,children:"test4"})]})]})]})})};let _=()=>{let[l,d]=z(Number(w.queryParams.get().ti)||0);return V(()=>{w.queryParams.set({ti:String(l)})},[l]),e(u,{children:t(h,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",children:[e(j,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",top:"topBase",tabIndex:l,tabs:["Profiles","Basic","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:s=>{localStorage.setItem("designTabHeader",String(s)),d(s)},UnderBreakPointStyles:{position:"static",top:0}}),e(o,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(K,{viewIndex:l,views:[e(O._,{}),e(S._,{}),e(P._,{}),e(Q,{}),e(Z,{}),e(L._,{}),e(y._,{}),e(ee,{}),e(f._,{})],wrapper:s=>e(X.FadeIn,{animationTime:200,children:e(N,{children:e(c,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:s})})},l)})})]})})};export{_ as DesignBook,_ as default};
|