amotify 0.1.58 → 0.1.59
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/dist/@declaration/index.d.ts +10 -0
- package/dist/@declaration/index.js +1 -0
- package/dist/@declaration/module.d.ts +5 -0
- package/dist/@declaration/module.js +0 -0
- package/dist/@declaration/property.d.ts +139 -0
- package/dist/@declaration/property.js +0 -0
- package/dist/@styles/componentClasses/index.css +1502 -0
- package/dist/@styles/componentClasses/index.d.ts +23 -0
- package/dist/@styles/componentClasses/index.js +398 -0
- package/dist/@styles/index.css +1502 -0
- package/dist/@styles/index.d.ts +1 -0
- package/dist/@styles/index.js +398 -0
- package/dist/@styles/init.css +89 -0
- package/dist/@styles/init.d.ts +1 -0
- package/dist/@styles/init.js +0 -0
- package/dist/@styles/style.css +7407 -0
- package/dist/@styles/style.d.ts +4 -0
- package/dist/@styles/style.js +398 -0
- package/dist/@styles/var.css +1258 -0
- package/dist/@styles/var.d.ts +1 -0
- package/dist/@styles/var.js +0 -0
- package/dist/@utils/GenerateClassName.d.ts +11 -0
- package/dist/@utils/GenerateClassName.js +1 -0
- package/dist/@utils/LaunchReactApp.d.ts +20 -0
- package/dist/@utils/LaunchReactApp.js +1 -0
- package/dist/@utils/collectForm.d.ts +11 -0
- package/dist/@utils/collectForm.js +1 -0
- package/dist/@utils/color.d.ts +21 -0
- package/dist/@utils/color.js +1 -0
- package/dist/@utils/config.d.ts +43 -0
- package/dist/@utils/config.js +1 -0
- package/dist/@utils/fin.d.ts +1 -0
- package/dist/@utils/fin.js +1 -0
- package/dist/@utils/getElement.d.ts +6 -0
- package/dist/@utils/getElement.js +1 -0
- package/dist/@utils/index.d.ts +11 -0
- package/dist/@utils/index.js +1 -0
- package/dist/@utils/pageTransit.d.ts +11 -0
- package/dist/@utils/pageTransit.js +1 -0
- package/dist/@utils/useRecycle.d.ts +8 -0
- package/dist/@utils/useRecycle.js +1 -0
- package/dist/@utils/useStore.d.ts +18 -0
- package/dist/@utils/useStore.js +1 -0
- package/dist/atoms/Box.d.ts +9 -0
- package/dist/atoms/Box.js +1 -0
- package/dist/atoms/FAI.d.ts +18 -0
- package/dist/atoms/FAI.js +1 -0
- package/dist/atoms/Flex.d.ts +11 -0
- package/dist/atoms/Flex.js +1 -0
- package/dist/atoms/Grid.d.ts +4 -0
- package/dist/atoms/Grid.js +1 -0
- package/dist/atoms/Img.d.ts +11 -0
- package/dist/atoms/Img.js +1 -0
- package/dist/atoms/Logo.d.ts +40 -0
- package/dist/atoms/Logo.js +51 -0
- package/dist/atoms/P.d.ts +9 -0
- package/dist/atoms/P.js +1 -0
- package/dist/atoms/Placeholder.d.ts +9 -0
- package/dist/atoms/Placeholder.js +1 -0
- package/dist/atoms/Span.d.ts +9 -0
- package/dist/atoms/Span.js +1 -0
- package/dist/atoms/index.d.ts +9 -0
- package/dist/atoms/index.js +1 -0
- package/dist/chunk-VY3566IV.js +1 -0
- package/dist/fn/Button.d.ts +82 -0
- package/dist/fn/Button.js +1 -0
- package/dist/fn/Cropper.d.ts +26 -0
- package/dist/fn/Cropper.js +1 -0
- package/dist/fn/Effect/Fade.d.ts +17 -0
- package/dist/fn/Effect/Fade.js +1 -0
- package/dist/fn/Effect/Pudding.d.ts +8 -0
- package/dist/fn/Effect/Pudding.js +1 -0
- package/dist/fn/Effect/Ripple.d.ts +8 -0
- package/dist/fn/Effect/Ripple.js +3 -0
- package/dist/fn/Effect/index.d.ts +11 -0
- package/dist/fn/Effect/index.js +1 -0
- package/dist/fn/Input/AutoHeightText.d.ts +6 -0
- package/dist/fn/Input/AutoHeightText.js +1 -0
- package/dist/fn/Input/Checker.d.ts +17 -0
- package/dist/fn/Input/Checker.js +1 -0
- package/dist/fn/Input/Chips/Selector.d.ts +44 -0
- package/dist/fn/Input/Chips/Selector.js +1 -0
- package/dist/fn/Input/Chips/index.d.ts +60 -0
- package/dist/fn/Input/Chips/index.js +1 -0
- package/dist/fn/Input/Contenteditable.d.ts +17 -0
- package/dist/fn/Input/Contenteditable.js +1 -0
- package/dist/fn/Input/DigitCharacters.d.ts +17 -0
- package/dist/fn/Input/DigitCharacters.js +1 -0
- package/dist/fn/Input/Filer.d.ts +47 -0
- package/dist/fn/Input/Filer.js +1 -0
- package/dist/fn/Input/Hidden.d.ts +13 -0
- package/dist/fn/Input/Hidden.js +1 -0
- package/dist/fn/Input/List.d.ts +50 -0
- package/dist/fn/Input/List.js +1 -0
- package/dist/fn/Input/Parts.d.ts +22 -0
- package/dist/fn/Input/Parts.js +1 -0
- package/dist/fn/Input/Plain.d.ts +7 -0
- package/dist/fn/Input/Plain.js +1 -0
- package/dist/fn/Input/RichSelect.d.ts +32 -0
- package/dist/fn/Input/RichSelect.js +1 -0
- package/dist/fn/Input/Search.d.ts +6 -0
- package/dist/fn/Input/Search.js +1 -0
- package/dist/fn/Input/Segmented.d.ts +22 -0
- package/dist/fn/Input/Segmented.js +1 -0
- package/dist/fn/Input/Select.d.ts +28 -0
- package/dist/fn/Input/Select.js +1 -0
- package/dist/fn/Input/Slider.d.ts +31 -0
- package/dist/fn/Input/Slider.js +1 -0
- package/dist/fn/Input/Switch.d.ts +17 -0
- package/dist/fn/Input/Switch.js +1 -0
- package/dist/fn/Input/Text.d.ts +51 -0
- package/dist/fn/Input/Text.js +1 -0
- package/dist/fn/Input/TextArea.d.ts +19 -0
- package/dist/fn/Input/TextArea.js +1 -0
- package/dist/fn/Input/Time/Picker.d.ts +37 -0
- package/dist/fn/Input/Time/Picker.js +1 -0
- package/dist/fn/Input/Time/index.d.ts +78 -0
- package/dist/fn/Input/Time/index.js +1 -0
- package/dist/fn/Input/core.d.ts +54 -0
- package/dist/fn/Input/core.js +1 -0
- package/dist/fn/Input/index.d.ts +145 -0
- package/dist/fn/Input/index.js +1 -0
- package/dist/fn/Layout/PageNotFound.d.ts +6 -0
- package/dist/fn/Layout/PageNotFound.js +1 -0
- package/dist/fn/Layout/PageRouter.d.ts +27 -0
- package/dist/fn/Layout/PageRouter.js +1 -0
- package/dist/fn/Layout/PageViewController.d.ts +13 -0
- package/dist/fn/Layout/PageViewController.js +1 -0
- package/dist/fn/Layout/Plate.d.ts +9 -0
- package/dist/fn/Layout/Plate.js +1 -0
- package/dist/fn/Layout/RootViewController.d.ts +41 -0
- package/dist/fn/Layout/RootViewController.js +1 -0
- package/dist/fn/Layout/SwipeView.d.ts +40 -0
- package/dist/fn/Layout/SwipeView.js +1 -0
- package/dist/fn/Layout/TabBar.d.ts +16 -0
- package/dist/fn/Layout/TabBar.js +1 -0
- package/dist/fn/Layout/index.d.ts +27 -0
- package/dist/fn/Layout/index.js +1 -0
- package/dist/fn/Loader/corner.d.ts +1 -0
- package/dist/fn/Loader/corner.js +1 -0
- package/dist/fn/Loader/index.d.ts +47 -0
- package/dist/fn/Loader/index.js +1 -0
- package/dist/fn/Loader/mini.d.ts +6 -0
- package/dist/fn/Loader/mini.js +1 -0
- package/dist/fn/Loader/top.d.ts +2 -0
- package/dist/fn/Loader/top.js +1 -0
- package/dist/fn/Sheet.d.ts +76 -0
- package/dist/fn/Sheet.js +1 -0
- package/dist/fn/Snackbar.d.ts +24 -0
- package/dist/fn/Snackbar.js +1 -0
- package/dist/fn/Table/Data.d.ts +128 -0
- package/dist/fn/Table/Data.js +1 -0
- package/dist/fn/Table/Drag.d.ts +18 -0
- package/dist/fn/Table/Drag.js +1 -0
- package/dist/fn/Table/Normal.d.ts +16 -0
- package/dist/fn/Table/Normal.js +1 -0
- package/dist/fn/Table/Parts.d.ts +24 -0
- package/dist/fn/Table/Parts.js +1 -0
- package/dist/fn/Table/Wrapper.d.ts +10 -0
- package/dist/fn/Table/Wrapper.js +1 -0
- package/dist/fn/Table/cellStyling.d.ts +9 -0
- package/dist/fn/Table/cellStyling.js +1 -0
- package/dist/fn/Table/index.d.ts +42 -0
- package/dist/fn/Table/index.js +1 -0
- package/dist/fn/Tooltips.d.ts +31 -0
- package/dist/fn/Tooltips.js +1 -0
- package/dist/fn/index.d.ts +10 -0
- package/dist/fn/index.js +1 -0
- package/dist/index.d.ts +400 -0
- package/dist/index.js +1 -0
- package/dist/mols/Accordion.d.ts +25 -0
- package/dist/mols/Accordion.js +1 -0
- package/dist/mols/Column.d.ts +7 -0
- package/dist/mols/Column.js +1 -0
- package/dist/mols/LinkifyText.d.ts +10 -0
- package/dist/mols/LinkifyText.js +1 -0
- package/dist/mols/List.d.ts +11 -0
- package/dist/mols/List.js +1 -0
- package/dist/mols/Row.d.ts +16 -0
- package/dist/mols/Row.js +1 -0
- package/dist/mols/Text.d.ts +21 -0
- package/dist/mols/Text.js +1 -0
- package/dist/mols/index.d.ts +6 -0
- package/dist/mols/index.js +1 -0
- package/dist/orgs/index.d.ts +1 -0
- package/dist/orgs/index.js +0 -0
- package/dist/temps/designBook.d.ts +4 -0
- package/dist/temps/designBook.js +99 -0
- package/dist/temps/index.d.ts +1 -0
- package/dist/temps/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './var.scss';
|
|
File without changes
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare namespace StyleConverter {
|
|
2
|
+
type ReadStyleSet = {
|
|
3
|
+
<T>(para: T): T;
|
|
4
|
+
};
|
|
5
|
+
type ToClassName = {
|
|
6
|
+
<T>(para: T): T;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export declare const ReadStyleSet: StyleConverter.ReadStyleSet;
|
|
10
|
+
export declare const GenerateClassName: StyleConverter.ToClassName;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as s,c as u,d as J}from"../chunk-VY3566IV.js";import i from"@mingoo/jsmin";import{Config as Le}from".";const r={toConcreteBorderRadius:l=>{let R=Le.get().roundness|0;return l=="1.tone.primary"?l=[0,2,3,4,5,5][R]:l=="2.tone.secondary"?l=[0,1,2,3,4,5][R]:l=="3.tone.tertiary"&&(l=[0,"1/3","2/3",1,2,3][R]),l},ev:l=>i.is.nullish(l),ClassNames:(l,R)=>{var Be,Te,Re,Pe,we,Ne,ke;let e=[],_e=R,{gap:n,display:C,position:g,overflow:f,fontColor:P,fontSize:x,fontWeight:o,backgroundColor:p,textAlign:_,textDecoration:m,boxShadow:U,margin:h,marginTop:t,marginRight:c,marginBottom:a,marginLeft:B,padding:T,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:V,right:Y,bottom:Z,left:ee,border:E,borderTop:v,borderRight:b,borderBottom:S,borderLeft:y,borderWidth:re,borderColor:te,borderStyle:se,borderRadius:F,borderTopLeftRadius:W,borderTopRightRadius:A,borderBottomLeftRadius:H,borderBottomRightRadius:j,flexSizing:oe,flexWrap:ie,flexType:ae,flexChilds:le,flexGrid:ne,horizontalAlign:pe,verticalAlign:de,transition:he,gridCenter:ue,gridCols:ge,maxHeight:fe,minHeight:me,maxWidth:ce,minWidth:ve,width:be,height:Se,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 d=i.flatArray(f);e.push("ovfl-x-"+d[0]),e.push("ovfl-y-"+(d[1]||d[0]))}r.ev(g)||e.push("ps"+g),r.ev(_)||e.push("txtalg"+_),r.ev(_)||e.push("txtdeco"+m),r.ev(P)||e.push("ftcl"+((Be=String(P))==null?void 0:Be.replace(/\./g,"_"))),r.ev(x)||e.push("ftsz"+((Te=String(x))==null?void 0:Te.replace(/\..*/,""))),r.ev(o)||e.push("ftwt"+(o==null?void 0:o.replace(/\..*/,""))),r.ev(p)||e.push("bgc"+((Re=String(p))==null?void 0:Re.replace(/\./g,"_"))),r.ev(U)||e.push("bs"+U);let $,I,D,G;i.is.exist(h)&&(i.is.array(h)?h.length==2?[$,I,D,G]=[...h,...h]:h.length==4&&([$,I,D,G]=h):$=I=D=G=h,t=t!=null?t:$,c=c!=null?c:I,a=a!=null?a:D,B=B!=null?B:G),r.ev(t)||e.push("mrgt"+t),r.ev(c)||e.push("mrgr"+c),r.ev(a)||e.push("mrgb"+a),r.ev(B)||e.push("mrgl"+B);let O,q,M,X;i.is.exist(T)&&(i.is.array(T)?T.length==2?[O,q,M,X]=[...T,...T]:T.length==4&&([O,q,M,X]=T):O=q=M=X=T,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);{i.is.exist(E)&&(v=v!=null?v:E,b=b!=null?b:E,S=S!=null?S:E,y=y!=null?y:E),i.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),i.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),i.is.boolean(S)&&(S=["unset","2.normal"][Number(S)]),i.is.boolean(y)&&(y=["unset","2.normal"][Number(y)]),r.ev(v)||e.push("b_t_ss"+((Pe=String(v))==null?void 0:Pe.replace(/\..*/,""))),r.ev(b)||e.push("b_r_ss"+((we=String(b))==null?void 0:we.replace(/\..*/,""))),r.ev(S)||e.push("b_b_ss"+((Ne=String(S))==null?void 0:Ne.replace(/\..*/,""))),r.ev(y)||e.push("b_l_ss"+((ke=String(y))==null?void 0:ke.replace(/\..*/,""))),i.is.exist(re)&&e.push("b_wth"+String(re)),i.is.exist(te)&&e.push("b_cl"+String(te)),i.is.exist(se)&&e.push("b_st"+String(se));{let d,w,K,Q;i.is.exist(F)&&(i.is.array(F)?F.length==4&&([d,w,Q,K]=F):d=w=K=Q=F,W=W!=null?W:d,A=A!=null?A:w,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),i.is.exist(n)){let d,w;i.is.array(n)?(d=n[0],w=n[1]):d=w=n,e.push("gapRow"+d,"gapCol"+w)}r.ev(oe)||e.push("flsz"+oe),r.ev(ie)||e.push("flwrp"+ie),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(Se)||e.push("hgt"+Se),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(ce)||e.push("maxw"+ce),r.ev(ve)||e.push("minw"+ve)}return{otherParams:ze,className:e.length?l+e.join(" "+l):""}}},We=l=>{let c=s({},l),{gradients:e,ssCardBox:n,ssSphere:C,ssSquare:g,ssPushable:f,ssAbsoluteCovered:P,ssTextEllipsis:x,flexCenter:o,flexNewLine:p,isLightFont:_,isBoldFont:m,isSemiBoldFont:U,isRounded:h}=c,t=J(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]);if(e){let{deg:a,colors:B}=e;t=u(s({},t),{freeCSS:u(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=u(s(s({},a),t),{freeCSS:s(s({},a.freeCSS),t.freeCSS),UnderBreakPointStyles:s(s({},a.UnderBreakPointStyles),t.UnderBreakPointStyles)})}return C&&(o=o!=null?o:!0,t=s({padding:0,unitWidth:C,unitHeight:C,borderRadius:"sphere",flexSizing:"none"},t)),g&&(o=o!=null?o:!0,t=s({padding:0,unitWidth:g,unitHeight:g,flexSizing:"none"},t)),!f||(t=u(s({transition:"middle"},t),{className:[t.className,"ssPushable"].join(" ")})),!P||(t=s({position:"absolute",top:0,left:0,right:0,bottom:0},t)),!x||(t=u(s({overflow:"hidden"},t),{freeCSS:s({whiteSpace:"nowrap",textOverflow:"ellipsis"},t.freeCSS)})),!p||(t=s({width:1,flexSizing:"none"},t)),!o||(t=s({display:"flex",horizontalAlign:"center",verticalAlign:"center"},t)),!_||(t=u(s({},t),{fontWeight:"1.light"})),!U||(t=u(s({},t),{fontWeight:"3.semiBold"})),!m||(t=u(s({},t),{fontWeight:"4.bold"})),!h||(t=u(s({},t),{borderRadius:"sphere"})),t},Fe=l=>{let _=We(l),{componentID:e,UnderBreakPointStyles:n={},className:C="",freeCSS:g={},ssEffectsOnActive:f,ssLastChildLossBorder:P}=_,x=J(_,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),o=[C];if(P&&o.push("ssLastChildLossBorder_"+P),f){f=i.flatArray(f);for(let m of f)o.push("eff_"+m,"eff_"+m.split(".")[0])}{let m=r.ClassNames("amotf_",x);o.push(m.className),x=m.otherParams}n&&o.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),o.length&&(p.className=o.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};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactElement, Roundness, ThemeColor, DarkMode } from '../@declaration';
|
|
2
|
+
import $$ from '@mingoo/jsmin';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export { React };
|
|
5
|
+
declare namespace LaunchReactApp {
|
|
6
|
+
type Input = {
|
|
7
|
+
appRoot?: HTMLElement | ShadowRoot;
|
|
8
|
+
baseElement: $$.Args;
|
|
9
|
+
reactElement: ReactElement;
|
|
10
|
+
inlineCSS?: string;
|
|
11
|
+
originClassName?: string;
|
|
12
|
+
appearances?: {
|
|
13
|
+
roundness?: Roundness;
|
|
14
|
+
themeColor?: ThemeColor;
|
|
15
|
+
darkMode?: DarkMode;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
declare const LaunchReactApp: (para: LaunchReactApp.Input) => void;
|
|
20
|
+
export { LaunchReactApp, LaunchReactApp as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../chunk-VY3566IV.js";import{Fragment as R,jsx as e,jsxs as f}from"react/jsx-runtime";import a from"@mingoo/jsmin";import{Config as o}from".";import l from"react";import M from"react-dom/client";import*as E from"react-router-dom";import y from"./useRecycle";import A from"../atoms/Box";import b from"../fn/Sheet";import k from"../fn/Snackbar";import x from"../fn/Loader";import c from"../fn/Effect";const I=t=>{let r=y.set("RootViewController_"+o.get().sessionUID);return l.createElement("amotify-app",{id:"appRoot_"+o.get().sessionUID},f(R,{children:[e(c.Pudding.Wrapper,{}),e(c.Ripple.Wrapper,{}),e(x.Wrapper,{}),e(k.Wrapper,{}),e(b.Wrapper,{}),e(A,{className:`AMOTIFY_be AMOTIFY_be_root ${t.originClassName}`,children:e(E.BrowserRouter,{children:t.children},r)})]}))},d=t=>{let{appRoot:r,baseElement:u,reactElement:n,inlineCSS:C,originClassName:g="AMOTIFY_be_origin",appearances:h}=t,p=a(u);if(!p[0]||!n)return;r&&o.update.appRoot(r);let{roundness:i,themeColor:s,darkMode:m}=h||{};a.is.exist(i)&&o.update.roundness(i),a.is.exist(s)&&o.update.themeColor(s),a.is.exist(m)&&o.update.darkMode(m),M.createRoot(p[0]).render(f(R,{children:[e("style",{children:C}),e(I,{originClassName:g,children:n})]}))};export{d as LaunchReactApp,l as React,d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as m}from"../chunk-VY3566IV.js";import u from"@mingoo/jsmin";import b from"./useStore";let f=!1;const d=h=>m(void 0,null,function*(){if(f)return{valid:!1,data:{}};let c=document.activeElement;c&&c.blur(),f=!0;let s=u(`[data-form="${h}"]`),o=1,n={};for(let i=0;i<s.length;i++){let N=s[i],{componentId:O=""}=N.dataset,a=b.get(O);a&&a.Refresh&&(yield a.Refresh());let{value:F,name:r,checked:S,dataset:{value:y,name:J="",inputType:t="",validation:l}}=s[i],e=y;r=r||J,l=+((l!=null?l:"true")=="true"),t=="hidden"?e&&(e=JSON.parse(e)):["radio","checkbox","checker"].includes(t)?e&&(e=JSON.parse(e),u.is.array(e)?e=e.map(p=>JSON.parse(p)):e=JSON.parse(e),t=="radio"&&(e=e[0]),t=="checker"&&(e=!!e[0])):["chips-single","chips-multi"].includes(t)?(e=JSON.parse(e),e.length&&t=="chips-single"&&(e=e[0])):t=="time"||t=="select"||t=="richSelect"?e&&(e=JSON.parse(e)):t=="file"?a&&(e=a.Files):t=="slider"?e&&(e=JSON.parse(e)):t=="switch"&&(e=S|0);let g=(l!=null?l:1)|0;o&=g,l&&(n[r]=e)}return f=!1,{valid:!!o,data:n}});export{d as collectForm,d as default};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ThemeColor } from '../@declaration';
|
|
2
|
+
export declare const ColorObjects: {
|
|
3
|
+
key: ThemeColor;
|
|
4
|
+
isBrand: boolean;
|
|
5
|
+
isAvocado: boolean;
|
|
6
|
+
}[];
|
|
7
|
+
export declare const SetThemeColorTag: () => void;
|
|
8
|
+
declare const DarkmodeColors: {
|
|
9
|
+
light: string;
|
|
10
|
+
dark: string;
|
|
11
|
+
dim: string;
|
|
12
|
+
auto(): string;
|
|
13
|
+
};
|
|
14
|
+
declare const ThemeColors: {
|
|
15
|
+
[key in ThemeColor]: {
|
|
16
|
+
alfa(alfa?: number): string;
|
|
17
|
+
isBrand: boolean;
|
|
18
|
+
isAvocado: boolean;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export { DarkmodeColors, ThemeColors };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../chunk-VY3566IV.js";import d from"@mingoo/jsmin";import{Config as r}from".";const f=[{key:"comun",isBrand:!1,isAvocado:!0},{key:"leaf",isBrand:!1,isAvocado:!0},{key:"heart",isBrand:!1,isAvocado:!0},{key:"droplet",isBrand:!1,isAvocado:!0},{key:"brick",isBrand:!1,isAvocado:!1},{key:"flower",isBrand:!1,isAvocado:!1},{key:"lip",isBrand:!1,isAvocado:!1},{key:"wine",isBrand:!1,isAvocado:!1},{key:"theater",isBrand:!1,isAvocado:!1},{key:"bat",isBrand:!1,isAvocado:!1},{key:"poizon",isBrand:!1,isAvocado:!1},{key:"eggplant",isBrand:!1,isAvocado:!1},{key:"ufo",isBrand:!1,isAvocado:!1},{key:"alien",isBrand:!1,isAvocado:!1},{key:"tombstone",isBrand:!1,isAvocado:!1},{key:"ninja",isBrand:!1,isAvocado:!1},{key:"moon",isBrand:!1,isAvocado:!1},{key:"rain",isBrand:!1,isAvocado:!1},{key:"unicorn",isBrand:!1,isAvocado:!1},{key:"axe",isBrand:!1,isAvocado:!1},{key:"gem",isBrand:!1,isAvocado:!1},{key:"soap",isBrand:!1,isAvocado:!1},{key:"drizzle",isBrand:!1,isAvocado:!1},{key:"building",isBrand:!1,isAvocado:!1},{key:"fish",isBrand:!1,isAvocado:!1},{key:"icicles",isBrand:!1,isAvocado:!1},{key:"water",isBrand:!1,isAvocado:!1},{key:"tree1",isBrand:!1,isAvocado:!1},{key:"tree2",isBrand:!1,isAvocado:!1},{key:"tree3",isBrand:!1,isAvocado:!1},{key:"battery",isBrand:!1,isAvocado:!1},{key:"seedle",isBrand:!1,isAvocado:!1},{key:"greenTea",isBrand:!1,isAvocado:!1},{key:"oak",isBrand:!1,isAvocado:!1},{key:"salad",isBrand:!1,isAvocado:!1},{key:"cloudy",isBrand:!1,isAvocado:!1},{key:"lemon",isBrand:!1,isAvocado:!1},{key:"angel",isBrand:!1,isAvocado:!1},{key:"parasol",isBrand:!1,isAvocado:!1},{key:"pizza",isBrand:!1,isAvocado:!1},{key:"thunder",isBrand:!1,isAvocado:!1},{key:"latte",isBrand:!1,isAvocado:!1},{key:"island",isBrand:!1,isAvocado:!1},{key:"shovel",isBrand:!1,isAvocado:!1},{key:"coffee",isBrand:!1,isAvocado:!1},{key:"carrot",isBrand:!1,isAvocado:!1},{key:"cactus",isBrand:!1,isAvocado:!1},{key:"volcano",isBrand:!1,isAvocado:!1},{key:"choco",isBrand:!1,isAvocado:!1},{key:"industry",isBrand:!1,isAvocado:!1},{key:"gun",isBrand:!1,isAvocado:!1},{key:"galaxy",isBrand:!1,isAvocado:!1},{key:"line",isBrand:!0,isAvocado:!1},{key:"twitter",isBrand:!0,isAvocado:!1},{key:"amazon",isBrand:!0,isAvocado:!1},{key:"facebook",isBrand:!0,isAvocado:!1},{key:"android",isBrand:!0,isAvocado:!1},{key:"slackBlue",isBrand:!0,isAvocado:!1},{key:"slackGreen",isBrand:!0,isAvocado:!1},{key:"slackRed",isBrand:!0,isAvocado:!1},{key:"slackYellow",isBrand:!0,isAvocado:!1},{key:"slackBase",isBrand:!0,isAvocado:!1},{key:"googleBlue",isBrand:!0,isAvocado:!1},{key:"googleGreen",isBrand:!0,isAvocado:!1},{key:"googleYellow",isBrand:!0,isAvocado:!1},{key:"googleRed",isBrand:!0,isAvocado:!1}],v=()=>{let e="#45515c",a=d("#ThemeColorMetaTag");a[0]&&a.setAttribute("content",e)},n={light:"#FFF",dark:"#333",dim:"#666",auto:()=>r.get().isSystemDarkmode()?"#333":"#FFF"},o={};f.forEach(e=>{let{key:a,isAvocado:i,isBrand:l}=e;o[a]={alfa:s=>`hsla( var( --cH_${a} ),var( --cS_${a} ),var( --cL_${a} ),${s!=null?s:1} ) `,isAvocado:i,isBrand:l}});export{f as ColorObjects,n as DarkmodeColors,v as SetThemeColorTag,o as ThemeColors};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ThemeColor, DarkMode, Roundness, Device, Browser } from '../@declaration';
|
|
2
|
+
type config = {
|
|
3
|
+
sessionUID: string;
|
|
4
|
+
appRoot: HTMLElement | ShadowRoot;
|
|
5
|
+
themeColor: ThemeColor;
|
|
6
|
+
darkMode: DarkMode;
|
|
7
|
+
roundness: Roundness;
|
|
8
|
+
isSystemDarkmode(): boolean;
|
|
9
|
+
deviceIs: Device;
|
|
10
|
+
browserIs: Browser;
|
|
11
|
+
isPhone: boolean;
|
|
12
|
+
isTouchDevice: boolean;
|
|
13
|
+
isIOS: boolean;
|
|
14
|
+
screen: {
|
|
15
|
+
breakpoint: number;
|
|
16
|
+
phonepoint: number;
|
|
17
|
+
viewHeight: number;
|
|
18
|
+
viewWidth: number;
|
|
19
|
+
isBreakpoint(px?: number): boolean;
|
|
20
|
+
isPhonepoint(px?: number): boolean;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
declare namespace Config {
|
|
24
|
+
type Methods = {
|
|
25
|
+
get(): config;
|
|
26
|
+
set(value: config): void;
|
|
27
|
+
update: {
|
|
28
|
+
appRoot(value: HTMLElement | ShadowRoot): void;
|
|
29
|
+
themeColor(value: ThemeColor): void;
|
|
30
|
+
darkMode(value: DarkMode): void;
|
|
31
|
+
roundness(value: Roundness): void;
|
|
32
|
+
screen(value: {
|
|
33
|
+
breakpoint?: number;
|
|
34
|
+
phonepoint?: number;
|
|
35
|
+
viewHeight?: number;
|
|
36
|
+
viewWidth?: number;
|
|
37
|
+
}): void;
|
|
38
|
+
};
|
|
39
|
+
restart(): void;
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
declare const Config: Config.Methods;
|
|
43
|
+
export { Config, Config as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as i,c as t}from"../chunk-VY3566IV.js";import s from"@mingoo/jsmin";import{useRecycle as c}from"./useRecycle";import{ColorObjects as h,SetThemeColorTag as u}from"./color";const f=s.uuid.gen(),n=window.navigator.userAgent.toLowerCase(),a=n.indexOf("windows nt")!==-1?"windows":n.indexOf("android")!==-1?"android":n.indexOf("iphone")!==-1?"iPhone":n.indexOf("ipad")>-1||n.indexOf("macintosh")>-1&&"ontouchend"in document?"iPad":n.indexOf("mac os x")!==-1?"macOSX":"undefined",p=n.indexOf("msie")!==-1||n.indexOf("trident")!==-1?"ie":n.indexOf("edge")!==-1?"edge":n.indexOf("chrome")!==-1?"chrome":n.indexOf("safari")!==-1?"safari":n.indexOf("firefox")!==-1?"firefox":n.indexOf("opera")!==-1||n.indexOf("opr")!==-1?"opera":"undefined";let m={sessionUID:f,appRoot:document.body,darkMode:"light",themeColor:"comun",roundness:2,isSystemDarkmode:()=>window.matchMedia("(prefers-color-scheme: dark)").matches==!0,deviceIs:a,browserIs:p,isPhone:["Android","iPhone"].includes(a),isTouchDevice:window.ontouchstart!==void 0&&0<navigator.maxTouchPoints,isIOS:["iPhone","iPad"].includes(a),screen:{breakpoint:834,phonepoint:690,viewHeight:window.innerHeight,viewWidth:window.innerWidth,isBreakpoint:(e=834)=>window.innerWidth<=e,isPhonepoint:(e=690)=>window.innerWidth<=e}};const o={get:()=>m,set:e=>{m=i(i({},m),e)},update:{appRoot:e=>{o.set(t(i({},o.get()),{appRoot:e}))},themeColor:e=>{if(h.find(d=>d.key==e)||(e="comun"),e==o.get().themeColor)return;o.set(t(i({},o.get()),{themeColor:e}));let r=s(document.body);r.removeClass(r.findClass(/^bdsTC/)).addClass("bdsTC_"+e).callback(()=>{u()}),o.restart()},darkMode:e=>{if(["light","dark","dim","auto"].includes(e)||(e="light"),e==o.get().darkMode)return;let r=e=="auto"?o.get().isSystemDarkmode()?"dark":"light":e;o.set(t(i({},o.get()),{darkMode:r}));let d=s(document.body);d.removeClass(d.findClass(/^bdsDM/)).addClass("bdsDM_"+r),o.restart()},roundness:e=>{e>=0&&e<=5||(e=2),e!=o.get().roundness&&(o.set(t(i({},o.get()),{roundness:e})),o.restart())},screen:e=>{o.get().screen=i(i({},o.get().screen),e)}},restart:()=>{c.do("RootViewController_"+o.get().sessionUID)}};export{o as Config,o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"@mingoo/jsmin";import{Config as i,SetThemeColorTag as l}from".";o(document.body).addClass(["usrDevice_"+i.get().deviceIs,"bdsDM_"+i.get().darkMode,"bdsTC_"+i.get().themeColor]),o(window).addEvent({eventType:"load",callback:()=>{let e=document.body.style,t=o(document.body),r=Number(t.getStyleProperty("--topNavHeight").removeLetters()||0),n=Number(t.getStyleProperty("--footerNavHeight").removeLetters()||0),d=window.innerHeight-r-n;e.setProperty("--viewHeight",window.innerHeight+"px"),e.setProperty("--contentHeight",d+"px")}}).addEvent({eventType:"resize",eventID:"getDeviceInfo",callback:()=>{i.update.screen({viewHeight:window.innerHeight,viewWidth:window.innerWidth});let e=o(document.body),t=window.innerHeight,r=Number(e.getStyleProperty("--topNavHeight").removeLetters()),n=Number(e.getStyleProperty("--footerNavHeight").removeLetters()),g=t-r-n;e.setStyleProperty("--viewHeight",t+"px").setStyleProperty("--sideNavHeight",g+"px").setStyleProperty("--contentHeight",g+"px")}}),l();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../chunk-VY3566IV.js";import e from"./config";import o from"@mingoo/jsmin";const p=t=>{let r=e.get().appRoot;return o.is.shadowRoot(r)?o(r).find(t):o(t)};export{p as $$fromRoot,p as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from '../@declaration';
|
|
2
|
+
export * from './config';
|
|
3
|
+
export * from './useStore';
|
|
4
|
+
export * from './useRecycle';
|
|
5
|
+
export * from './collectForm';
|
|
6
|
+
export * from './pageTransit';
|
|
7
|
+
export * from './color';
|
|
8
|
+
export * from './GenerateClassName';
|
|
9
|
+
export * from './LaunchReactApp';
|
|
10
|
+
export * from './getElement';
|
|
11
|
+
export * from './fin';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"../@declaration";export*from"./config";export*from"./useStore";export*from"./useRecycle";export*from"./collectForm";export*from"./pageTransit";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./getElement";export*from"./fin";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare namespace pageTransit {
|
|
2
|
+
type Methods = {
|
|
3
|
+
open(url: string): void;
|
|
4
|
+
pushSync(url: string): void;
|
|
5
|
+
pushAsync(url: string): void;
|
|
6
|
+
push(url: string, newTab?: boolean): void;
|
|
7
|
+
back(): void;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
declare const pageTransit: pageTransit.Methods;
|
|
11
|
+
export { pageTransit, pageTransit as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../chunk-VY3566IV.js";import{useStore as s}from"./useStore";const n={open:e=>{window.open(e)},pushSync:e=>{window.location.href=e},pushAsync:e=>{if(e.match(/https?:\/\//)){n.pushSync(e);return}let t=s.get("navigate");t&&t(e)},push:(e,t)=>{if(t){n.open(e);return}n.pushAsync(e)},back:()=>{let e=s.get("navigate");e&&e(-1)}};export{n as default,n as pageTransit};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../chunk-VY3566IV.js";import l from"@mingoo/jsmin";import s from"./useStore";import{useState as u}from"react";const o={set:r=>{var t;let[e]=u(l.uuid.gen()),[y,c]=u(l.uuid.gen());return s.set({key:"RecycleKey_"+e,value:()=>{c(l.uuid.gen())}}),s.update({key:"RecycleKeys_"+r,value:{keys:[...((t=s.get("RecycleKeys_"+r))==null?void 0:t.keys)||[],e]}}),y},do:r=>{var y;let e=((y=s.get("RecycleKeys_"+r))==null?void 0:y.keys)||[];if(e.length)for(let c of e){let t=s.get("RecycleKey_"+c);t&&t()}}};export{o as default,o as useRecycle};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare namespace useStore {
|
|
2
|
+
type Methods = {
|
|
3
|
+
set(para: {
|
|
4
|
+
key: string;
|
|
5
|
+
value: any;
|
|
6
|
+
privateKey?: string;
|
|
7
|
+
}): boolean;
|
|
8
|
+
update(para: {
|
|
9
|
+
key: string;
|
|
10
|
+
value: any;
|
|
11
|
+
privateKey?: string;
|
|
12
|
+
}): boolean;
|
|
13
|
+
get(key: string, privateKey?: string): any;
|
|
14
|
+
delete(key: string, privateKey?: string): boolean;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
declare const useStore: useStore.Methods;
|
|
18
|
+
export { useStore, useStore as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as y,c as u}from"../chunk-VY3566IV.js";const r={},l={set:a=>{let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]={privateKey:n,value:e},!0)},update:a=>{var v;let{key:t,value:e,privateKey:n}=a,i=r[t]||{};return i&&i.privateKey&&i.privateKey!=n?!1:(r[t]=u(y({},r[t]),{value:y(y({},(v=r[t])==null?void 0:v.value),e)}),!0)},get:(a,t)=>{let e=r[a];if(!(e&&e.privateKey&&e.privateKey!=t))return e==null?void 0:e.value},delete:(a,t)=>{let e=r[a];return e&&e.privateKey&&e.privateKey!=t?!1:(delete r[a],!0)}};export{l as default,l as useStore};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TagProperty, ReactElement } from '../@declaration';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare namespace Box {
|
|
4
|
+
type Input = TagProperty.BasicElement & {
|
|
5
|
+
children?: ReactElement;
|
|
6
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
7
|
+
}
|
|
8
|
+
declare const Box: React.FC<Box.Input>;
|
|
9
|
+
export { Box, Box as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as t,d as r}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import{GenerateClassName as p}from"../@utils";const a=o=>{let e=p(o),{freeCSS:c}=e,m=r(e,["freeCSS"]);return n("div",t({},m))};export{a as Box,a as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagProperty } from '../@declaration';
|
|
3
|
+
import { IconDefinition } from "@fortawesome/fontawesome-common-types";
|
|
4
|
+
import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
|
5
|
+
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
6
|
+
declare namespace FAI {
|
|
7
|
+
type ComponentInput = TagProperty.BasicElement & {
|
|
8
|
+
icon: IconProp | IconDefinition | any;
|
|
9
|
+
iconParams?: Omit<FontAwesomeIconProps, 'icon'>;
|
|
10
|
+
};
|
|
11
|
+
type Shortcuts = {
|
|
12
|
+
[key in ShortCutNames]: React.FC<Omit<ComponentInput, 'icon'>>;
|
|
13
|
+
};
|
|
14
|
+
type ShortCutNames = 'User' | 'Times' | 'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' | 'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Rotate' | 'Redo' | 'Check' | 'CheckCircle' | 'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' | 'Home' | 'Share' | 'Search' | 'YenSign' | 'Heart' | 'Star' | 'Edit' | 'Pen' | 'Copy' | 'File' | 'TrashAlt' | 'Bars' | 'Download' | 'Link' | 'LinkSlash' | 'ExternalLinkAlt' | 'Gear' | 'Plus' | 'Minus' | 'EllipsisH' | 'EllipsisV' | 'PaperPlane' | 'Image';
|
|
15
|
+
type Methods = React.FC<ComponentInput> & Shortcuts;
|
|
16
|
+
}
|
|
17
|
+
declare const FAI: FAI.Methods;
|
|
18
|
+
export { FAI, FAI as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as r,c as i,d as f}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import l from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as R}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as u}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as L}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as x}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as D}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as d}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as k}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as y}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as U}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as F}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as Q}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as M}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as W}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faUser as oo}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as ro}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as io}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as to}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as no}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as eo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as ao}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as mo}from"@fortawesome/free-regular-svg-icons/faImage";const e=o=>{let m=o,{icon:p,iconParams:a}=m,c=f(m,["icon","iconParams"]);return n(l,i(r({display:"inlineFlex",flexCenter:!0,position:"relative",freeCSS:{aspectRatio:"1"}},c),{children:n(s,i(r({icon:p,fixedWidth:!0,size:"sm"},a),{style:r({aspectRatio:1,minWidth:12*1,minHeight:12*1},a==null?void 0:a.style)}))}))},t=e;t.User=o=>n(e,i(r({},o),{icon:oo})),t.Times=o=>n(e,i(r({},o),{icon:h})),t.AngleRight=o=>n(e,i(r({},o),{icon:C})),t.AngleLeft=o=>n(e,i(r({},o),{icon:A})),t.AngleUp=o=>n(e,i(r({},o),{icon:g})),t.AngleDown=o=>n(e,i(r({},o),{icon:w})),t.ChevronLeft=o=>n(e,i(r({},o),{icon:R})),t.ChevronRight=o=>n(e,i(r({},o),{icon:u})),t.ChevronUp=o=>n(e,i(r({},o),{icon:L})),t.ChevronDown=o=>n(e,i(r({},o),{icon:S})),t.CaretLeft=o=>n(e,i(r({},o),{icon:E})),t.CaretRight=o=>n(e,i(r({},o),{icon:x})),t.CaretUp=o=>n(e,i(r({},o),{icon:I})),t.CaretDown=o=>n(e,i(r({},o),{icon:P})),t.ArrowLeft=o=>n(e,i(r({},o),{icon:D})),t.ArrowRight=o=>n(e,i(r({},o),{icon:d})),t.ArrowUp=o=>n(e,i(r({},o),{icon:k})),t.ArrowDown=o=>n(e,i(r({},o),{icon:y})),t.Rotate=o=>n(e,i(r({},o),{icon:U})),t.Redo=o=>n(e,i(r({},o),{icon:F})),t.Check=o=>n(e,i(r({},o),{icon:v})),t.CheckCircle=o=>n(e,i(r({},o),{icon:ro})),t.Question=o=>n(e,i(r({},o),{icon:T})),t.QuestionCircle=o=>n(e,i(r({},o),{icon:io})),t.Exclamation=o=>n(e,i(r({},o),{icon:H})),t.ExclamationTriangle=o=>n(e,i(r({},o),{icon:B})),t.Home=o=>n(e,i(r({},o),{icon:Q})),t.Share=o=>n(e,i(r({},o),{icon:M})),t.Search=o=>n(e,i(r({},o),{icon:G})),t.YenSign=o=>n(e,i(r({},o),{icon:V})),t.Heart=o=>n(e,i(r({},o),{icon:j})),t.Star=o=>n(e,i(r({},o),{icon:_})),t.Edit=o=>n(e,i(r({},o),{icon:to})),t.Pen=o=>n(e,i(r({},o),{icon:Y})),t.Copy=o=>n(e,i(r({},o),{icon:no})),t.File=o=>n(e,i(r({},o),{icon:eo})),t.TrashAlt=o=>n(e,i(r({},o),{icon:ao})),t.Bars=o=>n(e,i(r({},o),{icon:N})),t.Download=o=>n(e,i(r({},o),{icon:O})),t.Link=o=>n(e,i(r({},o),{icon:W})),t.LinkSlash=o=>n(e,i(r({},o),{icon:z})),t.ExternalLinkAlt=o=>n(e,i(r({},o),{icon:b})),t.Gear=o=>n(e,i(r({},o),{icon:q})),t.Plus=o=>n(e,i(r({},o),{icon:J})),t.Minus=o=>n(e,i(r({},o),{icon:K})),t.EllipsisH=o=>n(e,i(r({},o),{icon:X})),t.EllipsisV=o=>n(e,i(r({},o),{icon:Z})),t.PaperPlane=o=>n(e,i(r({},o),{icon:$})),t.Image=o=>n(e,i(r({},o),{icon:mo}));export{t as FAI,t as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagProperty, ReactElement } from '../@declaration';
|
|
3
|
+
import Box from './Box';
|
|
4
|
+
declare namespace Flex {
|
|
5
|
+
type Input = TagProperty.BasicElement & {
|
|
6
|
+
children?: ReactElement;
|
|
7
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
8
|
+
}
|
|
9
|
+
declare const Flex: React.FC<Flex.Input>;
|
|
10
|
+
declare const FlexBr: React.FC<Box.Input>;
|
|
11
|
+
export { Flex, FlexBr, Flex as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as t,c as r}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import o from"./Box";const l=e=>n(o,r(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),a=e=>n(o,t({width:1,flexSizing:"none"},e));export{l as Flex,a as FlexBr,l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as o}from"../chunk-VY3566IV.js";import{jsx as p}from"react/jsx-runtime";import d from"./Box";const r=t=>p(d,o({display:"grid"},t));export{r as Grid,r as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TagProperty } from '../@declaration';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare namespace Img {
|
|
4
|
+
type Input = TagProperty.BasicElement & {
|
|
5
|
+
src: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
showExpand?: boolean | string;
|
|
8
|
+
} & React.HTMLAttributes<HTMLImageElement>;
|
|
9
|
+
}
|
|
10
|
+
declare const Img: React.FC<Img.Input>;
|
|
11
|
+
export { Img, Img as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as r,d as a}from"../chunk-VY3566IV.js";import{jsx as h}from"react/jsx-runtime";import{GenerateClassName as C}from"../@utils";import S from"../fn/Sheet";import{ImgClasses as m}from"../@styles/componentClasses";const p=c=>{let n=c,{src:s="",alt:g="",showExpand:o}=n,e=a(n,["src","alt","showExpand"]);e.freeCSS=r({cursor:o?"zoom-in":"inherit"},e.freeCSS);let i=C(e),{freeCSS:u,className:l=""}=i,f=a(i,["freeCSS","className"]);return h("img",r({src:s,alt:g,className:[m("Img"),m("ShowExpand_"+!!o),l].join(" "),onMouseDown:t=>{o&&t.stopPropagation()},onTouchStart:t=>{o&&t.stopPropagation()},onClick:t=>{o&&(t.stopPropagation(),S.open({type:"image",src:o!=!0?o:s})),e.onClick&&e.onClick(t)}},f))};export{p as Img,p as default};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagProperty, ReactElement } from '../@declaration';
|
|
3
|
+
declare namespace Logo {
|
|
4
|
+
type ComponentInput = TagProperty.BasicElement & {
|
|
5
|
+
size?: 'S' | 'R' | 'L' | '2L' | '3L';
|
|
6
|
+
color?: 'normal' | 'white';
|
|
7
|
+
children?: ReactElement | React.FC<any>;
|
|
8
|
+
};
|
|
9
|
+
type DefaultLogoInput = TagProperty.BasicElement & {
|
|
10
|
+
size?: 'S' | 'R' | 'L' | '2L' | '3L';
|
|
11
|
+
color?: 'normal' | 'white';
|
|
12
|
+
};
|
|
13
|
+
type Methods = {
|
|
14
|
+
Icon: (para: ComponentInput) => JSX.Element;
|
|
15
|
+
Title: (para: ComponentInput) => JSX.Element;
|
|
16
|
+
Brands: {
|
|
17
|
+
MingooIcon: (para: DefaultLogoInput) => JSX.Element;
|
|
18
|
+
MingooTitle: (para: DefaultLogoInput) => JSX.Element;
|
|
19
|
+
MingooLogoH: (para: DefaultLogoInput) => JSX.Element;
|
|
20
|
+
MingooLogoV: (para: DefaultLogoInput) => JSX.Element;
|
|
21
|
+
ComunIcon: (para: DefaultLogoInput) => JSX.Element;
|
|
22
|
+
ComunTitle: (para: DefaultLogoInput) => JSX.Element;
|
|
23
|
+
ComunLogoH: (para: DefaultLogoInput) => JSX.Element;
|
|
24
|
+
ComunLogoV: (para: DefaultLogoInput) => JSX.Element;
|
|
25
|
+
Google: (para: DefaultLogoInput) => JSX.Element;
|
|
26
|
+
Facebook: (para: DefaultLogoInput) => JSX.Element;
|
|
27
|
+
Twitter: (para: DefaultLogoInput) => JSX.Element;
|
|
28
|
+
LINE: (para: DefaultLogoInput) => JSX.Element;
|
|
29
|
+
};
|
|
30
|
+
Images: {
|
|
31
|
+
mingooIcon: string;
|
|
32
|
+
mingooIconClear: string;
|
|
33
|
+
comunIcon: string;
|
|
34
|
+
comunIconClear: string;
|
|
35
|
+
defaultIcon(type: 'image' | 'object' | 'user' | 'group' | 'store'): string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
declare const Logo: Logo.Methods;
|
|
40
|
+
export { Logo, Logo as default };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import{b as l,c as a,d as m}from"../chunk-VY3566IV.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import h from"@mingoo/jsmin";import L from"./Flex";import S from"./Img";import{LogoClasses as c}from"../@styles/componentClasses";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:c("ComunIcon"),children:I("g",{children:[e("path",{d:`
|
|
2
|
+
M
|
|
3
|
+
100,600
|
|
4
|
+
A 500,500 0 0,0 600,1100
|
|
5
|
+
A 100,100 0 0,0 600,900
|
|
6
|
+
A 300,300 0 0,1 300,600
|
|
7
|
+
A 100,100 0 0,0 100,600
|
|
8
|
+
Z
|
|
9
|
+
`,style:{opacity:.9,fill:"#16a3ec"}}),e("path",{d:`
|
|
10
|
+
M
|
|
11
|
+
600,1100
|
|
12
|
+
A 500,500 0 0,0 1100,600
|
|
13
|
+
A 100,100 0 0,0 900,600
|
|
14
|
+
A 300,300 0 0,1 600,900
|
|
15
|
+
A 100,100 0 1,0 600,1100
|
|
16
|
+
Z
|
|
17
|
+
`,style:{opacity:.9,fill:"#ea6093"}}),e("path",{d:`
|
|
18
|
+
M
|
|
19
|
+
600,100
|
|
20
|
+
A 500,500 0 0,0 100,600
|
|
21
|
+
A 100,100 0 0,0 300,600
|
|
22
|
+
A 300,300 0 0,1 600,300
|
|
23
|
+
A 100,100 0 0,0 600,100
|
|
24
|
+
Z
|
|
25
|
+
`,style:{opacity:.9,fill:"#387cfe"}}),e("path",{d:`
|
|
26
|
+
M
|
|
27
|
+
600,100
|
|
28
|
+
A 100,100 0 0,1 700,200
|
|
29
|
+
A 300,300 0 0,0 1000,500
|
|
30
|
+
A 100,100 0 0,1 1100,600
|
|
31
|
+
A 100,100 0 0,1 1000,700
|
|
32
|
+
A 500,500 0 0,1 500,200
|
|
33
|
+
A 100,100 0 0,1 600,100
|
|
34
|
+
Z
|
|
35
|
+
`,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(A,{children:[e("path",{d:`
|
|
36
|
+
M
|
|
37
|
+
600,100
|
|
38
|
+
A 80,80 0 0,1 600,260
|
|
39
|
+
A 80,80 0 0,1 600,100
|
|
40
|
+
L600,600
|
|
41
|
+
L600,300
|
|
42
|
+
Z
|
|
43
|
+
`,className:[c("P"),c("P_"+t)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
|
|
44
|
+
M
|
|
45
|
+
600,300
|
|
46
|
+
A 45,45 0 0,1 600,390
|
|
47
|
+
A 45,45 0 0,1 600,300
|
|
48
|
+
L600,600
|
|
49
|
+
L600,300
|
|
50
|
+
Z
|
|
51
|
+
`,className:[c("P"),c("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:c("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:c("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,r=m(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},r),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,r=m(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},r),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},p={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:c("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,r=m(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},r),{children:[e(p.Icon,{size:t,color:g}),e(p.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,r=m(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},r),{children:[e(p.Icon,{margin:"auto",size:t,color:g}),e(p.Title,{size:t,color:g})]}))}};let s="https://cdn.amotify.com/";const i={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:r="",children:n}=f,C=m(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",className:[r,c("Icon"),c("Size_"+t)].join(" ")},C),{children:h.is.function(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:r="",children:n}=f,C=m(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",fontColor:g=="white"?"white":"logo",className:[r,c("Title"),c("Size_"+t)].join(" ")},C),{freeCSS:l({lineHeight:"1.25"},C.freeCSS),children:h.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:p.Icon,ComunTitle:p.Title,ComunLogoH:p.LogoH,ComunLogoV:p.LogoV,Google:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{i as Logo,i as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagProperty, ReactElement } from '../@declaration';
|
|
3
|
+
declare namespace P {
|
|
4
|
+
type Input = TagProperty.BasicElement & {
|
|
5
|
+
children?: ReactElement;
|
|
6
|
+
} & React.HTMLAttributes<HTMLParagraphElement>;
|
|
7
|
+
}
|
|
8
|
+
declare const P: React.FC<P.Input>;
|
|
9
|
+
export { P, P as default };
|
package/dist/atoms/P.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as t,d as r}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils";const a=p=>{let e=m(p),{freeCSS:l}=e,n=r(e,["freeCSS"]);return o("p",t({},n))};export{a as P,a as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import Box from './Box';
|
|
3
|
+
declare namespace Placeholder {
|
|
4
|
+
type Input = Box.Input & {
|
|
5
|
+
color?: 'cloud' | 'white';
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
declare const Placeholder: React.FC<Placeholder.Input>;
|
|
9
|
+
export { Placeholder, Placeholder as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as r,c as a,d as t}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import s from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses";const c=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(s,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"layer.3"},p),{children:d(s,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{c as Placeholder,c as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagProperty, ReactElement } from '../@declaration';
|
|
3
|
+
declare namespace Span {
|
|
4
|
+
type Input = TagProperty.BasicElement & {
|
|
5
|
+
children?: ReactElement;
|
|
6
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
7
|
+
}
|
|
8
|
+
declare const Span: React.FC<Span.Input>;
|
|
9
|
+
export { Span, Span as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as t,d as a}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils";const n=p=>{let e=m(p),{freeCSS:l}=e,r=a(e,["freeCSS"]);return o("span",t({},r))};export{n as Span,n as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./Box";export*from"./FAI";export*from"./Flex";export*from"./Grid";export*from"./Img";export*from"./Logo";export*from"./P";export*from"./Placeholder";export*from"./Span";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var o=Object.defineProperty,p=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var r=Math.pow,j=(a,c,b)=>c in a?o(a,c,{enumerable:!0,configurable:!0,writable:!0,value:b}):a[c]=b,s=(a,c)=>{for(var b in c||(c={}))k.call(c,b)&&j(a,b,c[b]);if(f)for(var b of f(c))l.call(c,b)&&j(a,b,c[b]);return a},t=(a,c)=>p(a,q(c));var u=(a,c)=>{var b={};for(var d in a)k.call(a,d)&&c.indexOf(d)<0&&(b[d]=a[d]);if(a!=null&&f)for(var d of f(a))c.indexOf(d)<0&&l.call(a,d)&&(b[d]=a[d]);return b};var v=(a,c,b)=>new Promise((d,i)=>{var m=e=>{try{g(b.next(e))}catch(h){i(h)}},n=e=>{try{g(b.throw(e))}catch(h){i(h)}},g=e=>e.done?d(e.value):Promise.resolve(e.value).then(m,n);g((b=b.apply(a,c)).next())});export{r as a,s as b,t as c,u as d,v as e};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagProperty, ThemeColor, ReactElement } from '../@declaration';
|
|
3
|
+
declare namespace Button {
|
|
4
|
+
type Methods = Seed & {};
|
|
5
|
+
type Seeds = 'Button' | 'Label' | 'Anchor';
|
|
6
|
+
type Tones = 'Plain' | 'Link' | 'Normal' | 'Border' | 'Prime' | 'Sub' | 'Clear' | 'FillToBorder' | 'BorderToFill';
|
|
7
|
+
type Sizes = 'XS' | 'S' | 'R' | 'L';
|
|
8
|
+
type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'cloud' | 'trans' | 'white' | 'plain';
|
|
9
|
+
type Seed = {
|
|
10
|
+
Button: Tone<ButtonInput>;
|
|
11
|
+
Label: Tone<LabelInput>;
|
|
12
|
+
Anchor: Tone<AnchorInput>;
|
|
13
|
+
};
|
|
14
|
+
type Tone<T> = {
|
|
15
|
+
Plain: React.FC<T>;
|
|
16
|
+
Link: React.FC<T>;
|
|
17
|
+
Normal: Size<T>;
|
|
18
|
+
Border: Size<T>;
|
|
19
|
+
Prime: Size<T & Tones.Prime>;
|
|
20
|
+
Sub: Size<T & Tones.Sub>;
|
|
21
|
+
Clear: Size<T & Tones.Clear>;
|
|
22
|
+
FillToBorder: Size<T & Tones.FillToBorder>;
|
|
23
|
+
BorderToFill: Size<T & Tones.BorderToFill>;
|
|
24
|
+
};
|
|
25
|
+
type Size<T> = {
|
|
26
|
+
XS: React.FC<T>;
|
|
27
|
+
S: React.FC<T>;
|
|
28
|
+
R: React.FC<T>;
|
|
29
|
+
L: React.FC<T>;
|
|
30
|
+
};
|
|
31
|
+
namespace Tones {
|
|
32
|
+
type Plain = {};
|
|
33
|
+
type Link = {};
|
|
34
|
+
type Normal = {};
|
|
35
|
+
type Border = {};
|
|
36
|
+
type Prime = {
|
|
37
|
+
color?: Colors | ThemeColor;
|
|
38
|
+
};
|
|
39
|
+
type Sub = {
|
|
40
|
+
color?: Colors | 'layer';
|
|
41
|
+
};
|
|
42
|
+
type Clear = {
|
|
43
|
+
color?: Colors | 'layer';
|
|
44
|
+
};
|
|
45
|
+
type FillToBorder = {
|
|
46
|
+
color?: Colors;
|
|
47
|
+
};
|
|
48
|
+
type BorderToFill = {
|
|
49
|
+
color?: Colors;
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
type UniPara = TagProperty.BasicElement & {
|
|
53
|
+
tabIndex?: number;
|
|
54
|
+
children?: ReactElement;
|
|
55
|
+
'aria-label'?: string;
|
|
56
|
+
isLocked?: boolean;
|
|
57
|
+
isActive?: boolean;
|
|
58
|
+
isActiveStyles?: TagProperty.Properties;
|
|
59
|
+
isActiveClassName?: string;
|
|
60
|
+
};
|
|
61
|
+
type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
|
|
62
|
+
type ButtonInput = UniPara & {
|
|
63
|
+
submitOption?: {
|
|
64
|
+
formName: string;
|
|
65
|
+
acceptInvalidForm?: boolean;
|
|
66
|
+
submitDelegationKey?: delegateClickEventProps | delegateClickEventProps[];
|
|
67
|
+
callback(form: plainObject, ok: boolean): void;
|
|
68
|
+
};
|
|
69
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
70
|
+
type LabelInput = UniPara & {
|
|
71
|
+
htmlFor?: string;
|
|
72
|
+
} & React.LabelHTMLAttributes<HTMLLabelElement>;
|
|
73
|
+
type AnchorInput = UniPara & {
|
|
74
|
+
href?: string;
|
|
75
|
+
newTab?: boolean;
|
|
76
|
+
sync?: boolean;
|
|
77
|
+
download?: any;
|
|
78
|
+
shiftQueryParams?: boolean;
|
|
79
|
+
} & React.ButtonHTMLAttributes<HTMLAnchorElement>;
|
|
80
|
+
}
|
|
81
|
+
declare const Button: Button.Methods;
|
|
82
|
+
export { Button, Button as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as o,c as i,d as B,e as P}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import g from"@mingoo/jsmin";import{pageTransit as x,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils";import{ButtonClasses as c}from"../@styles/componentClasses";const v={Size:(r,t,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(t)?{}:(n=="XS"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],t=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,t,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="Plain"||(t=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="Normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="Border"?e=i(o({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.thin"}):t=="Prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:l,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),l=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="Sub"?e=i(o({},e),{fontColor:l,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="Clear"?e=i(o({},e),{fontColor:l,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="FillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,fontColor:l,backgroundColor:l}):t=="BorderToFill"&&(e=i(o({},e),{fontColor:l,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,backgroundColor:l})),l=="cloud"&&(e.fontColor="3.blur"),t!="Link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let t=N(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":g.uuid.gen()},r)),n=t.seed;{let{isLocked:b=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:T="",tone:a="border",color:s="theme",className:p=""}=t;t=o(o(o({},v.Size(r.seed,r.tone,r.size,s)),v.Tone(r.seed,r.tone,r.size,s)),t),t.className=[p,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+b),c("Tone_"+a),c("Color_"+s),c("Tone_"+a+"_Color_"+s)].join(" "),f&&(t=o(o({className:[t.className,T].join(" ")},t),S)),t=E(t)}if(n=="Button"){let l=t,{isLocked:b,isActive:f,isActiveClassName:S,isActiveStyles:T,submitOption:a,onClick:s}=l,p=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),p=i(o({},p),{"data-form-submit-button":a.formName,"data-sdfike":g.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>P(void 0,null,function*(){if(s&&s(C),!a)return;let y=yield I(a.formName);!a.acceptInvalidForm&&!y.valid||a.callback(y.data,y.valid)})},p))}else if(n=="Label"){let e=t,{isLocked:b,isActive:f,isActiveClassName:S,isActiveStyles:T}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return d("label",o({},a))}else if(n=="Anchor"){let A=t,{isLocked:b,isActive:f,isActiveClassName:S,isActiveStyles:T,href:a="",newTab:s,sync:p,shiftQueryParams:C}=A,y=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),p?x.pushSync(h):x.push(h,!!R)}},y))}return null},u=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:u(r,"Normal"),Border:u(r,"Border"),Prime:u(r,"Prime"),Sub:u(r,"Sub"),Clear:u(r,"Clear"),FillToBorder:u(r,"FillToBorder"),BorderToFill:u(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};
|