amotify 0.2.30 → 0.2.32
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 +91 -91
- package/dist/fn/Cropper.js +1 -1
- package/dist/fn/Input/Autocomplete.js +1 -1
- package/dist/fn/Input/Filer.js +1 -1
- package/dist/fn/Input/List.d.ts +2 -2
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Search.js +1 -1
- package/dist/fn/Input/Segmented.d.ts +1 -1
- package/dist/fn/Input/Segmented.js +1 -1
- package/dist/fn/Input/Select.d.ts +2 -2
- package/dist/fn/Input/Select.js +1 -1
- package/dist/fn/Input/Switch.js +1 -1
- package/dist/fn/Input/Time/index.js +1 -1
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/TabBar.js +1 -1
- package/dist/temps/designBook.js +9 -9
- package/package.json +2 -2
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as m,c as I,d as $}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as V}from"react/jsx-runtime";import n from"@mingoo/jsmin";import{useState as O,useEffect as W,useRef as re}from"react";import{$$fromRoot as H,Config as Y,useStore as T}from"../@utils";import{Box as E,Flex as ne,Img as q,FAI as ae,Column as K}from"../atoms";import{Row as Z}from"../mols";import ee from"./Button";import se from"./SwipeView";import ie from"./Input";import{SheetClasses as i}from"../@styles/componentClasses";const y={currentIndex:0,contents:{},addNewSheet:function(t){let e=I(m({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,isOpen:!0},t),{sheetID:t.sheetID||n.uuid.gen(),close_option:m({pageTransit:!0,escapeKeyDown:!0,aroundClick:t.type=="custom"},t.close_option)});if(e.type=="custom"&&(e.parent=e.parent||e.event.currentTarget),this.contents[e.sheetID]){let s=T.get(e.sheetID);s&&s.refresh&&s.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,p:e,created_at:n.Time()};let a=T.get("Sheet-"+Y.get().sessionUID);a&&a.refresh()},Wrapper:()=>{let[t,e]=O(n.uuid.gen());W(()=>{T.set({["Sheet-"+Y.get().sessionUID]:{refresh:()=>{e(n.uuid.gen())}}}),n(Y.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(s){let{key:p,metaKey:c}=s;if(p=="Escape"||p==","&&c){let h=Object.values(y.contents).filter(d=>d.isOpen);if(!h.length)return;let o=h.reduce((d,w)=>d.created_at.value>w.created_at.value?d:w);M.close(o.p.sheetID,p)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(s){let p=Object.values(y.contents).filter(o=>o.p.type=="custom");if(!p.length||!!p.find(o=>{let{p:d}=o,w=d.parent,x=s.target,B=H(w)[0];return!!(w==x||B===x||n(B).find(x).length)}))return;let h=s.target;h!=null&&h.closest("."+i("CustomSheet"))||p.forEach(o=>{var d;(d=o.p.close_option)!=null&&d.aroundClick&&M.close(o.p.sheetID)})}})},[]);let a=Object.entries(y.contents).map(([s,p])=>l(E,{id:"Sheet-"+s,children:l(y.Core,m({isOpen:p.isOpen},p.p),s)},s));return l(E,{className:["AMOTIFY_be",i("Wrapper")].join(" "),children:a})},Core:t=>{var G;let[e]=O(n.uuid.gen()),[a,s]=O(t),[p,c]=O(t.isOpen),{type:h,sheetID:o,openAfter:d,closeAfter:w}=a,x=!a.overwrap,B=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]];W(()=>{T.set({[o]:{refresh:(f,r)=>{s(f),c(r!=null?r:!1)},resize:f=>{if(h=="drawer.bottom"){let r=T.get(e);r&&r.resize&&r.resize(f)}else(a.type.includes("normal")||a.type.includes("drawer"))&&s(r=>I(m({},r),{size:f}))},close:f=>{y.contents[o].isOpen=!1,c(!1)},open:()=>{y.contents[o].isOpen=!0,c(!0)}}})}),W(()=>{n.scope(()=>{if(!x||!a.backgroundEffect)return;let f=Object.values(y.contents).filter(b=>b.isOpen&&!b.p.overwrap&&b.p.type!="custom").length,r=H(".AMOTIFY_be_root");if(p){if(r.hasClass(i("FixScroll")))return;let b=n("html"),C=0;f==1&&(C=b[0].scrollTop|0,s(v=>I(m({},v),{bodyScrolls:C}))),Y.get().isPhone||(b[0].scrollTop=0,r.addClass(i("FixScroll")).callback(v=>{v[0].scrollTop=C}).await(40).addClass(i("Float")));return}Y.get().isPhone||f==0&&r.hasClass(i("FixScroll"))&&r.removeClass(i("Float")).await(251).removeClass(i("FixScroll")).callback(()=>{n("html")[0].scrollTop=a.bodyScrolls||0,r[0].scrollTop=0})}),n.scope(()=>{let f=H("#"+e);if(p){f.await(10).removeClass(i("Hide")).await(10).addClass(i("Open")).callback(()=>{let r=y.contents[o];r&&(r.isOpen=!0,d&&d())});return}f.await(10).removeClass(i("Open")).await(251).addClass(i("Hide")).callback(()=>{!w||w();let r=y.contents[o];if(!r||(r.isOpen=!1,a.hold_state))return;delete y.contents[o];let b=T.get("Sheet-"+Y.get().sessionUID);b&&b.refresh()})})},[p]),W(()=>{y.currentIndex++;let{close_option:f}=a;n.scope(()=>{if(!(f!=null&&f.parentBlur))return;let r=n(a.parent);r[0]&&r.addEvent({eventID:"SheetClosation-"+o,eventType:"mouseout",callback:()=>{r.removeEvent("SheetClosation-"+o),c(!1)}})})},[]);let[_,F]=h.split(".");return l(E,{className:[i("Wrap"),i("Tcate_"+_),i("Tpos_"+F),i("isNewSheet_"+x)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:y.currentIndex+1},id:e,children:V(K,{className:i("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!x&&l(y.TapSensor,{sheetID:o,delegateAroundClick:(G=a.close_option)==null?void 0:G.aroundClick}),l(B,m({componentID:e},a))]})},e)},Types:{Normal:t=>{let N=t,{sheetID:e,sheetGroups:a,bodyScrolls:s,content:p,className:c="",type:h,size:o="R",freeCSS:d,openAfter:w,closeAfter:x,close_option:B,hold_state:_,overwrap:F,isOpen:G,backgroundEffect:f}=N,r=$(N,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[b,C]=h.split("."),v={},k=[];return C.match(/top/)?(k.push("top"),v.marginBottom="auto"):C.match(/middle/)?(k.push("center"),v.marginTop="auto",v.marginBottom="auto"):C.match(/bottom/)&&(k.push("bottom"),v.marginTop="auto"),C.match(/left/i)?(k.push("left"),v.marginRight="auto"):C.match(/center/i)?(k.push("center"),v.marginLeft="auto",v.marginRight="auto"):C.match(/right/i)&&(k.push("right"),v.marginLeft="auto"),l(E,I(m(m({className:[i("BB"),c].join(" "),padding:1,transition:"long",opacity:"trans"},r),v),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:k.join(" ")},d),children:n.is.function(p)?l(p,{}):p}))},Edge:t=>{let r=t,{sheetID:e,sheetGroups:a,bodyScrolls:s,type:p,content:c,className:h="",size:o="R",openAfter:d,closeAfter:w,close_option:x,hold_state:B,overwrap:_,isOpen:F,backgroundEffect:G}=r,f=$(r,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return l(E,I(m(I(m({className:[i("BB"),h].join(" ")},p=="drawer.right"?{marginLeft:"auto"}:p=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),f),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},f.freeCSS),children:n.is.function(c)?l(c,{}):c}))},Bottom:t=>{let X=t,{componentID:e,sheetID:a,sheetGroups:s,bodyScrolls:p,content:c,size:h="R",sizeChanged:o,baseStyles:d,openAfter:w,closeAfter:x,close_option:{swipeDown:B=!0}={},hold_state:_,overwrap:F,isOpen:G,backgroundEffect:f}=X,r=$(X,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),b=n.getScreenSize(),C=[0,.2,.6,.95],v={ZERO:0,S:1,R:2,L:3},[k,N]=O(h),[P,j]=O({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[v[h]]});T.update({[e]:{val_edit:P,resize:D=>{let S=C[v[D]];j(u=>I(m({},u),{value:S})),N(D)}}});const A={Start:D=>{n(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:A.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:A.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:A.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:A.End});let S=n.getCursor(D),u=I(m({},P),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:P.value,viewHeight:n.getScreenSize().height});T.update({[e]:{val_edit:u}}),j(u)},Move:D=>{var z;let S=(z=T.get(e))==null?void 0:z.val_edit;if(!S.process)return;let L=(n.getCursor(D).y-S.originY)/S.viewHeight,g=S.originValue-L;if(g>.95)g=.95+(g-.95)*.5;else if(g<.2){let R=.2-g;R-=.1,g=.1+(.1-R)*.5}j(I(m({},S),{value:g}))},End:D=>{var g;let S=(g=T.get(e))==null?void 0:g.val_edit;if(!S.process)return;n(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let u=0;if(S.value<.1||(S.value<.5?u=1:S.value>.75?u=3:u=2),new Date().getTime()-S.processStart<300){let z=n.getCursor(D).y-S.originY;if(Math.abs(z)>=20){let R=+(z<0)*2-1;u+=R,u=Math.min(Math.max(u,0),C.length-1)}}u==0&&(B||(u=1)),N(["ZERO","S","R","L"][u]),j(I(m({},S),{value:C[u],process:!1}))}},U=re(!1);return W(()=>{U.current?k=="ZERO"?B&&M.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(k)},250):U.current=!0},[k]),l(E,{className:i("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:m({maxWidth:12*60,height:b.height*P.value},P.process?{transition:"0s"}:{}),children:V(K,I(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},d),{children:[l(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:l(Z.Center,{onMouseDown:A.Start,onTouchStart:A.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:l(E,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:i("DragBar")})})}),l(E,I(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},r),{children:n.is.function(c)?l(c,{}):c}))]}))})},Custom:t=>{let S=t,{sheetID:e,sheetGroups:a,bodyScrolls:s,event:p,parent:c,nextToCursor:h,gravityPoint:o=22,content:d,close_option:w,hold_state:x,openAfter:B,closeAfter:_,overwrap:F,isOpen:G,backgroundEffect:f}=S,r=$(S,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[b]=O(n.uuid.gen()),C=n.is.element(c)||n.is.jsmin(c)?n(c):H(c),v='[data-sheet-id="'+b+'"]',k='[data-sheet-content="'+b+'"]';o=o;let N=o%5||5,P=Math.ceil(o/5);const j={Init:()=>{if(h&&p){let J=n.getScreenSize(),Q=n.getCursor(p);return{top:Q.y-J.pageYOffset,left:Q.x-J.pageXOffset}}let u={},{top:L,right:g,bottom:z,left:R,height:te,width:oe}=C.position();return[1,2].includes(N)?u.left=R:N==3?u.left=R+oe/2:[4,5].includes(N)&&(u.left=g),o<=10?u.top=L:o<=15?u.top=L+te/2:o<=25&&(u.top=z),u},Adjust:u=>{let L=H(v).position(),g=H(k).position(),z=n.getScreenSize(),R=m({},u);return g.top<0&&(R.top=L.top-g.top),g.left<0&&(R.left=L.left-g.left),g.right>z.width&&(R.left=L.left-(g.right-z.width)),g.bottom>z.height&&(R.top=L.top-(g.bottom-z.height)),R}};let[A,U]=O("init"),[X,D]=O(j.Init());return W(()=>{H(v).await(10).addClass(i("Open")).await(250).callback(()=>{U("adjust")}),T.update({["customSheet-"+t.sheetID]:{reposition:()=>{U("init")}}})},[]),W(()=>{A=="init"?(D(u=>j.Init()),U("adjust")):A=="adjust"&&D(u=>j.Adjust(u))},[A]),C[0]?l(E,{className:[i("BB"),i("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:X,children:l(ne,{position:"absolute",className:[i("GPT"),i("GPT_"+o),i("Col_"+N),i("Row_"+P)].join(" "),children:l(E,I(m({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},r),{freeCSS:m({maxWidth:"98vw"},r.freeCSS),children:n.is.function(d)?l(d,{}):d}))})}):null}},TapSensor:t=>l(E,{className:i("TapSensor"),children:l(ee.Button.Plain,{className:i("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&M.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},M={Wrapper:()=>l(y.Wrapper,{}),open:t=>{let e=t;if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let s=e.sheetID||n.uuid.gen(),a=e,{type:p,src:c}=a,h=$(a,["type","src"]);M.open(I(m({type:"normal.topCenter",backgroundColor:"trans"},h),{sheetID:s,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[o]=O(n.flatArray(c)),[d,w]=O(0),x=[],B=[];return o.forEach((_,F)=>{x.push({value:F,label:l(q,{src:n.flatArray(_)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),B.push(l(q,{width:1,height:"auto",src:n.flatArray(_)[0]}))}),V(K,{gap:0,children:[V(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[l(ie.Radio.Border,{icon:!1,value:d,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:_})=>{w(_[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:x}),l(ee.Button.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{M.close(s)},children:V(Z.Center,{gap:"1/3",children:["\u9589\u3058\u308B",l(ae.Times,{})]})})]}),l(se,{slideIndex:d,options:{loop:o.length>1,onSlideCallback:_=>{w(_)}},slides:B,wrapper:_=>l(E,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:_})})]})}}));return}y.addNewSheet(e)},refresh:(t,e)=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let a=T.get(t.sheetID);a&&a.refresh&&a.refresh(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=T.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=T.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){var p;t=t==null?void 0:t.replace(/\./g,"-");let s=y.contents[t];if(s&&!(e=="Escape"&&!((p=s.p.close_option)!=null&&p.escapeKeyDown))){let{p:c}=s,{sheetID:h}=c,o=T.get(h);o&&o.close&&o.close(a)}},closeGroup:t=>{var e;t=(t||"").replace(/\./g,"-");for(let[a,s]of Object.entries(y.contents))(e=s.p.sheetGroups)!=null&&e.includes(t)&&M.close(a)},closeAll:t=>{var e;for(let[a,s]of Object.entries(y.contents))t&&((e=s.p.close_option)==null?void 0:e.pageTransit)==!1||M.close(a,"pageTransit",!0)},Body:t=>l(E,m({className:i("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{M as Sheet,M as default};
|
|
1
|
+
import{b as g,c as R,d as Y}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as $}from"react/jsx-runtime";import n from"@mingoo/jsmin";import{useState as A,useEffect as X,useRef as te}from"react";import{$$fromRoot as H,Config as U,useStore as _}from"../@utils";import{Box as z,Flex as oe,Img as q,FAI as re,Column as J}from"../atoms";import{Row as K}from"../mols";import ee from"./Button";import ne from"./SwipeView";import se from"./Input";import{SheetClasses as c}from"../@styles/componentClasses";const w={currentIndex:0,contents:{},addNewSheet:function(t){let e=R(g({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,isOpen:!0},t),{sheetID:t.sheetID||n.uuid.gen(),close_option:g({pageTransit:!0,escapeKeyDown:!0,aroundClick:t.type=="custom"},t.close_option)});if(e.type=="custom"&&(e.parent=e.parent||e.event.currentTarget),this.contents[e.sheetID]){let l=_.get(e.sheetID);l&&l.refresh&&l.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,p:e,created_at:n.Time()};let a=_.get("Sheet-"+U.get().sessionUID);a&&a.refresh()},Wrapper:()=>{let[t,e]=A(n.uuid.gen());X(()=>{_.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{e(n.uuid.gen())}}}),n(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(l){let{key:m,metaKey:h}=l;if(m=="Escape"||m==","&&h){let S=Object.values(w.contents).filter(f=>f.isOpen);if(!S.length)return;let r=S.reduce((f,T)=>f.created_at.value>T.created_at.value?f:T);N.close(r.p.sheetID,m)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(l){let m=Object.values(w.contents).filter(r=>r.p.type=="custom");if(!m.length||!!m.find(r=>{let{p:f}=r,T=f.parent,B=l.target,E=H(T)[0];return!!(T==B||E===B||n(E).find(B).length)}))return;let S=l.target;S!=null&&S.closest("."+c("CustomSheet"))||m.forEach(r=>{var f;(f=r.p.close_option)!=null&&f.aroundClick&&N.close(r.p.sheetID)})}})},[]);let a=Object.entries(w.contents).map(([l,m])=>u(z,{id:"Sheet-"+l,children:u(w.Core,g({isOpen:m.isOpen},m.p),l)},l));return u(z,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:a})},Core:t=>{var G;let[e]=A(n.uuid.gen()),[a,l]=A(t),[m,h]=A(t.isOpen),{type:S,sheetID:r,openAfter:f,closeAfter:T}=a,B=!a.overwrap,E=w.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"}[S]];X(()=>{_.set({[r]:{refresh:(v,s)=>{l(v),h(s!=null?s:!1)},resize:v=>{if(S=="drawer.bottom"){let s=_.get(e);s&&s.resize&&s.resize(v)}else(a.type.includes("normal")||a.type.includes("drawer"))&&l(s=>R(g({},s),{size:v}))},close:v=>{w.contents[r].isOpen=!1,h(!1)},open:()=>{w.contents[r].isOpen=!0,h(!0)}}})}),X(()=>{n.scope(()=>{if(!B||!a.backgroundEffect)return;let v=Object.values(w.contents).filter(I=>I.isOpen&&!I.p.overwrap&&I.p.type!="custom").length,s=H(".AMOTIFY_be_root");if(m){if(s.hasClass(c("FixScroll")))return;let I=n("html"),C=0;v==1&&(C=I[0].scrollTop|0,l(y=>R(g({},y),{bodyScrolls:C}))),U.get().isPhone||(I[0].scrollTop=0,s.addClass(c("FixScroll")).callback(y=>{y[0].scrollTop=C}).await(40).addClass(c("Float")));return}U.get().isPhone||v==0&&s.hasClass(c("FixScroll"))&&s.removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{n("html")[0].scrollTop=a.bodyScrolls||0,s[0].scrollTop=0})}),n.scope(()=>{let v=H("#"+e);if(m){v.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{let s=w.contents[r];s&&(s.isOpen=!0,f&&f())});return}v.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{!T||T();let s=w.contents[r];if(!s||(s.isOpen=!1,a.hold_state))return;delete w.contents[r];let I=_.get("Sheet-"+U.get().sessionUID);I&&I.refresh()})})},[m]),X(()=>{w.currentIndex++;let{close_option:v}=a;n.scope(()=>{if(!(v!=null&&v.parentBlur))return;let s=n(a.parent);s[0]&&s.addEvent({eventID:"SheetClosation-"+r,eventType:"mouseout",callback:()=>{s.removeEvent("SheetClosation-"+r),h(!1)}})})},[]);let[k,F]=S.split(".");return u(z,{className:[c("Wrap"),c("Tcate_"+k),c("Tpos_"+F),c("isNewSheet_"+B)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:w.currentIndex+1},id:e,children:$(J,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!B&&u(w.TapSensor,{sheetID:r,delegateAroundClick:(G=a.close_option)==null?void 0:G.aroundClick}),u(E,g({componentID:e},a))]})},e)},Types:{Normal:t=>{let x=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,content:m,className:h="",type:S,size:r="R",freeCSS:f,openAfter:T,closeAfter:B,close_option:E,hold_state:k,overwrap:F,isOpen:G,backgroundEffect:v}=x,s=Y(x,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[I,C]=S.split("."),y={},D=[];return C.match(/top/)?(D.push("top"),y.marginBottom="auto"):C.match(/middle/)?(D.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(D.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(D.push("left"),y.marginRight="auto"):C.match(/center/i)?(D.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(D.push("right"),y.marginLeft="auto"),u(z,R(g(g({className:[c("BB"),h].join(" "),padding:1,transition:"long",opacity:"trans"},s),y),{freeCSS:g({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[r],maxWidth:"96vw",transformOrigin:D.join(" ")},f),children:n.is.function(m)?u(m,{}):m}))},Edge:t=>{let s=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,type:m,content:h,className:S="",size:r="R",openAfter:f,closeAfter:T,close_option:B,hold_state:E,overwrap:k,isOpen:F,backgroundEffect:G}=s,v=Y(s,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return u(z,R(g(R(g({className:[c("BB"),S].join(" ")},m=="drawer.right"?{marginLeft:"auto"}:m=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),v),{freeCSS:g({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},v.freeCSS),children:n.is.function(h)?u(h,{}):h}))},Bottom:t=>{let V=t,{componentID:e,sheetID:a,sheetGroups:l,bodyScrolls:m,content:h,size:S="R",sizeChanged:r,baseStyles:f,openAfter:T,closeAfter:B,close_option:{swipeDown:E=!0}={},hold_state:k,overwrap:F,isOpen:G,backgroundEffect:v}=V,s=Y(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),I=n.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[D,x]=A(S),[O,P]=A({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[S]]});_.update({[e]:{val_edit:O,resize:b=>{let d=C[y[b]];P(p=>R(g({},p),{value:d})),x(b)}}});const W={Start:b=>{n(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:W.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:W.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:W.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:W.End});let d=n.getCursor(b),p=R(g({},O),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:O.value,viewHeight:n.getScreenSize().height});_.update({[e]:{val_edit:p}}),P(p)},Move:b=>{var M;let d=(M=_.get(e))==null?void 0:M.val_edit;if(!d.process)return;let L=(n.getCursor(b).y-d.originY)/d.viewHeight,o=d.originValue-L;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let j=.2-o;j-=.1,o=.1+(.1-j)*.5}P(R(g({},d),{value:o}))},End:b=>{var o;let d=(o=_.get(e))==null?void 0:o.val_edit;if(!d.process)return;n(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(d.value<.1||(d.value<.5?p=1:d.value>.75?p=3:p=2),new Date().getTime()-d.processStart<300){let M=n.getCursor(b).y-d.originY;if(Math.abs(M)>=20){let j=+(M<0)*2-1;p+=j,p=Math.min(Math.max(p,0),C.length-1)}}p==0&&(E||(p=1)),x(["ZERO","S","R","L"][p]),P(R(g({},d),{value:C[p],process:!1}))}},Z=te(!1);return X(()=>{Z.current?D=="ZERO"?E&&N.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(D)},250):Z.current=!0},[D]),u(z,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:g({maxWidth:12*60,height:I.height*O.value},O.process?{transition:"0s"}:{}),children:$(J,R(g({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},f),{children:[u(K.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(K.Center,{onMouseDown:W.Start,onTouchStart:W.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(z,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:c("DragBar")})})}),u(z,R(g({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},s),{children:n.is.function(h)?u(h,{}):h}))]}))})},Custom:t=>{let V=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,event:m,parent:h,nextToCursor:S,gravityPoint:r=22,content:f,close_option:T,hold_state:B,openAfter:E,closeAfter:k,overwrap:F,isOpen:G,backgroundEffect:v}=V,s=Y(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[I]=A(n.uuid.gen()),C=n.is.element(h)||n.is.jsmin(h)?n(h):H(h),y='[data-sheet-id="'+I+'"]',D='[data-sheet-content="'+I+'"]';r=r;let x=r%5||5,O=Math.ceil(r/5);const P={Init:()=>{if(S&&m){let i=n.getScreenSize(),Q=n.getCursor(m);return{top:Q.y-i.pageYOffset,left:Q.x-i.pageXOffset}}let b={},{top:d,right:p,bottom:L,left:o,height:M,width:j}=C.position();return[1,2].includes(x)?b.left=o:x==3?b.left=o+j/2:[4,5].includes(x)&&(b.left=p),r<=10?b.top=d:r<=15?b.top=d+M/2:r<=25&&(b.top=L),b},Adjust:()=>{let b=H(y).position(),d=H(D).position(),p=C.position(),L=n.getScreenSize(),o={};for(let i in d)o[i]=d[i];{let i=0;O==1?i=p.top-o.bottom:O==2?i=p.top-o.top:O==3?i=p.top-o.top+(p.height-o.height)/2:O==4?i=p.bottom-o.bottom:O==5&&(i=p.bottom-o.top),o.top+=i,o.bottom+=i}{let i=0;x==1?i=p.left-o.right:x==2?i=p.left-o.left:x==3?i=p.left-o.left+(p.width-o.width)/2:x==4?i=p.right-o.right:x==5&&(i=p.right-o.left),o.left+=i,o.right+=i}if(o.top<0){let i=-o.top;o.top+=i,o.bottom+=i}if(o.bottom>L.height){let i=o.bottom-L.height;o.top-=i,o.bottom-=i}if(o.left<0){let i=-o.left;o.left+=i,o.right+=i}if(o.right>L.width){let i=o.right-L.width;o.left-=i,o.right-=i}let M=o.top-d.top,j=o.left-d.left;n(y).css({top:b.top+M+"px",left:b.left+j+"px"})}};let[W,Z]=A(P.Init());return X(()=>{H(y).await(10).addClass(c("Open")).await(200).callback(()=>{P.Adjust()}),_.update({["customSheet-"+t.sheetID]:{reposition:()=>{P.Adjust()}}})},[]),C[0]?u(z,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":I,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:W,children:u(oe,{position:"absolute",className:[c("GPT"),c("GPT_"+r),c("Col_"+x),c("Row_"+O)].join(" "),children:u(z,R(g({"data-sheet-content":I,flexSizing:"none",maxHeight:"viewHeight"},s),{freeCSS:g({maxWidth:"98vw"},s.freeCSS),children:n.is.function(f)?u(f,{}):f}))})}):null}},TapSensor:t=>u(z,{className:c("TapSensor"),children:u(ee.Button.Plain,{className:c("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&N.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>u(w.Wrapper,{}),open:t=>{let e=t;if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let l=e.sheetID||n.uuid.gen(),a=e,{type:m,src:h}=a,S=Y(a,["type","src"]);N.open(R(g({type:"normal.topCenter",backgroundColor:"trans"},S),{sheetID:l,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[r]=A(n.flatArray(h)),[f,T]=A(0),B=[],E=[];return r.forEach((k,F)=>{B.push({value:F,label:u(q,{src:n.flatArray(k)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),E.push(u(q,{width:1,height:"auto",src:n.flatArray(k)[0]}))}),$(J,{gap:0,children:[$(K.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[u(se.Radio.Border,{icon:!1,value:f,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:k})=>{T(k)},cellStyles:{borderWidth:2,padding:"1/3"},options:B}),u(ee.Button.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{N.close(l)},children:$(K.Center,{gap:"1/3",children:["\u9589\u3058\u308B",u(re.Times,{})]})})]}),u(ne,{slideIndex:f,options:{loop:r.length>1,onSlideCallback:k=>{T(k)}},slides:E,wrapper:k=>u(z,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:k})})]})}}));return}w.addNewSheet(e)},refresh:(t,e)=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let a=_.get(t.sheetID);a&&a.refresh&&a.refresh(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=_.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=_.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){var m;t=t==null?void 0:t.replace(/\./g,"-");let l=w.contents[t];if(l&&!(e=="Escape"&&!((m=l.p.close_option)!=null&&m.escapeKeyDown))){let{p:h}=l,{sheetID:S}=h,r=_.get(S);r&&r.close&&r.close(a)}},closeGroup:t=>{var e;t=(t||"").replace(/\./g,"-");for(let[a,l]of Object.entries(w.contents))(e=l.p.sheetGroups)!=null&&e.includes(t)&&N.close(a)},closeAll:t=>{var e;for(let[a,l]of Object.entries(w.contents))t&&((e=l.p.close_option)==null?void 0:e.pageTransit)==!1||N.close(a,"pageTransit",!0)},Body:t=>u(z,g({className:c("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{N as Sheet,N as default};
|
package/dist/fn/TabBar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as p,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{useEffect as s}from"react";import{Box as c,Flex as x}from"../atoms";import v from"./Input";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:n,componentDidMount:r}=i,l=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{r&&r()},[]),o(x,p(a({position:"relative",overflow:"auto",flexWrap:!1},l),{freeCSS:a({zIndex:3,whiteSpace:"nowrap"},l.freeCSS),children:o(c,{margin:[0,"auto"],children:o(v.Segmented.Bottomline,{value:d,fontColor:"inherit",gap:0,override:"force",options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value
|
|
1
|
+
import{b as a,c as p,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{useEffect as s}from"react";import{Box as c,Flex as x}from"../atoms";import v from"./Input";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:n,componentDidMount:r}=i,l=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{r&&r()},[]),o(x,p(a({position:"relative",overflow:"auto",flexWrap:!1},l),{freeCSS:a({zIndex:3,whiteSpace:"nowrap"},l.freeCSS),children:o(c,{margin:[0,"auto"],children:o(v.Segmented.Bottomline,{value:d,fontColor:"inherit",gap:0,override:"force",options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value;n&&n(t)}})})}))};export{u as TabBar,u as default};
|
package/dist/temps/designBook.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{b as M,c as
|
|
1
|
+
import{b as M,c as _,e as A}from"../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as D,useEffect as W}from"react";import S,{Filer as N}from"@mingoo/jsmin";import{Config as R,ThemeColors as J,Box as t,Span as K,Grid as c,Flex as h,FAI as x,Img as w,Logo as i,Column as p,Placeholder as j,List as y,ListItem as O,LinkifyText as $,Accordion as U,Row as s,Text as n,PageViewController as Q,SwipeView as Z,TabBar as ee,Plate as H,Table as C,Input as d,Button as r,Sheet as b,Snackbar as G,Tooltips as k,Loader as P,Effect as oe,Cropper as te,RootViewController as re}from"..";const v={index:()=>o(B,{children:[o(h,{gap:1,children:[e(t,{flexCenter:!0,children:e(j,{ssSphere:6,children:"Placeholder"})}),o(c,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(c,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(v.Fonts,{}),e(v.Box,{}),e(v.Flex,{}),e(v.Grid,{}),e(v.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{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(y,{items:[o(B,{children:["\u30FB Landing",o(t,{isSemiBoldFont:!0,fontSize:"7.landing",children:["Visualize Your ",e(K,{fontColor:"theme",children:"Colors"})," On a Real Website"]})]}),o(B,{children:["\u30FB Title",e(t,{fontSize:"6.title",children:"\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u56FD\u6C11\u8CA0\u62C5\u7387\u3092\u516C\u8868\u3057\u307E\u3059"})]}),o(B,{children:["\u30FB SubTitle",e(t,{fontSize:"5.subTitle",children:"\u652F\u6255\u3044\u3092\u53D7\u3051\u4ED8\u3051\u308B"})]}),o(B,{children:["\u30FB ThirdTitle",e(t,{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"})]}),o(B,{children:["\u30FB Paragraph",e(n.Description,{fontSize:"3.paragraph",children:e($,{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`})})]}),o(B,{children:["\u30FB Normal",e(t,{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"})]}),o(B,{children:["\u30FB Mini",e(t,{fontSize:"1.mini",children:"Copyright \xA9 Ministry of Finance Japan. All Rights Reserved."})]})]})]})]}),Box:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Box"}),e(t,{padding:1,overflow:"auto",children:e(C.Normal,{ssCardBox:!1,borderRadius:0,height:1,tone:"cellBorder",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(w,{src:i.Images.defaultIcon("user"),alt:"noImage",freeCSS:{maxHeight:12*8,maxWidth:12*8}})}]]})})]})},f={index:()=>o(B,{children:[e(f.Comun,{}),e(f.Mingoo,{}),e(f.Google,{}),e(f.Facebook,{}),e(f.Line,{}),e(f.Twitter,{})]}),Comun:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Comun"}),e(t,{padding:1,overflow:"auto",children:o(p,{padding:2,children:[o(s.Left,{gap:2,children:[e(i.Brands.ComunIcon,{size:"S"}),e(i.Brands.ComunIcon,{size:"R"}),e(i.Brands.ComunIcon,{size:"L"}),e(i.Brands.ComunIcon,{size:"2L"}),e(i.Brands.ComunIcon,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(i.Brands.ComunTitle,{size:"S"}),e(i.Brands.ComunTitle,{size:"R"}),e(i.Brands.ComunTitle,{size:"L"}),e(i.Brands.ComunTitle,{size:"2L"}),e(i.Brands.ComunTitle,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(i.Brands.ComunLogoH,{size:"S"}),e(i.Brands.ComunLogoH,{size:"R"}),e(i.Brands.ComunLogoH,{size:"L"}),e(i.Brands.ComunLogoH,{size:"2L"}),e(i.Brands.ComunLogoH,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(i.Brands.ComunLogoV,{size:"S"}),e(i.Brands.ComunLogoV,{size:"R"}),e(i.Brands.ComunLogoV,{size:"L"}),e(i.Brands.ComunLogoV,{size:"2L"}),e(i.Brands.ComunLogoV,{size:"3L"})]})]})})]}),Mingoo:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Mingoo"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{gap:2,padding:2,flexType:"col",children:[e(i.Brands.MingooIcon,{size:"S"}),e(i.Brands.MingooIcon,{size:"R"}),e(i.Brands.MingooIcon,{size:"L"}),e(i.Brands.MingooIcon,{size:"2L"}),e(i.Brands.MingooIcon,{size:"3L"})]})})]}),Google:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Google"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.Google,{size:"S"}),e(i.Brands.Google,{size:"R"}),e(i.Brands.Google,{size:"L"}),e(i.Brands.Google,{size:"2L"}),e(i.Brands.Google,{size:"3L"})]})})]}),Facebook:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Facebook"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.Facebook,{size:"S"}),e(i.Brands.Facebook,{size:"R"}),e(i.Brands.Facebook,{size:"L"}),e(i.Brands.Facebook,{size:"2L"}),e(i.Brands.Facebook,{size:"3L"})]})})]}),Line:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"LINE"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.LINE,{size:"S"}),e(i.Brands.LINE,{size:"R"}),e(i.Brands.LINE,{size:"L"}),e(i.Brands.LINE,{size:"2L"}),e(i.Brands.LINE,{size:"3L"})]})})]}),Twitter:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Twitter"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.Twitter,{size:"S"}),e(i.Brands.Twitter,{size:"R"}),e(i.Brands.Twitter,{size:"L"}),e(i.Brands.Twitter,{size:"2L"}),e(i.Brands.Twitter,{size:"3L"})]})})]})},
|
|
63
|
+
`})},{children:e(w,{src:i.Images.defaultIcon("user"),alt:"noImage",freeCSS:{maxHeight:12*8,maxWidth:12*8}})}]]})})]})},f={index:()=>o(B,{children:[e(f.Comun,{}),e(f.Mingoo,{}),e(f.Google,{}),e(f.Facebook,{}),e(f.Line,{}),e(f.Twitter,{})]}),Comun:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Comun"}),e(t,{padding:1,overflow:"auto",children:o(p,{padding:2,children:[o(s.Left,{gap:2,children:[e(i.Brands.ComunIcon,{size:"S"}),e(i.Brands.ComunIcon,{size:"R"}),e(i.Brands.ComunIcon,{size:"L"}),e(i.Brands.ComunIcon,{size:"2L"}),e(i.Brands.ComunIcon,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(i.Brands.ComunTitle,{size:"S"}),e(i.Brands.ComunTitle,{size:"R"}),e(i.Brands.ComunTitle,{size:"L"}),e(i.Brands.ComunTitle,{size:"2L"}),e(i.Brands.ComunTitle,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(i.Brands.ComunLogoH,{size:"S"}),e(i.Brands.ComunLogoH,{size:"R"}),e(i.Brands.ComunLogoH,{size:"L"}),e(i.Brands.ComunLogoH,{size:"2L"}),e(i.Brands.ComunLogoH,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(i.Brands.ComunLogoV,{size:"S"}),e(i.Brands.ComunLogoV,{size:"R"}),e(i.Brands.ComunLogoV,{size:"L"}),e(i.Brands.ComunLogoV,{size:"2L"}),e(i.Brands.ComunLogoV,{size:"3L"})]})]})})]}),Mingoo:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Mingoo"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{gap:2,padding:2,flexType:"col",children:[e(i.Brands.MingooIcon,{size:"S"}),e(i.Brands.MingooIcon,{size:"R"}),e(i.Brands.MingooIcon,{size:"L"}),e(i.Brands.MingooIcon,{size:"2L"}),e(i.Brands.MingooIcon,{size:"3L"})]})})]}),Google:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Google"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.Google,{size:"S"}),e(i.Brands.Google,{size:"R"}),e(i.Brands.Google,{size:"L"}),e(i.Brands.Google,{size:"2L"}),e(i.Brands.Google,{size:"3L"})]})})]}),Facebook:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Facebook"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.Facebook,{size:"S"}),e(i.Brands.Facebook,{size:"R"}),e(i.Brands.Facebook,{size:"L"}),e(i.Brands.Facebook,{size:"2L"}),e(i.Brands.Facebook,{size:"3L"})]})})]}),Line:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"LINE"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.LINE,{size:"S"}),e(i.Brands.LINE,{size:"R"}),e(i.Brands.LINE,{size:"L"}),e(i.Brands.LINE,{size:"2L"}),e(i.Brands.LINE,{size:"3L"})]})})]}),Twitter:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Twitter"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(i.Brands.Twitter,{size:"S"}),e(i.Brands.Twitter,{size:"R"}),e(i.Brands.Twitter,{size:"L"}),e(i.Brands.Twitter,{size:"2L"}),e(i.Brands.Twitter,{size:"3L"})]})})]})},F={index:()=>o(B,{children:[e(F.Ripple,{}),e(F.Variables,{}),e(F.Tooltips,{}),e(F.Snackbar,{})]}),Ripple:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Ripple"}),o(p,{padding:2,children:[e(n.Description,{children:`<Element
|
|
64
64
|
ssEffectsOnActive={ 'ripple.( cloud | theme | nega | posi | warn )' }
|
|
65
65
|
/>`}),o(s.Center,{children:[e(t,{ssCardBox:!0,padding:1,ssEffectsOnActive:"ripple.theme",children:"DIV"}),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,{ssEffectsOnActive:"ripple.theme",children:"Theme"})]})]})]}),Variables:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Effects"}),o(p,{padding:2,children:[e(n.Description,{children:`<Button
|
|
66
66
|
ssEffectsOnActive={ 'shrink' }
|
|
67
|
-
/>`}),e(s.Left,{children:e(r.Button.Prime.R,{onClick:()=>{
|
|
67
|
+
/>`}),e(s.Left,{children:e(r.Button.Prime.R,{onClick:()=>{P.fn.mini.active("testLoadingKey"),setTimeout(()=>{P.fn.stopALL()},5e3)},children:o(s.Center,{gap:0,children:[e(P.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(t,{textAlign:"left",children:"Launch Mini Loader"})]})})}),o(s.Left,{children:[e(r.Button.Border.R,{ssEffectsOnActive:"shrink",children:"Shrink"}),e(r.Button.Border.R,{ssEffectsOnActive:"pudding",children:"Pudding"}),e(r.Button.Border.R,{ssEffectsOnActive:"expand",children:"Expand"}),e(r.Button.Border.R,{ssEffectsOnActive:"push",children:"Push"}),e(r.Button.Border.R,{children:"corner Loader",onClick:()=>{P.fn.corner.active(),setTimeout(()=>{P.fn.corner.stop()},3e3)}})]})]})]}),Tooltips:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Tooltips"}),o(p,{padding:2,children:[o(r.Button.Prime.R,{onContextMenu:l=>{l.preventDefault(),k.open({tipsID:"testTooltips",event:l,nextToCursor:!0,gravityPoint:10,close_option:{parentBlur:!1},padding:0,freeCSS:{minWidth:12*16},content:o(p,{ssCardBox:!0,gap:0,borderRadius:"3.tone.tertiary",padding:"1/2",children:[e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label1"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label2"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label3"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label4"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label5"})]})})},children:["OpenTooltips next to cursor",e("br",{}),"( onContextMenu )"]}),e(c,{gridCols:5,gap:1,children:Array.from({length:25}).map((l,a)=>e(r.Button.Border.R,{onMouseOver:u=>{k.open({tipsID:"tips-"+(a+1),event:u,gravityPoint:a+1,close_option:{parentBlur:!1},padding:0,content:e(k.Body,{children:a},a)})},children:a+1},a))})]})]}),Snackbar:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Snackbars"}),o(s.Center,{padding:2,children:[e(r.Button.Prime.R,{onClick:()=>{G.add({secondsToClose:3,children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r.Button.Prime.R,{onClick:()=>{G.add({snackID:"testSnackID1",secondsToClose:30,children:o(s.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=S.uuid.gen();G.add({snackID:l,children:o(p,{padding:1,children:[o(s.Left,{verticalAlign:"top",children:[e(w,{src:i.Images.defaultIcon("user"),ssSphere:4}),e(n.Description,{children:`Some Text
|
|
68
68
|
Some Text
|
|
69
|
-
Some Text`})]}),o(s.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{G.remove(l)},children:"\u9589\u3058\u308B"}),e(r.Anchor.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},V={index:()=>o(B,{children:[e(V.Types,{}),e(V.Tone,{})]}),Tone:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Tone"}),e(t,{padding:1,overflow:"auto",children:o(c,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(c,{gridCols:3,padding:1,gap: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"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(c,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Sub.R,{color:"white",children:"white"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(c,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Clear.R,{color:"white",children:"white"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(c,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.FillToBorder.R,{color:"white",children:"white"}),e(r.Button.FillToBorder.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.BorderToFill.R,{color:"theme",fontColor:"nega",children:e(t,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.BorderToFill.R,{color:"white",children:"white"}),e(r.Button.BorderToFill.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(c,{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:()=>o(h,{gap:2,flexChilds:"auto",children:[o(t,{ssCardBox:!0,children:[e(n.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBButton"}),e(t,{padding:1,overflow:"auto",children:e(
|
|
69
|
+
Some Text`})]}),o(s.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{G.remove(l)},children:"\u9589\u3058\u308B"}),e(r.Anchor.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},V={index:()=>o(B,{children:[e(V.Types,{}),e(V.Tone,{})]}),Tone:()=>o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Tone"}),e(t,{padding:1,overflow:"auto",children:o(c,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(c,{gridCols:3,padding:1,gap: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"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(c,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Sub.R,{color:"white",children:"white"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(c,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Clear.R,{color:"white",children:"white"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(c,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.FillToBorder.R,{color:"white",children:"white"}),e(r.Button.FillToBorder.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.BorderToFill.R,{color:"theme",fontColor:"nega",children:e(t,{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"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.BorderToFill.R,{color:"white",children:"white"}),e(r.Button.BorderToFill.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(c,{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:()=>o(h,{gap:2,flexChilds:"auto",children:[o(t,{ssCardBox:!0,children:[e(n.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBButton"}),e(t,{padding:1,overflow:"auto",children:e(y,{items:[o(B,{children:[e(r.Button.Prime.R,{children:"Button.Prime"}),"Button.Button.Prime"]}),o(B,{children:[e(r.Button.Sub.R,{children:"Button.Sub"}),"Button.Button.Sub"]}),o(B,{children:[e(r.Button.Border.R,{children:"Button.Border"}),"Button.Button.Border"]})]})})]}),o(t,{ssCardBox:!0,children:[e(n.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBLabel"}),e(t,{padding:1,overflow:"auto",children:e(y,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(B,{children:["Button.Label.Prime",e(r.Label.Prime.R,{children:"Label.Prime"})]}),o(B,{children:["Button.Label.Sub",e(r.Label.Sub.R,{children:"Label.Sub"})]}),o(B,{children:["Button.Label.Border",e(r.Label.Border.R,{children:"Label.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(n.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBAnchor"}),e(t,{padding:1,overflow:"auto",children:e(y,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(B,{children:["Button.Anchor.Prime",e(r.Anchor.Prime.R,{href:"",children:"Anchor.Prime"})]}),o(B,{children:["Button.Anchor.Sub",e(r.Anchor.Sub.R,{href:"",children:"Anchor.Sub"})]}),o(B,{children:["Button.Anchor.Border",e(r.Anchor.Border.R,{href:"",children:"Anchor.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(n.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBSizes"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(r.Button.Prime.XS,{children:'size="XS"'})}),e(s.Left,{children:e(r.Button.Prime.S,{children:'size="S"'})}),e(s.Left,{children:e(r.Button.Prime.R,{children:'size="R"'})}),e(s.Left,{children:e(r.Button.Prime.L,{children:'size="L"'})})]})]})]})},le={index:()=>{let l=a=>e(t,M({flexCenter:!0,ssCardBox:"layer",textAlign:"center",padding:2},a));return o(p,{gap:4,children:[o(p,{children:[e(n.Paragraph,{children:"Shadows"}),o(c,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min",children:"0.min"}),e(l,{boxShadow:"0.normal",children:"0.normal"}),e(l,{boxShadow:"0.remark",children:"0.remark"}),e(l,{boxShadow:"0.max",children:"0.max"}),e(l,{boxShadow:"1.min",children:"1.min"}),e(l,{boxShadow:"1.normal",children:"1.normal"}),e(l,{boxShadow:"1.remark",children:"1.remark"}),e(l,{boxShadow:"1.max",children:"1.max"}),e(l,{boxShadow:"2.min",children:"2.min"}),e(l,{boxShadow:"2.normal",children:"2.normal"}),e(l,{boxShadow:"2.remark",children:"2.remark"}),e(l,{boxShadow:"2.max",children:"2.max"}),e(l,{boxShadow:"3.min",children:"3.min"}),e(l,{boxShadow:"3.normal",children:"3.normal"}),e(l,{boxShadow:"3.remark",children:"3.remark"}),e(l,{boxShadow:"3.max",children:"3.max"}),e(l,{boxShadow:"4.min",children:"4.min"}),e(l,{boxShadow:"4.normal",children:"4.normal"}),e(l,{boxShadow:"4.remark",children:"4.remark"}),e(l,{boxShadow:"4.max",children:"4.max"}),e(l,{boxShadow:"5.min",children:"5.min"}),e(l,{boxShadow:"5.normal",children:"5.normal"}),e(l,{boxShadow:"5.remark",children:"5.remark"}),e(l,{boxShadow:"5.max",children:"5.max"})]})]}),o(p,{children:[e(n.Paragraph,{children:"Inset Shadows"}),o(c,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min.inset",children:"0.min.inset"}),e(l,{boxShadow:"0.normal.inset",children:"0.normal.inset"}),e(l,{boxShadow:"0.remark.inset",children:"0.remark.inset"}),e(l,{boxShadow:"0.max.inset",children:"0.max.inset"}),e(l,{boxShadow:"1.min.inset",children:"1.min.inset"}),e(l,{boxShadow:"1.normal.inset",children:"1.normal.inset"}),e(l,{boxShadow:"1.remark.inset",children:"1.remark.inset"}),e(l,{boxShadow:"1.max.inset",children:"1.max.inset"}),e(l,{boxShadow:"2.min.inset",children:"2.min.inset"}),e(l,{boxShadow:"2.normal.inset",children:"2.normal.inset"}),e(l,{boxShadow:"2.remark.inset",children:"2.remark.inset"}),e(l,{boxShadow:"2.max.inset",children:"2.max.inset"}),e(l,{boxShadow:"3.min.inset",children:"3.min.inset"}),e(l,{boxShadow:"3.normal.inset",children:"3.normal.inset"}),e(l,{boxShadow:"3.remark.inset",children:"3.remark.inset"}),e(l,{boxShadow:"3.max.inset",children:"3.max.inset"})]})]})]})}},ne=()=>{const l={Basic:()=>o(t,{ssCardBox:!0,children:[e(n.Paragraph,{borderBottom:!0,padding:1,children:"TextInput"}),o(p,{padding:1,gap:2,children:[o(s.Separate,{marginBottom:2,children:[e(n.Description,{children:`<Input.Text
|
|
70
70
|
required
|
|
71
71
|
value={ 'hello React!!' }
|
|
72
|
-
/>`}),e(d.TextField,{label:"testInputLabel",required:!0,value:"helloReact"})]}),
|
|
72
|
+
/>`}),e(d.TextField,{label:"testInputLabel",required:!0,value:"helloReact"})]}),e(d.TextField.Email,{label:"Input.TextField.Email",autoComplete:"off",name:"emailInput",value:"******@gmail.com"}),e(d.TextField.Number,{label:"Input.TextField.Number",value:"324"}),e(d.TextField,{label:"Input.TextField (number.zeroStart)",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(d.DigitCharacters,{numericOnly:!0,value:"0324",digits:6})]}),e(d.TextField.Tel,{label:"Input.TextField.Tel",value:"080-6995-2229"}),e(d.TextField.Money.JPY,{value:"3000",placeholder:"\u91D1\u984D",label:"Input.TextField.Money.JPY"}),e(d.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com"}),o(t,{children:[o(s.Right,{verticalAlign:"unset",children:[e(t,{flexSizing:0,children:e(d.TextField.Postal,{label:"Input.TextField.Postal",override:"force"})}),e(r.Button.Border.R,{onClick:()=>A(void 0,null,function*(){}),children:"\u73FE\u5728\u5730\u3092\u53D6\u5F97"})]}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(d.TextField.Password,{label:"Input.TextField.Password",value:"onigiriUmai"}),e(d.TextField,{label:"Input.TextField (multiline)",multiline:!0,autoHeight:!1,value:`text1
|
|
73
73
|
text2
|
|
74
74
|
text3
|
|
75
75
|
text4
|
|
76
|
-
text5`,minRows:5}),e(d.TextField,{label:"Input.TextField (autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:a=>{console.log(a)}})]})]}),Time:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(n.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(d.Time.Clock,{label:"Input.Time.Clock"}),e(d.Time.Date,{label:"Input.Time.Date"}),e(d.Time.Week,{label:"Input.Time.Week"}),e(d.Time.Month,{label:"Input.Time.Month"}),e(d.Time.Year,{label:"Input.Time.Year"}),e(d.Time.Periods.Date,{label:"Input.Time.Periods.Date"}),e(d.Time.Periods.Month,{label:"Input.Time.Periods.Month"}),e(d.Time.DateWareki,{label:"Input.Time.DateWareki"}),e(t,{children:e(d.Select,{label:"Input.TimePicker",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:a})=>{d.Time.fn.picker.launch({parent:"#timePicker",restrict:a,defaultValue:"",onValueUpdate:u=>{console.log(u)}})}})})]})})]})}),List:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(n.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(d.Checkbox,{value:[2,"3"],minSelect:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(d.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(d.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:a=>o(r.Button.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:a.isChecked?"theme":"5.translucent",onClick:u=>{u.preventDefault(),u.stopPropagation(),a.toggle()},children:[e(
|
|
76
|
+
text5`,minRows:5}),e(d.TextField,{label:"Input.TextField (autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:a=>{console.log(a)}})]})]}),Time:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(n.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(d.Time.Clock,{label:"Input.Time.Clock"}),e(d.Time.Date,{label:"Input.Time.Date"}),e(d.Time.Week,{label:"Input.Time.Week"}),e(d.Time.Month,{label:"Input.Time.Month"}),e(d.Time.Year,{label:"Input.Time.Year"}),e(d.Time.Periods.Date,{label:"Input.Time.Periods.Date"}),e(d.Time.Periods.Month,{label:"Input.Time.Periods.Month"}),e(d.Time.DateWareki,{label:"Input.Time.DateWareki"}),e(t,{children:e(d.Select,{label:"Input.TimePicker",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:a})=>{d.Time.fn.picker.launch({parent:"#timePicker",restrict:a,defaultValue:"",onValueUpdate:u=>{console.log(u)}})}})})]})})]})}),List:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(n.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(d.Checkbox,{value:[2,"3"],minSelect:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(d.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(d.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:a=>o(r.Button.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:a.isChecked?"theme":"5.translucent",onClick:u=>{u.preventDefault(),u.stopPropagation(),a.toggle()},children:[e(x.Heart,{})," 3"]})})]})]}),o(p,{children:[e(n.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(d.Radio,{value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(d.Checkbox,{icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(d.Checkbox.Simple,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(d.Checkbox.Normal,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(d.Checkbox.Vivid,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(d.Checkbox.Cloud,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(d.Radio.Border,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(n.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(d.Select,{label:"Input.Select",required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(d.Search,{label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],DynamicOptionsOnSearch:(...a)=>A(void 0,null,function*(){let u=[];for(let g=0;g<100;g++)u.push({value:g,label:String(g)});return u})}),e(d.Autocomplete,{label:"Input.Autocomplete",SelectorGravityPoint:6,max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}],onUpdateValidValue:({value:a})=>{console.log(a)}})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(n.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(d.Segmented,{value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(s.Left,{children:e(d.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(s.Left,{children:e(d.Segmented.CloudTheme,{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(s.Left,{children:e(d.Segmented.CloudMono,{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(s.Left,{children:e(d.Segmented.Border,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{children:e(d.Segmented.BorderVivid,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{borderBottom:!0,children:e(d.Segmented.Bottomline,{value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(n.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.File",e(d.Filer,{limit:3,onUpdateValidValue:({value:a})=>{console.log(a[0])}})]}),o(t,{children:["Input.Switch",o(h,{gap:2,children:[e(d.Switch,{}),e(d.Switch,{appearance:"applely",color:"icicles",value:!0}),e(d.Switch,{appearance:"applely",icon:e(x.Check,{}),color:"warn",value:!0})]})]}),o(t,{flexNewLine:!0,children:["Input.Slider",e(d.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(B,{children:e(H,{size:"L",children:o(c,{gridCols:2,gap:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Segmented,{}),e(l.Variables,{})]})})})},ae=()=>{const l=a=>{let u="testModal2";b.open({type:a,sheetID:u,size:"S",padding:2,content:o(b.Body,{padding:1,children:[e(t,{padding:2,children:"Content"}),e(s.Right,{children:e(r.Button.Prime.R,{onClick:()=>{b.close(u)},children:"\u9589\u3058\u308B"})})]})})};return o(B,{children:[o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(n.Description,{children:`<Box styles={{ssCardBox:true}}>
|
|
77
77
|
<Box>
|
|
78
78
|
Header
|
|
79
79
|
</Box>
|
|
@@ -91,9 +91,9 @@ text5`,minRows:5}),e(d.TextField,{label:"Input.TextField (autoHeight) (multiline
|
|
|
91
91
|
content: RightSideReactComponent
|
|
92
92
|
}
|
|
93
93
|
] }
|
|
94
|
-
/>`})}),e(t,{padding:2,overflow:"auto",children:o(
|
|
94
|
+
/>`})}),e(t,{padding:2,overflow:"auto",children:o(y,{ssCardBox:!0,padding:1,children:[o(O.Left,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Right"})]}),o(O.Right,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(O.Separate,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(O.Center,{gap:"1/4",children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:1,children:"1"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:3,children:"3"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:2,children:"2"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(n.SubTitle,{borderBottom:!0,padding:1,children:"Sheet"}),e(t,{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
|
-
} )`})}),o(p,{padding:2,children:[e(r.Button.Border.R,{onClick:a=>{k.open({tipsID:"testTips",parent:a.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(b.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{b.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(b.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(c,{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:a=>{k.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(s.Center,{children:["Image Picker",e(w,{src:i.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},z={index:()=>e(B,{children:o(p,{children:[e(z.Normal,{}),e(z.Data,{}),e(z.Drag,{}),e(z.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let u=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:u=>{console.log(u)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let u=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];u.rowID="rowID-"+a,l.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:u=>{console.log(u)}})]})},Data:()=>{let l=[];for(var a=0;a<100;a++){let
|
|
99
|
+
} )`})}),o(p,{padding:2,children:[e(r.Button.Border.R,{onClick:a=>{k.open({tipsID:"testTips",parent:a.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(b.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{b.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(b.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(c,{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:a=>{k.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(s.Center,{children:["Image Picker",e(w,{src:i.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},z={index:()=>e(B,{children:o(p,{children:[e(z.Normal,{}),e(z.Data,{}),e(z.Drag,{}),e(z.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let u=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:u=>{console.log(u)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let u=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];u.rowID="rowID-"+a,l.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:u=>{console.log(u)}})]})},Data:()=>{let l=[];for(var a=0;a<100;a++){let g=Math.round(Math.random()*50+1),T=Math.round(Math.random()*50+1),L=Math.round(Math.random()*50+1),m="name_"+g,E="data_"+T,I="data_"+L,X=[{type:"th",children:a+":"+m,data:m,orderIndex:a},{type:"td",children:E,data:E},{type:"td",children:I,data:I}];l.push(X)}l[1].checked=!0,l[4].checked=!0,l[10].checked=!0;let u="testDataTable";return o(B,{children:[o(h,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(h,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(t,{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:g=>{k.open({tipsID:S.uuid.gen(),parent:g.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:o(p,{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,{})})]})]}),o(s.Separate,{verticalAlign:"bottom",children:[o(s.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:u}),e(C.Data.Info,{tableID:u})]}),o(s.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:u,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:u})]})]}),e(C.Data,{tableID:u,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:l,pageRowLength:30,ssCardBox:!0,cellStyles:{},cellStylesCallback:()=>({}),filter:[!0],checker:!0})]})},Spread:()=>e(B,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},ie=()=>{let[l,a]=D(""),[u,g]=D(""),[T,L]=D("");return e(B,{children:o(t,{children:[o(r.Button.Prime.R,{onClick:()=>{te.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:m=>A(void 0,null,function*(){a(yield(yield N.fromFile(m[0])).toDataURL()),g(yield(yield N.fromFile(m[1])).toDataURL()),L(yield(yield N.fromFile(m[2])).toDataURL())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(h,{gap:1,verticalAlign:"top",children:[l&&e(w,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),u&&e(w,{style:{maxWidth:24*12},src:u,alt:"",showExpand:!0}),T&&e(w,{style:{maxWidth:24*12},src:T,alt:"",showExpand:!0}),e(Z,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:m=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},q={Darkmode:l=>e(d.Segmented.Cloud,_(M({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},l),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:R.get().darkMode,onUpdateValidValue:({value:a})=>{let u=a;S.setLocalStrageData("prf.darkMode",u),R.update.darkMode(u)}})),ThemeColor:()=>{const l=a=>{let u="themeColorSelector";b.open({sheetID:u,type:"normal.middleCenter",size:"L",close_option:{aroundClick:!0},closeAfter:()=>{re.fn.updateCSSProperty.reset()},content:()=>{let[g,T]=D(a.defaultColor);W(()=>{S.scope(()=>{g!==R.get().themeColor&&(R.update.themeColor(g),S.setLocalStrageData("prf.themeColor",g),b.close(u))})},[g]);let L=Object.entries(J).map(([m,E])=>{let I=m===g;return e(r.Button.Clear.R,{color:"cloud",textAlign:"center",onClick:()=>{T(m)},children:o(p,{gap:"1/2",textAlign:"center",children:[I&&e(n.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:m,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:m,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:I?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(n.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:m.toCapital()})]})},m)});return e(b.Body,{children:o(p,{padding:2,gap:2,children:[o(s.Separate,{children:[e(n.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Button.Sub.R,{color:"cloud",ssSphere:3,onClick:()=>{b.close(u)},children:e(x.Times,{})})]}),e(c,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:L})]})})}})};return e(r.Button.Border.R,{isRounded:!0,fontColor:"theme",onClick:a=>{l({defaultColor:R.get().themeColor,cb:u=>{}})},children:o(s.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",R.get().themeColor.toCapital()]})})}};let Y=()=>{let[l,a]=D(Number(S.queryParams.get().ti)||0);return W(()=>{S.queryParams.set({ti:String(l)})},[l]),o(B,{children:[e(t,{position:"fixed",bottom:1,left:1,isRounded:!0,freeCSS:{zIndex:20},children:e(q.Darkmode,{})}),e(t,{position:"fixed",bottom:1,right:1,isRounded:!0,freeCSS:{zIndex:20},children:e(q.ThemeColor,{})}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ee,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:l,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:u=>{localStorage.setItem("designTabHeader",String(u)),a(u)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(Q,{viewIndex:l,views:[e(v.index,{}),e(le.index,{}),e(V.index,{}),e(ne,{}),e(ae,{}),e(F.index,{}),e(z.index,{}),e(ie,{}),"",e(f.index,{})],wrapper:u=>e(oe.FadeIn,{animationTime:200,children:e(H,{children:e(h,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:u})})},l)})})]})]})};export{Y as DesignBook,Y as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "amotify",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.32",
|
|
4
4
|
"description": "UI Component for React,NextJS,esbuild",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "run-p clean build:*",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@fortawesome/free-regular-svg-icons": "^6.5.2",
|
|
90
90
|
"@fortawesome/free-solid-svg-icons": "^6.5.1",
|
|
91
91
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
92
|
-
"@mingoo/jsmin": "^0.0.
|
|
92
|
+
"@mingoo/jsmin": "^0.0.55",
|
|
93
93
|
"react": "^18.3.1"
|
|
94
94
|
},
|
|
95
95
|
"devDependencies": {
|