amotify 0.2.11 → 0.2.13
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.
|
@@ -79,7 +79,7 @@ export declare namespace Fonts {
|
|
|
79
79
|
isLightFont?: boolean;
|
|
80
80
|
isSemiBoldFont?: boolean;
|
|
81
81
|
isBoldFont?: boolean;
|
|
82
|
-
isRounded?: boolean;
|
|
82
|
+
isRounded?: boolean | number;
|
|
83
83
|
textAlign?: 'left' | 'center' | 'right';
|
|
84
84
|
textDecoration?: 'none' | 'underline' | 'line-through';
|
|
85
85
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as s,c as
|
|
1
|
+
import{b as s,c as h,d as J}from"../chunk-C5N2D3ZX.js";import o from"@mingoo/jsmin";import{Config as Le}from".";const r={toConcreteBorderRadius:l=>{let T=Le.get().roundness|0;return l=="1.tone.primary"?l=[0,2,3,4,5,5][T]:l=="2.tone.secondary"?l=[0,1,2,3,4,5][T]:l=="3.tone.tertiary"&&(l=[0,"1/3","2/3",1,2,3][T]),l},ev:l=>o.is.nullish(l),ClassNames:(l,T)=>{var Be,Re,Te,we,Pe,Ne,ke;let e=[],_e=T,{gap:n,display:C,position:g,overflow:f,fontColor:w,fontSize:x,fontWeight:i,backgroundColor:p,textAlign:_,textDecoration:m,boxShadow:U,margin:d,marginTop:t,marginRight:S,marginBottom:a,marginLeft:B,padding:R,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:V,right:Y,bottom:Z,left:ee,border:E,borderTop:c,borderRight:b,borderBottom:v,borderLeft:y,borderWidth:re,borderColor:te,borderStyle:se,borderRadius:F,borderTopLeftRadius:W,borderTopRightRadius:A,borderBottomLeftRadius:H,borderBottomRightRadius:j,flexSizing:ie,flexWrap:oe,flexType:ae,flexChilds:le,flexGrid:ne,horizontalAlign:pe,verticalAlign:de,transition:he,gridCenter:ue,gridCols:ge,maxHeight:fe,minHeight:me,maxWidth:Se,minWidth:ce,width:be,height:ve,unitHeight:ye,unitWidth:Ce,opacity:xe}=_e,ze=J(_e,["gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity"]);{if(r.ev(C)||e.push("dsp"+C),f){let u=o.flatArray(f);e.push("ovfl-x-"+u[0]),e.push("ovfl-y-"+(u[1]||u[0]))}r.ev(g)||e.push("ps"+g),r.ev(_)||e.push("txtalg"+_),r.ev(_)||e.push("txtdeco"+m),r.ev(w)||e.push("ftcl"+((Be=String(w))==null?void 0:Be.replace(/\./g,"_"))),r.ev(x)||e.push("ftsz"+((Re=String(x))==null?void 0:Re.replace(/\..*/,""))),r.ev(i)||e.push("ftwt"+(i==null?void 0:i.replace(/\..*/,""))),r.ev(p)||e.push("bgc"+((Te=String(p))==null?void 0:Te.replace(/\./g,"_"))),r.ev(U)||e.push("bs"+U);let $,I,D,G;o.is.exist(d)&&(o.is.array(d)?d.length==2?[$,I,D,G]=[...d,...d]:d.length==4&&([$,I,D,G]=d):$=I=D=G=d,t=t!=null?t:$,S=S!=null?S:I,a=a!=null?a:D,B=B!=null?B:G),r.ev(t)||e.push("mrgt"+t),r.ev(S)||e.push("mrgr"+S),r.ev(a)||e.push("mrgb"+a),r.ev(B)||e.push("mrgl"+B);let O,q,M,X;o.is.exist(R)&&(o.is.array(R)?R.length==2?[O,q,M,X]=[...R,...R]:R.length==4&&([O,q,M,X]=R):O=q=M=X=R,N=N!=null?N:O,k=k!=null?k:q,L=L!=null?L:M,z=z!=null?z:X),r.ev(N)||e.push("pdt"+N),r.ev(k)||e.push("pdr"+k),r.ev(L)||e.push("pdb"+L),r.ev(z)||e.push("pdl"+z),r.ev(V)||e.push("pstt"+V),r.ev(Y)||e.push("pstr"+Y),r.ev(Z)||e.push("pstb"+Z),r.ev(ee)||e.push("pstl"+ee);{o.is.exist(E)&&(c=c!=null?c:E,b=b!=null?b:E,v=v!=null?v:E,y=y!=null?y:E),o.is.boolean(c)&&(c=["unset","2.normal"][Number(c)]),o.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),o.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),o.is.boolean(y)&&(y=["unset","2.normal"][Number(y)]),r.ev(c)||e.push("b_t_ss"+((we=String(c))==null?void 0:we.replace(/\..*/,""))),r.ev(b)||e.push("b_r_ss"+((Pe=String(b))==null?void 0:Pe.replace(/\..*/,""))),r.ev(v)||e.push("b_b_ss"+((Ne=String(v))==null?void 0:Ne.replace(/\..*/,""))),r.ev(y)||e.push("b_l_ss"+((ke=String(y))==null?void 0:ke.replace(/\..*/,""))),o.is.exist(re)&&e.push("b_wth"+String(re)),o.is.exist(te)&&e.push("b_cl"+String(te)),o.is.exist(se)&&e.push("b_st"+String(se));{let u,P,K,Q;o.is.exist(F)&&(o.is.array(F)?F.length==4&&([u,P,Q,K]=F):u=P=K=Q=F,W=W!=null?W:u,A=A!=null?A:P,H=H!=null?H:K,j=j!=null?j:Q)}r.ev(W)||e.push("br_tl"+r.toConcreteBorderRadius(W)),r.ev(A)||e.push("br_tr"+r.toConcreteBorderRadius(A)),r.ev(H)||e.push("br_bl"+r.toConcreteBorderRadius(H)),r.ev(j)||e.push("br_br"+r.toConcreteBorderRadius(j))}if(r.ev(xe)||e.push("op"+xe),o.is.exist(n)){let u,P;o.is.array(n)?(u=n[0],P=n[1]):u=P=n,e.push("gapRow"+u,"gapCol"+P)}r.ev(ie)||e.push("flsz"+ie),r.ev(oe)||e.push("flwrp"+oe),r.ev(ae)||e.push("fltyp"+ae),r.ev(le)||e.push("flchld"+le),r.ev(ne)||e.push("flgrid"+ne),r.ev(de)||e.push("flvrt"+de),r.ev(pe)||e.push("flhrz"+pe),r.ev(ue)||e.push("grcnt"+ue),r.ev(ge)||e.push("grcol"+ge),r.ev(ve)||e.push("hgt"+ve),r.ev(be)||e.push("wdt"+be),r.ev(ye)||e.push("unthgt"+ye),r.ev(Ce)||e.push("untwdt"+Ce),r.ev(he)||e.push("trnst"+he),r.ev(fe)||e.push("maxh"+fe),r.ev(me)||e.push("minh"+me),r.ev(Se)||e.push("maxw"+Se),r.ev(ce)||e.push("minw"+ce)}return{others:ze,className:e.length?l+e.join(" "+l):""}}},We=l=>{let S=s({},l),{gradients:e,ssCardBox:n,ssSphere:C,ssSquare:g,ssPushable:f,ssAbsoluteCovered:w,ssTextEllipsis:x,flexCenter:i,flexNewLine:p,isLightFont:_,isBoldFont:m,isSemiBoldFont:U,isRounded:d}=S,t=J(S,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]);if(e){let{deg:a,colors:B}=e;t=h(s({},t),{freeCSS:h(s({},t.freeCSS),{background:`linear-gradient(${a}deg,${B.join(",")})`})})}if(n){n===!0&&(n="border");let a={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.thin",freeCSS:{zIndex:1}};n=="border"?a.border=!0:n=="layer"?a.backgroundColor="layer.1":n=="cloud"?a.backgroundColor="cloud":n=="shadow"&&(a.boxShadow="0.normal"),["dim","dark"].includes(Le.get().darkMode)&&(a.boxShadow="1.remark"),t=h(s(s({},a),t),{freeCSS:s(s({},a.freeCSS),t.freeCSS),UnderBreakPointStyles:s(s({},a.UnderBreakPointStyles),t.UnderBreakPointStyles)})}return C&&(i=i!=null?i:!0,t=s({padding:0,unitWidth:C,unitHeight:C,borderRadius:"sphere",flexSizing:"none"},t)),g&&(i=i!=null?i:!0,t=s({padding:0,unitWidth:g,unitHeight:g,flexSizing:"none"},t)),f&&(t=h(s({transition:"middle"},t),{className:[t.className,"ssPushable"].join(" ")})),w&&(t=s({position:"absolute",top:0,left:0,right:0,bottom:0},t)),x&&(t=h(s({overflow:"hidden"},t),{freeCSS:s({whiteSpace:"nowrap",textOverflow:"ellipsis"},t.freeCSS)})),p&&(t=s({width:1,flexSizing:"none"},t)),i&&(t=s({display:"flex",horizontalAlign:"center",verticalAlign:"center"},t)),_&&(t=h(s({},t),{fontWeight:"1.light"})),U&&(t=h(s({},t),{fontWeight:"3.semiBold"})),m&&(t=h(s({},t),{fontWeight:"4.bold"})),d&&(o.is.number(d)?t=h(s({},t),{freeCSS:h(s({},t.freeCSS),{borderRadius:d*12})}):t=h(s({},t),{borderRadius:"sphere"})),t},Fe=l=>{let _=We(l),{componentID:e,UnderBreakPointStyles:n={},className:C="",freeCSS:g={},ssEffectsOnActive:f,ssLastChildLossBorder:w}=_,x=J(_,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),i=[C];if(w&&i.push("ssLastChildLossBorder_"+w),f){f=o.flatArray(f);for(let m of f)i.push("eff_"+m,"eff_"+m.split(".")[0])}{let m=r.ClassNames("amotf_",x);i.push(m.className),x=m.others}n&&i.push(r.ClassNames("amotf_bp",n).className);let p=s({},x);return g&&(p.style=s(s({},g),p.style)),(e||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||e),i.length&&(p.className=i.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p};export{Fe as GenerateClassName,We as ReadStyleSet};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as m,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import{useState as V}from"react";import I from"@mingoo/jsmin";import{$$fromRoot as K}from"../../@utils";import{Wrapper as O,BoxWrapper as q,SubmitForm as U,CommonEffects as j,DefaultStyles as z}from"./core";import G from"../../atoms/Flex";import J from"./Hidden";import{InputClasses as w}from"../../@styles/componentClasses";function Q(t){let{value:a,states:s}=t,{required:u,numericOnly:o=!1,digits:f}=s,l=[];return u&&!a&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(o&&a.match(/\D/)&&l.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&l.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!l.filter(({type:p})=>p=="invalid"||p=="warn").length,notice:l}}const X=(t,a="")=>{let s=String(a),u=[];for(let o=0;o<t;o++)u[o]=s[o]||"";return{formatValue:u,dataValue:s}},R=(t="")=>{let a=t,s=a.join("");return{formatValue:a,dataValue:s}},Y=t=>{let b=t,{tone:a,required:s,form:u,name:o,className:f="",digits:l,numericOnly:p=!1,enableFormSubmit:
|
|
1
|
+
import{b as e,c as m,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import{useState as V}from"react";import I from"@mingoo/jsmin";import{$$fromRoot as K}from"../../@utils";import{Wrapper as O,BoxWrapper as q,SubmitForm as U,CommonEffects as j,DefaultStyles as z}from"./core";import G from"../../atoms/Flex";import J from"./Hidden";import{InputClasses as w}from"../../@styles/componentClasses";function Q(t){let{value:a,states:s}=t,{required:u,numericOnly:o=!1,digits:f}=s,l=[];return u&&!a&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(o&&a.match(/\D/)&&l.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=f&&l.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!l.filter(({type:p})=>p=="invalid"||p=="warn").length,notice:l}}const X=(t,a="")=>{let s=String(a),u=[];for(let o=0;o<t;o++)u[o]=s[o]||"";return{formatValue:u,dataValue:s}},R=(t="")=>{let a=t,s=a.join("");return{formatValue:a,dataValue:s}},Y=t=>{let b=t,{tone:a,required:s,form:u,name:o,className:f="",digits:l,numericOnly:p=!1,enableFormSubmit:_,checkValidationAtFirst:tt,onChange:et,onKeyDown:at,onValidate:nt,onUpdateValue:k,onUpdateValidValue:A,value:M="",override:it,componentID:rt,listStyles:N}=b,B=T(b,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","componentID","listStyles"]),E=m(e({componentID:t.componentID||""},X(l,M)),{eventType:"init",eventID:I.uuid.gen()}),[i,g]=V(E),[D,H]=V({ok:!1,notice:[]});j({states:t,val_status:i,set_status:g,val_validate:D,set_validate:H,onUpdateValue:k,onUpdateValidValue:A,DefaultValidation:Q});let v=[];for(let n=0;n<l;n++){let L=i.formatValue[n],W={},x=f;t.combineInput&&(x=[f,w("DigitCharacterCell"),w("Combined")].join(" ")),v.push(h("input",{type:"text",inputMode:p?"numeric":t.inputMode||"text",value:L,"data-form-name":u,id:"Digit-"+n+"-"+i.componentID,className:x,style:e(e({},t.style),W),onKeyDown:C=>{let{key:y,code:P}=C;if(y=="Tab")return;C.preventDefault();let d=null;if(y=="Backspace"){let r=i.formatValue;r[n]="",g(c=>m(e(e({},c),R(r)),{eventType:"update",eventID:I.uuid.gen()})),d=n-1}else if(["ArrowLeft","ArrowRight"].includes(y)){let r=+(y=="ArrowRight")*2-1;d=n+r}else _&&U(C),(()=>{let r=P.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!r)return;let c=r[2]||r[3]||r[4];if(p&&!c.match(/\d/)||!c)return;let S=i.formatValue;S[n]=c,g($=>m(e(e({},$),R(S)),{eventType:"update",eventID:I.uuid.gen()})),d=n+1})();I.is.exist(d)&&K("#Digit-"+d+"-"+i.componentID).focus()},onChange:()=>{}},n))}return Z(q,{val_status:i,set_status:g,val_validate:D,states:t,children:[h(J,e({name:o,"data-input-type":"digitCharacters","data-form":u,"data-validation":D.ok,componentID:i.componentID,"data-value":i.dataValue},B)),h(G,m(e({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},N),{children:v}))]})},F=t=>{t=e({},t),t=e({textAlign:"center",width:0},t),t.combineInput&&(t=m(e({textAlign:"center",width:0},t),{freeCSS:e({minWidth:12*2,marginRight:-1},t.freeCSS),listStyles:e({borderRadius:"2.tone.secondary",border:"unset",gap:0},t.listStyles)}));let a=z.Boxish(t);return h(O,{componentID:t.componentID,children:Y,states:a})};export{F as DigitCharacters,F as default};
|
package/dist/temps/designBook.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{e as y}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 S 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 f,Logo as l,Placeholder as q}from"../atoms";import{List as w,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
|
|
1
|
+
import{e as y}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 S 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 f,Logo as l,Placeholder as q}from"../atoms";import{List as w,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 T,Snackbar as F,Tooltips as v,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:a})=>{let d=a[0];G.update.darkMode(d)}})})]}),ThemeColor:()=>{const a=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:()=>{a(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})]})}},R={_:()=>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(R.Fonts,{}),e(R.Box,{}),e(R.Flex,{}),e(R.Grid,{}),e(R.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
|
|
@@ -64,16 +64,16 @@ alt='noImage'
|
|
|
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:"ToolTips"}),e(g,{gridCols:5,gap:1,padding:2,children:Array.from({length:25}).map((a,
|
|
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"}),e(g,{gridCols:5,gap:1,padding:2,children:Array.from({length:25}).map((a,d)=>e(r.Button.Border.R,{onMouseOver:s=>{let p=S.uuid.gen();v.open({tipsID:"tips-"+(d+1)+"---"+p,parent:s.currentTarget,gravityPoint:d+1,padding:0,content:e(v.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 a=S.uuid.gen();F.add({snackID:a,children:t(h,{padding:1,children:[t(B.Left,{verticalAlign:"top",children:[e(f,{src:l.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(a)},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(w,{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(w,{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(w,{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(
|
|
69
|
+
Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{F.remove(a)},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(w,{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(w,{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(w,{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 a={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(
|
|
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:()=>y(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(
|
|
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)=>y(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(a.Basic,{}),e(a.Select,{}),e(a.Time,{}),e(a.List,{}),e(a.Variables,{})]})})})},Z=()=>{const a=d=>{let s="testModal2";T.open({type:d,sheetID:s,size:"S",padding:2,content:t(T.Comps.Body,{padding:1,children:[e(o,{padding:2,children:"Content"}),e(B.Right,{children:e(r.Button.Prime.R,{onClick:()=>{T.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>
|
|
@@ -96,4 +96,4 @@ text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e
|
|
|
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:
|
|
99
|
+
} )`})}),t(h,{padding:2,children:[e(r.Button.Border.R,{onClick:d=>{v.open({tipsID:"testTips",parent:d.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(T.Comps.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{T.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(T.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:()=>{a("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:d=>{v.open({tipsID:"test40",content:e(o,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"}),parent:d.target})},children:"Open Tooltips"})]})}),t(B.Center,{children:["Image Picker",e(f,{src:l.Images.defaultIcon("user"),unitWidth:6,unitHeight:6,showExpand:!0})]})]})]})]})},D={_:()=>e(u,{children:t(h,{children:[e(D.Normal,{}),e(D.Data,{}),e(D.Drag,{}),e(D.Spread,{})]})}),Normal:()=>{let a=[];for(var d=0;d<10;d++){let s=[{children:"head_"+d},{children:"data_"+d},{children:"data_"+d}];a.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:a,ssCardBox:!0,onRowClick:s=>{console.log(s)}})]})},Drag:()=>{let a=[];for(var d=0;d<4;d++){let s=[{children:"head_"+d},{children:"data_"+d},{children:"data_"+d}];s.rowID="rowID-"+d,a.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:a,ssCardBox:!0,onOrderChanged:s=>{console.log(s)}})]})},Data:()=>{let a=[];for(var d=0;d<100;d++){let p=Math.round(Math.random()*50+1),I=Math.round(Math.random()*50+1),A=Math.round(Math.random()*50+1),b="name_"+p,W="data_"+I,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}];a.push(H)}a[1].checked=!0,a[4].checked=!0,a[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=>{v.open({tipsID:S.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:a,pageRowLength:30,ssCardBox:!0,filter:[!0],checker:!0})]})},Spread:()=>e(u,{children:e(o,{fontSize:"5.subTitle",children:"Table.Spread"})})},ee=()=>{let[a,d]=z(""),[s,p]=z(""),[I,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=>y(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:[a&&e(f,{isRounded:!0,src:a,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),s&&e(f,{style:{maxWidth:24*12},src:s,alt:"",showExpand:!0}),I&&e(f,{style:{maxWidth:24*12},src:I,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[a,d]=z(Number(S.queryParams.get().ti)||0);return V(()=>{S.queryParams.set({ti:String(a)})},[a]),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:a,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:a,views:[e(O._,{}),e(R._,{}),e(P._,{}),e(Q,{}),e(Z,{}),e(L._,{}),e(D._,{}),e(ee,{}),e(C._,{})],wrapper:s=>e(X.FadeIn,{animationTime:200,children:e(N,{children:e(c,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:s})})},a)})})]})})};export{_ as DesignBook,_ as default};
|