amotify 0.1.8 → 0.1.10

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.
Files changed (178) hide show
  1. package/dist/@declaration/_.js +0 -1
  2. package/dist/@declaration/module.js +0 -1
  3. package/dist/@declaration/property.js +0 -1
  4. package/dist/@styles/componentClasses/_.css +1 -1
  5. package/dist/@utils/GenerateClassName.js +1 -2
  6. package/dist/@utils/LaunchReactApp.js +1 -2
  7. package/dist/@utils/_.js +1 -2
  8. package/dist/@utils/collectForm.js +1 -2
  9. package/dist/@utils/color.js +1 -2
  10. package/dist/@utils/config.js +1 -2
  11. package/dist/@utils/fin.js +0 -1
  12. package/dist/@utils/jsminEx.js +1 -2
  13. package/dist/@utils/pageTransit.js +1 -2
  14. package/dist/@utils/useRecycle.js +1 -2
  15. package/dist/@utils/useStore.js +1 -2
  16. package/dist/atoms/Box.js +1 -2
  17. package/dist/atoms/FAI.js +1 -2
  18. package/dist/atoms/Flex.js +1 -2
  19. package/dist/atoms/Grid.js +1 -2
  20. package/dist/atoms/Img.js +1 -2
  21. package/dist/atoms/Logo.js +1 -2
  22. package/dist/atoms/P.js +1 -2
  23. package/dist/atoms/Placeholder.js +1 -2
  24. package/dist/atoms/Span.js +1 -2
  25. package/dist/atoms/_.js +0 -1
  26. package/dist/{chunk-E3D4DIO4.js → chunk-VY3566IV.js} +0 -1
  27. package/dist/fn/Button.js +1 -2
  28. package/dist/fn/Cropper.d.ts +0 -1
  29. package/dist/fn/Cropper.js +1 -2
  30. package/dist/fn/Effect/Fade.js +1 -2
  31. package/dist/fn/Effect/Pudding.js +1 -2
  32. package/dist/fn/Effect/Ripple.js +1 -2
  33. package/dist/fn/Effect/_.js +1 -2
  34. package/dist/fn/Input/Checker.js +1 -2
  35. package/dist/fn/Input/Chips/Selector.js +1 -2
  36. package/dist/fn/Input/Chips/_.js +1 -2
  37. package/dist/fn/Input/Contenteditable.js +1 -2
  38. package/dist/fn/Input/DigitCharacters.js +1 -2
  39. package/dist/fn/Input/Filer.js +1 -2
  40. package/dist/fn/Input/Hidden.js +1 -2
  41. package/dist/fn/Input/List.js +1 -2
  42. package/dist/fn/Input/Parts.js +1 -2
  43. package/dist/fn/Input/Plain.js +1 -2
  44. package/dist/fn/Input/RichSelect.js +1 -2
  45. package/dist/fn/Input/Search.js +1 -2
  46. package/dist/fn/Input/Segmented.js +1 -2
  47. package/dist/fn/Input/Select.js +1 -2
  48. package/dist/fn/Input/Slider.js +1 -2
  49. package/dist/fn/Input/Switch.js +1 -2
  50. package/dist/fn/Input/Text.js +1 -2
  51. package/dist/fn/Input/TextArea.js +1 -2
  52. package/dist/fn/Input/Time/Picker.js +1 -2
  53. package/dist/fn/Input/Time/_.js +1 -2
  54. package/dist/fn/Input/_.js +1 -2
  55. package/dist/fn/Input/core.js +1 -2
  56. package/dist/fn/Layout/PageNotFound.js +1 -2
  57. package/dist/fn/Layout/PageRouter.js +1 -2
  58. package/dist/fn/Layout/PageViewController.js +1 -2
  59. package/dist/fn/Layout/Plate.js +1 -2
  60. package/dist/fn/Layout/RootViewController.js +1 -2
  61. package/dist/fn/Layout/SwipeView.js +1 -2
  62. package/dist/fn/Layout/TabBar.js +1 -2
  63. package/dist/fn/Layout/_.js +1 -2
  64. package/dist/fn/Loader/_.js +1 -2
  65. package/dist/fn/Loader/corner.js +1 -2
  66. package/dist/fn/Loader/mini.js +1 -2
  67. package/dist/fn/Loader/top.js +1 -2
  68. package/dist/fn/Sheet.js +1 -2
  69. package/dist/fn/Snackbar.js +1 -2
  70. package/dist/fn/Table/Data.js +1 -2
  71. package/dist/fn/Table/Drag.js +1 -2
  72. package/dist/fn/Table/Normal.js +1 -2
  73. package/dist/fn/Table/Parts.js +1 -2
  74. package/dist/fn/Table/Wrapper.js +1 -2
  75. package/dist/fn/Table/_.js +1 -2
  76. package/dist/fn/Table/cellStyling.js +1 -2
  77. package/dist/fn/Tooltips.js +1 -2
  78. package/dist/fn/_.js +0 -1
  79. package/dist/index.js +0 -1
  80. package/dist/mols/Accordion.js +1 -2
  81. package/dist/mols/Column.js +1 -2
  82. package/dist/mols/LinkifyText.js +1 -2
  83. package/dist/mols/List.d.ts +1 -1
  84. package/dist/mols/List.js +1 -2
  85. package/dist/mols/Row.js +1 -2
  86. package/dist/mols/Text.js +1 -2
  87. package/dist/mols/_.js +0 -1
  88. package/dist/orgs/_.js +0 -1
  89. package/dist/style.css +1 -1
  90. package/dist/style.d.ts +2 -2
  91. package/dist/temps/_.js +0 -1
  92. package/package.json +5 -5
  93. package/dist/@declaration/_.js.map +0 -7
  94. package/dist/@declaration/module.js.map +0 -7
  95. package/dist/@declaration/property.js.map +0 -7
  96. package/dist/@utils/GenerateClassName.js.map +0 -7
  97. package/dist/@utils/LaunchReactApp.js.map +0 -7
  98. package/dist/@utils/_.js.map +0 -7
  99. package/dist/@utils/collectForm.js.map +0 -7
  100. package/dist/@utils/color.js.map +0 -7
  101. package/dist/@utils/config.js.map +0 -7
  102. package/dist/@utils/fin.js.map +0 -7
  103. package/dist/@utils/jsminEx.js.map +0 -7
  104. package/dist/@utils/pageTransit.js.map +0 -7
  105. package/dist/@utils/useRecycle.js.map +0 -7
  106. package/dist/@utils/useStore.js.map +0 -7
  107. package/dist/atoms/Box.js.map +0 -7
  108. package/dist/atoms/FAI.js.map +0 -7
  109. package/dist/atoms/Flex.js.map +0 -7
  110. package/dist/atoms/Grid.js.map +0 -7
  111. package/dist/atoms/Img.js.map +0 -7
  112. package/dist/atoms/Logo.js.map +0 -7
  113. package/dist/atoms/P.js.map +0 -7
  114. package/dist/atoms/Placeholder.js.map +0 -7
  115. package/dist/atoms/Span.js.map +0 -7
  116. package/dist/atoms/_.js.map +0 -7
  117. package/dist/chunk-E3D4DIO4.js.map +0 -7
  118. package/dist/fn/Button.js.map +0 -7
  119. package/dist/fn/Cropper.js.map +0 -7
  120. package/dist/fn/Effect/Fade.js.map +0 -7
  121. package/dist/fn/Effect/Pudding.js.map +0 -7
  122. package/dist/fn/Effect/Ripple.js.map +0 -7
  123. package/dist/fn/Effect/_.js.map +0 -7
  124. package/dist/fn/Input/Checker.js.map +0 -7
  125. package/dist/fn/Input/Chips/Selector.js.map +0 -7
  126. package/dist/fn/Input/Chips/_.js.map +0 -7
  127. package/dist/fn/Input/Contenteditable.js.map +0 -7
  128. package/dist/fn/Input/DigitCharacters.js.map +0 -7
  129. package/dist/fn/Input/Filer.js.map +0 -7
  130. package/dist/fn/Input/Hidden.js.map +0 -7
  131. package/dist/fn/Input/List.js.map +0 -7
  132. package/dist/fn/Input/Parts.js.map +0 -7
  133. package/dist/fn/Input/Plain.js.map +0 -7
  134. package/dist/fn/Input/RichSelect.js.map +0 -7
  135. package/dist/fn/Input/Search.js.map +0 -7
  136. package/dist/fn/Input/Segmented.js.map +0 -7
  137. package/dist/fn/Input/Select.js.map +0 -7
  138. package/dist/fn/Input/Slider.js.map +0 -7
  139. package/dist/fn/Input/Switch.js.map +0 -7
  140. package/dist/fn/Input/Text.js.map +0 -7
  141. package/dist/fn/Input/TextArea.js.map +0 -7
  142. package/dist/fn/Input/Time/Picker.js.map +0 -7
  143. package/dist/fn/Input/Time/_.js.map +0 -7
  144. package/dist/fn/Input/_.js.map +0 -7
  145. package/dist/fn/Input/core.js.map +0 -7
  146. package/dist/fn/Layout/PageNotFound.js.map +0 -7
  147. package/dist/fn/Layout/PageRouter.js.map +0 -7
  148. package/dist/fn/Layout/PageViewController.js.map +0 -7
  149. package/dist/fn/Layout/Plate.js.map +0 -7
  150. package/dist/fn/Layout/RootViewController.js.map +0 -7
  151. package/dist/fn/Layout/SwipeView.js.map +0 -7
  152. package/dist/fn/Layout/TabBar.js.map +0 -7
  153. package/dist/fn/Layout/_.js.map +0 -7
  154. package/dist/fn/Loader/_.js.map +0 -7
  155. package/dist/fn/Loader/corner.js.map +0 -7
  156. package/dist/fn/Loader/mini.js.map +0 -7
  157. package/dist/fn/Loader/top.js.map +0 -7
  158. package/dist/fn/Sheet.js.map +0 -7
  159. package/dist/fn/Snackbar.js.map +0 -7
  160. package/dist/fn/Table/Data.js.map +0 -7
  161. package/dist/fn/Table/Drag.js.map +0 -7
  162. package/dist/fn/Table/Normal.js.map +0 -7
  163. package/dist/fn/Table/Parts.js.map +0 -7
  164. package/dist/fn/Table/Wrapper.js.map +0 -7
  165. package/dist/fn/Table/_.js.map +0 -7
  166. package/dist/fn/Table/cellStyling.js.map +0 -7
  167. package/dist/fn/Tooltips.js.map +0 -7
  168. package/dist/fn/_.js.map +0 -7
  169. package/dist/index.js.map +0 -7
  170. package/dist/mols/Accordion.js.map +0 -7
  171. package/dist/mols/Column.js.map +0 -7
  172. package/dist/mols/LinkifyText.js.map +0 -7
  173. package/dist/mols/List.js.map +0 -7
  174. package/dist/mols/Row.js.map +0 -7
  175. package/dist/mols/Text.js.map +0 -7
  176. package/dist/mols/_.js.map +0 -7
  177. package/dist/orgs/_.js.map +0 -7
  178. package/dist/temps/_.js.map +0 -7
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{useEffect as c,useRef as m}from"react";import{useStore as R}from"@utils";import*as s from"react-router-dom";import C from"@fn/Sheet";import{PageNotFound as g}from"./PageNotFound";import{RootViewController as k}from"./RootViewController";const h=(t,o,a)=>{const r=m(!1);let e=s.useLocation(),u=s.useNavigate();R.set({key:"navigate",value:u}),c(()=>{r.current?(C.closeAll(!0),k.fn.updateCSSProperty.reset()):r.current=!0},[e.pathname]),t&&t(e),c(()=>{a&&a(e)},[]),c(()=>{setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),o&&o(e)},[e])},B=t=>{let{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;h(a,r,e);let u=o.map(i=>{let{path:l,content:f}=i;return l="/"+l.replace(/^\//,""),n(s.Route,{path:l,element:f},l)});return P(s.Routes,{children:[u,n(s.Route,{path:"*",element:n(g,{})})]})},p=t=>{let{pages:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;return n(B,{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e})};export{p as PageRouter,p as default};
2
- //# sourceMappingURL=PageRouter.js.map
1
+ import"../../chunk-VY3566IV.js";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{useEffect as c,useRef as m}from"react";import{useStore as R}from"../../@utils/_";import*as s from"react-router-dom";import C from"../Sheet";import{PageNotFound as g}from"./PageNotFound";import{RootViewController as k}from"./RootViewController";const h=(t,o,a)=>{const r=m(!1);let e=s.useLocation(),u=s.useNavigate();R.set({key:"navigate",value:u}),c(()=>{r.current?(C.closeAll(!0),k.fn.updateCSSProperty.reset()):r.current=!0},[e.pathname]),t&&t(e),c(()=>{a&&a(e)},[]),c(()=>{setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),o&&o(e)},[e])},B=t=>{let{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;h(a,r,e);let u=o.map(i=>{let{path:l,content:f}=i;return l="/"+l.replace(/^\//,""),n(s.Route,{path:l,element:f},l)});return P(s.Routes,{children:[u,n(s.Route,{path:"*",element:n(g,{})})]})},p=t=>{let{pages:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;return n(B,{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e})};export{p as PageRouter,p as default};
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";import{Fragment as c,jsx as a}from"react/jsx-runtime";import{useState as p}from"react";import w from"@fn/Effect/_";const n=r=>{let{viewIndex:e=0,views:t,wrapper:i=m=>a(w.FadeIn,{animationTime:400,children:m},e)}=r;e=Math.min(Math.max(e,0),t.length);let[l,o]=p(e);return l!=e&&o(e),a(c,{children:i(t[e])})};export{n as PageViewController,n as default};
2
- //# sourceMappingURL=PageViewController.js.map
1
+ import"../../chunk-VY3566IV.js";import{Fragment as c,jsx as a}from"react/jsx-runtime";import{useState as p}from"react";import w from"../Effect/_";const n=r=>{let{viewIndex:e=0,views:t,wrapper:i=m=>a(w.FadeIn,{animationTime:400,children:m},e)}=r;e=Math.min(Math.max(e,0),t.length);let[l,o]=p(e);return l!=e&&o(e),a(c,{children:i(t[e])})};export{n as PageViewController,n as default};
@@ -1,2 +1 @@
1
- import{b as e,c as o,d as S}from"../../chunk-E3D4DIO4.js";import{jsx as X}from"react/jsx-runtime";import n from"@atoms/Box";const p=r=>{let a=r,{size:i="R"}=a,t=S(a,["size"]),l={XS:48,S:60,R:72,L:84,XL:100,MAX:120}[i];return X(n,o(e({margin:[0,"auto"],width:1},t),{freeCSS:e({maxWidth:12*l},t.freeCSS)}))};export{p as Plate,p as default};
2
- //# sourceMappingURL=Plate.js.map
1
+ import{b as e,c as o,d as S}from"../../chunk-VY3566IV.js";import{jsx as X}from"react/jsx-runtime";import n from"../../atoms/Box";const p=r=>{let a=r,{size:i="R"}=a,t=S(a,["size"]),l={XS:48,S:60,R:72,L:84,XL:100,MAX:120}[i];return X(n,o(e({margin:[0,"auto"],width:1},t),{freeCSS:e({maxWidth:12*l},t.freeCSS)}))};export{p as Plate,p as default};
@@ -1,2 +1 @@
1
- import{b as p,c as v,d as f}from"../../chunk-E3D4DIO4.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as o,Config as m,pageTransit as B}from"@utils";import h from"@atoms/Box";import C from"@atoms/Flex";import P from"@mols/Column";import F from"@fn/Button";import{LayoutClasses as y}from"@styles/componentClasses/_";const c={Base:i=>{let l=i,{topNavigation:e,sideNavigation:t,footerNavigation:a,children:r,className:n}=l,g=f(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",R="RemovePageEventCB";return o(window).addEvent({eventType:"resize",eventID:u,callback:()=>{m.get().screen.isPhonepoint()||(o.interval.clear("__RVC_calcHeights"),o.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{o(window).removeEvent(R),o(window).removeEvent(u)}},[]);let d=r;return x(P,v(p({className:[n,y("RootViewController")].join(" "),backgroundColor:"1.layer.base",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,s(h,{className:y("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),a]}))},TopNavigation:i=>{let n=i,{className:e,children:t}=n,a=f(n,["className","children"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),s(C,v(p({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"1.layer.base"},a),{id:"__RVC_TopNavigation",className:[e,y("TopNav")].join(" "),children:t}),r)},SideNavigation:i=>{let r=i,{className:e="",baseStyles:t}=r,a=f(r,["className","baseStyles"]);return s(h,p({flexSizing:"none",className:[e,y("SideNav")].join(" "),minHeight:"sideNavigationHeight"},a))},FooterNavigation:i=>{let n=i,{className:e="",baseStyles:t}=n,a=f(n,["className","baseStyles"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),s(C,v(p({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"1.layer.base",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),e].join(" "),children:s(C,p({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},a))}))},Comps:{Button:i=>{let d=i,{isActive:e,uri:t,uriGroup:a}=d,r=f(d,["isActive","uri","uriGroup"]),n=o.flatArray(a),g=location.pathname;{let l=!1;if(o.is.exist(t)&&o.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)o.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return s(F.Button.Clear.R,p({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{o.is.exist(t)&&o.is.string(t)&&B.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:i=>s(h,p({flexSizing:"none",backgroundColor:"lcOpMiddle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},i)),Title:i=>s(h,p({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},i))},fn:{updateCSSProperty:{topNav:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=e.position().height||0,a=t;e.getStyleProperty("position")!="sticky"&&(a=0),i.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",a+"px")},footer:()=>{let i=o(document.body),t=o(m.get().appRoot).find("#__RVC_FooterNavigation").position().height||0;i.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=o(m.get().appRoot).find("#__RVC_FooterNavigation"),a=e.position().height||0,r=a,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-a-n;i.setStyleProperty("--topNavHeight",a+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
2
- //# sourceMappingURL=RootViewController.js.map
1
+ import{b as p,c as v,d as f}from"../../chunk-VY3566IV.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as o,Config as m,pageTransit as B}from"../../@utils/_";import h from"../../atoms/Box";import C from"../../atoms/Flex";import P from"../../mols/Column";import F from"../Button";import{LayoutClasses as y}from"../../@styles/componentClasses/_";const c={Base:i=>{let l=i,{topNavigation:e,sideNavigation:t,footerNavigation:a,children:r,className:n}=l,g=f(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",R="RemovePageEventCB";return o(window).addEvent({eventType:"resize",eventID:u,callback:()=>{m.get().screen.isPhonepoint()||(o.interval.clear("__RVC_calcHeights"),o.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{o(window).removeEvent(R),o(window).removeEvent(u)}},[]);let d=r;return x(P,v(p({className:[n,y("RootViewController")].join(" "),backgroundColor:"1.layer.base",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,s(h,{className:y("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),a]}))},TopNavigation:i=>{let n=i,{className:e,children:t}=n,a=f(n,["className","children"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),s(C,v(p({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"1.layer.base"},a),{id:"__RVC_TopNavigation",className:[e,y("TopNav")].join(" "),children:t}),r)},SideNavigation:i=>{let r=i,{className:e="",baseStyles:t}=r,a=f(r,["className","baseStyles"]);return s(h,p({flexSizing:"none",className:[e,y("SideNav")].join(" "),minHeight:"sideNavigationHeight"},a))},FooterNavigation:i=>{let n=i,{className:e="",baseStyles:t}=n,a=f(n,["className","baseStyles"]),[r]=S(o.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),s(C,v(p({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"1.layer.base",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),e].join(" "),children:s(C,p({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},a))}))},Comps:{Button:i=>{let d=i,{isActive:e,uri:t,uriGroup:a}=d,r=f(d,["isActive","uri","uriGroup"]),n=o.flatArray(a),g=location.pathname;{let l=!1;if(o.is.exist(t)&&o.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)o.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return s(F.Button.Clear.R,p({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{o.is.exist(t)&&o.is.string(t)&&B.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:i=>s(h,p({flexSizing:"none",backgroundColor:"lcOpMiddle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},i)),Title:i=>s(h,p({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},i))},fn:{updateCSSProperty:{topNav:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=e.position().height||0,a=t;e.getStyleProperty("position")!="sticky"&&(a=0),i.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",a+"px")},footer:()=>{let i=o(document.body),t=o(m.get().appRoot).find("#__RVC_FooterNavigation").position().height||0;i.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let i=o(document.body),e=o(m.get().appRoot).find("#__RVC_TopNavigation"),t=o(m.get().appRoot).find("#__RVC_FooterNavigation"),a=e.position().height||0,r=a,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-a-n;i.setStyleProperty("--topNavHeight",a+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
@@ -1,2 +1 @@
1
- import{b as f,c as T,d as k}from"../../chunk-E3D4DIO4.js";import{jsx as g}from"react/jsx-runtime";import{useState as R,useEffect as M,useRef as N}from"react";import{$$ as r,Config as h,useStore as X}from"@utils";import L from"@atoms/Box";import j from"@atoms/Flex";import{LayoutClasses as o}from"@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipeSeconds:p=0,loop:s=!1,disableMousedrag:a=!1,disableTouch:d=!1}={},wrapper:i=n=>n,slides:v=[]}=D,I=k(D,["options","wrapper","slides"]),[w]=R(r.uuid.gen()),[c,y]=R({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const E=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),E.current||(E.current=!0)},[t.slideIndex]),M(()=>{let n=c.index+(s?1:0),m=[-1,v.length].includes(c.index);m||e&&setTimeout(()=>{e(c.index)},300);let b=r(h.get().appRoot).find("#Swiper-"+w);if(c.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass([o("Display"),o("LoopAdjusting")]).await(100).removeClass(o("LoopAdjusting"));else if(c.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass(o("Display"));else if(b.children().removeClass(o("Display")).parent().children(n).addClass(o("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=c.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}p&&!m&&(r.interval.clear("SwipeTimer-"+w),r.interval.standBy("SwipeTimer-"+w,p-(c.eventType=="sys"?310:0),()=>{let x=c.index+1;!s&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[c]);let S=v.map((n,m)=>g(L,{flexSizing:"none",width:1,height:0,className:o("Child"),children:i(n)},m));s&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:s,index:c.index,minIndex:s?-1:0,maxIndex:v.length+(s?1:-1),width:0,set_event:y},A=c.index+(s?1:0);return g(L,T(f({overflow:"hidden",position:"relative"},I),{className:[I.className,o("SwipeView")].join(" "),freeCSS:f({zIndex:1},I.freeCSS),"data-swipe-id":w,onMouseDown:n=>{a||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;d||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:g(j,{flexWrap:!1,gap:1,transition:"long",className:[o("Rail"),o("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},E.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:p}=r.getCursor(t),s=t.currentTarget,a=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(a.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:p-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:r(h.get().appRoot).find("#Swiper-"+e.id).position().width});let{swipeId:d}=s.dataset;d==e.id&&r(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:p}=r.getCursor(t),s=Math.abs(u-e.x+window.scrollX),a=Math.abs(p-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(a+s<15))if(a>s/2)r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let d=e.index+(e.loop?1:0);r(h.get().appRoot).find("#Swiper-"+e.id).children(d-1).addClass(o("Display")),r(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=r.getCursor(t),p=u-e.x+window.scrollX,a=e.index+(e.loop?1:0)-p/e.width;if(a<0)a/=2;else if(a>e.maxIndex){let d=a-e.maxIndex;a=e.maxIndex+d/2}r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(a)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let p=r.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),a=s-e.effectStartAt,d=e.index+(e.loop?1:0),i=0;a<400?i=d-(+(p>0)*2-1):i=Math.round(d-p/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,d===i?(e.effectStartAt=s,r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(i)}).await(310).css({transition:"0s"}).children().removeClass(o("Display")).parent().children(d).addClass(o("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>g(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
2
- //# sourceMappingURL=SwipeView.js.map
1
+ import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as g}from"react/jsx-runtime";import{useState as R,useEffect as M,useRef as N}from"react";import{$$ as r,Config as h,useStore as X}from"../../@utils/_";import L from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as o}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipeSeconds:p=0,loop:s=!1,disableMousedrag:a=!1,disableTouch:d=!1}={},wrapper:i=n=>n,slides:v=[]}=D,I=k(D,["options","wrapper","slides"]),[w]=R(r.uuid.gen()),[c,y]=R({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const E=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),E.current||(E.current=!0)},[t.slideIndex]),M(()=>{let n=c.index+(s?1:0),m=[-1,v.length].includes(c.index);m||e&&setTimeout(()=>{e(c.index)},300);let b=r(h.get().appRoot).find("#Swiper-"+w);if(c.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass([o("Display"),o("LoopAdjusting")]).await(100).removeClass(o("LoopAdjusting"));else if(c.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass(o("Display"));else if(b.children().removeClass(o("Display")).parent().children(n).addClass(o("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=c.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}p&&!m&&(r.interval.clear("SwipeTimer-"+w),r.interval.standBy("SwipeTimer-"+w,p-(c.eventType=="sys"?310:0),()=>{let x=c.index+1;!s&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[c]);let S=v.map((n,m)=>g(L,{flexSizing:"none",width:1,height:0,className:o("Child"),children:i(n)},m));s&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:s,index:c.index,minIndex:s?-1:0,maxIndex:v.length+(s?1:-1),width:0,set_event:y},A=c.index+(s?1:0);return g(L,T(f({overflow:"hidden",position:"relative"},I),{className:[I.className,o("SwipeView")].join(" "),freeCSS:f({zIndex:1},I.freeCSS),"data-swipe-id":w,onMouseDown:n=>{a||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;d||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:g(j,{flexWrap:!1,gap:1,transition:"long",className:[o("Rail"),o("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},E.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:p}=r.getCursor(t),s=t.currentTarget,a=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(a.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:p-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:r(h.get().appRoot).find("#Swiper-"+e.id).position().width});let{swipeId:d}=s.dataset;d==e.id&&r(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:p}=r.getCursor(t),s=Math.abs(u-e.x+window.scrollX),a=Math.abs(p-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(a+s<15))if(a>s/2)r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let d=e.index+(e.loop?1:0);r(h.get().appRoot).find("#Swiper-"+e.id).children(d-1).addClass(o("Display")),r(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=r.getCursor(t),p=u-e.x+window.scrollX,a=e.index+(e.loop?1:0)-p/e.width;if(a<0)a/=2;else if(a>e.maxIndex){let d=a-e.maxIndex;a=e.maxIndex+d/2}r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(a)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let p=r.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),a=s-e.effectStartAt,d=e.index+(e.loop?1:0),i=0;a<400?i=d-(+(p>0)*2-1):i=Math.round(d-p/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,d===i?(e.effectStartAt=s,r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(i)}).await(310).css({transition:"0s"}).children().removeClass(o("Display")).parent().children(d).addClass(o("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>g(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
@@ -1,2 +1 @@
1
- import{b as o,c as l,d as m}from"../../chunk-E3D4DIO4.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as s}from"react";import c from"@atoms/Box";import x from"@atoms/Flex";import v from"@fn/Input/_";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),a(x,l(o({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(c,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];r&&r(t)}})})}))};export{u as TabBar,u as default};
2
- //# sourceMappingURL=TabBar.js.map
1
+ import{b as o,c as l,d as m}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as s}from"react";import c from"../../atoms/Box";import x from"../../atoms/Flex";import v from"../Input/_";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),a(x,l(o({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(c,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];r&&r(t)}})})}))};export{u as TabBar,u as default};
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";import r from"./SwipeView";import t from"./PageViewController";import p from"./TabBar";import i from"./Plate";import a from"./PageNotFound";import m from"./PageRouter";import l from"./RootViewController";var o;(e=>(e.PageViewController=t,e.TabBar=p,e.Plate=i,e.SwipeView=r,e.PageRouter=m,e.PageNotFound=a,e.RootViewController=l))(o||(o={}));export{o as Layout,o as default};
2
- //# sourceMappingURL=_.js.map
1
+ import"../../chunk-VY3566IV.js";import r from"./SwipeView";import t from"./PageViewController";import p from"./TabBar";import i from"./Plate";import a from"./PageNotFound";import m from"./PageRouter";import l from"./RootViewController";var o;(e=>(e.PageViewController=t,e.TabBar=p,e.Plate=i,e.SwipeView=r,e.PageRouter=m,e.PageNotFound=a,e.RootViewController=l))(o||(o={}));export{o as Layout,o as default};
@@ -1,2 +1 @@
1
- import{b as n}from"../../chunk-E3D4DIO4.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{$$ as l,Config as p,useStore as i}from"@utils";import L from"@atoms/Box";import{LoaderClasses as m}from"@styles/componentClasses/_";import{Top as C}from"./top";import{Mini as c}from"./mini";import{Corner as f}from"./corner";const s=o=>{let t=o.color;return{S:e=>a(c,n({size:"S",color:t},e)),R:e=>a(c,n({size:"R",color:t},e)),L:e=>a(c,n({size:"L",color:t},e)),XL:e=>a(c,n({size:"XL",color:t},e)),MAX:e=>a(c,n({size:"MAX",color:t},e))}},d={Wrapper:()=>g(L,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:[a(C,{}),a(f,{})]}),Theme:s({color:"theme"}),Posi:s({color:"posi"}),Nega:s({color:"nega"}),Warn:s({color:"warn"}),White:s({color:"white"}),Cloud:s({color:"cloud"}),fn:{top:{active:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.stop()}},corner:{active:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.stop()}},mini:{active:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.active&&r.active(o)})},stop:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.stop&&r.stop(o)})},stopALL:()=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(o=>{let{dataset:{componentId:t}={}}=o;if(!t)return;let e=i.get(t);e&&e.stopForce&&e.stopForce()})}},stopALL:()=>{d.fn.top.stop(),d.fn.corner.stop(),d.fn.mini.stopALL()}}};export{d as Loader,d as default};
2
- //# sourceMappingURL=_.js.map
1
+ import{b as n}from"../../chunk-VY3566IV.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{$$ as l,Config as p,useStore as i}from"../../@utils/_";import L from"../../atoms/Box";import{LoaderClasses as m}from"../../@styles/componentClasses/_";import{Top as C}from"./top";import{Mini as c}from"./mini";import{Corner as f}from"./corner";const s=o=>{let t=o.color;return{S:e=>a(c,n({size:"S",color:t},e)),R:e=>a(c,n({size:"R",color:t},e)),L:e=>a(c,n({size:"L",color:t},e)),XL:e=>a(c,n({size:"XL",color:t},e)),MAX:e=>a(c,n({size:"MAX",color:t},e))}},d={Wrapper:()=>g(L,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:[a(C,{}),a(f,{})]}),Theme:s({color:"theme"}),Posi:s({color:"posi"}),Nega:s({color:"nega"}),Warn:s({color:"warn"}),White:s({color:"white"}),Cloud:s({color:"cloud"}),fn:{top:{active:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.stop()}},corner:{active:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.stop()}},mini:{active:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.active&&r.active(o)})},stop:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.stop&&r.stop(o)})},stopALL:()=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(o=>{let{dataset:{componentId:t}={}}=o;if(!t)return;let e=i.get(t);e&&e.stopForce&&e.stopForce()})}},stopALL:()=>{d.fn.top.stop(),d.fn.corner.stop(),d.fn.mini.stopALL()}}};export{d as Loader,d as default};
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Config as n,useStore as l}from"@utils";import{useState as d,useEffect as c}from"react";import o from"@atoms/Box";import s from"@atoms/Flex";import{LoaderClasses as e}from"@styles/componentClasses/_";const N=()=>{let[i,r]=d(!1);return c(()=>{l.set({key:"Loader-corner-"+n.get().sessionUID+"-corner",value:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),e("Active_"+i)].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{pointerEvents:"none",transform:"translateX(-50%)"},children:[t(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(o,{className:e("Ld4")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld1")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld4")})]}),a(o,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading"})]})};export{N as Corner};
2
- //# sourceMappingURL=corner.js.map
1
+ import"../../chunk-VY3566IV.js";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Config as n,useStore as l}from"../../@utils/_";import{useState as d,useEffect as c}from"react";import o from"../../atoms/Box";import s from"../../atoms/Flex";import{LoaderClasses as e}from"../../@styles/componentClasses/_";const N=()=>{let[i,r]=d(!1);return c(()=>{l.set({key:"Loader-corner-"+n.get().sessionUID+"-corner",value:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),e("Active_"+i)].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{pointerEvents:"none",transform:"translateX(-50%)"},children:[t(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(o,{className:e("Ld4")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld1")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld4")})]}),a(o,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading"})]})};export{N as Corner};
@@ -1,2 +1 @@
1
- import{b as d,c as f,d as h}from"../../chunk-E3D4DIO4.js";import{jsx as i,jsxs as k}from"react/jsx-runtime";import{$$ as g,Config as L,useStore as z}from"@utils";import{useState as l,useEffect as w}from"react";import{LoaderClasses as e}from"@styles/componentClasses/_";import I from"@mols/Row";const R=u=>{let m=u,{color:C="theme",size:t="R",showInitial:c=!1,loaderID:S=""}=m,y=h(m,["color","size","showInitial","loaderID"]),[n]=l(S),[s]=l(g.uuid.gen()),[p,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[C];return w(()=>{let r=g(L.get().appRoot).find('[data-component-id="'+s+'"]');p?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[p]),w(()=>{z.set({key:s,value:{active:r=>{n==r&&a(!0)},stop:r=>{n==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:s,position:"relative"},y),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
2
- //# sourceMappingURL=mini.js.map
1
+ import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as k}from"react/jsx-runtime";import{$$ as g,Config as L,useStore as z}from"../../@utils/_";import{useState as l,useEffect as w}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses/_";import I from"../../mols/Row";const R=u=>{let m=u,{color:C="theme",size:t="R",showInitial:c=!1,loaderID:S=""}=m,y=h(m,["color","size","showInitial","loaderID"]),[n]=l(S),[s]=l(g.uuid.gen()),[p,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[C];return w(()=>{let r=g(L.get().appRoot).find('[data-component-id="'+s+'"]');p?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[p]),w(()=>{z.set({key:s,value:{active:r=>{n==r&&a(!0)},stop:r=>{n==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:s,position:"relative"},y),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Config as t,useStore as c}from"@utils";import{useState as n,useEffect as C}from"react";import{LoaderClasses as o}from"@styles/componentClasses/_";import l from"@atoms/Box";import a from"@atoms/Flex";const d=()=>{let[s,i]=n(!1);return C(()=>{c.set({key:"Loader-top-"+t.get().sessionUID+"-corner",value:{active:()=>{i(!0)},stop:()=>{i(!1)}}})},[]),e(a,{className:[o("TopLoader"),o("Active_"+s)].join(" "),position:"fixed",top:0,left:0,right:0,bottom:0,horizontalAlign:"center",transition:"long",opacity:"trans",backgroundColor:"lcOpHigh",freeCSS:{paddingTop:12*8,pointerEvents:"none"},children:r(a,{flexType:"col",position:"relative",children:[e(a,{className:o("Center"),flexCenter:!0,children:r(l,{children:[e(l,{className:[o("Child"),o("Child1")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarken"})}),e(l,{className:[o("Child"),o("Child2")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarker"})}),e(l,{className:[o("Child"),o("Child3")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarkest"})}),e(l,{className:[o("Child"),o("Child4")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighten"})}),e(l,{className:[o("Child"),o("Child5")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighter"})}),e(l,{className:[o("Child"),o("Child6")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLightest"})}),e(l,{className:[o("Child"),o("Child7")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"theme"})})]})}),e(l,{flexCenter:!0,fontSize:"2.normal",children:"Loading..."})]})})};export{d as Top};
2
- //# sourceMappingURL=top.js.map
1
+ import"../../chunk-VY3566IV.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Config as t,useStore as c}from"../../@utils/_";import{useState as n,useEffect as C}from"react";import{LoaderClasses as o}from"../../@styles/componentClasses/_";import l from"../../atoms/Box";import a from"../../atoms/Flex";const d=()=>{let[s,i]=n(!1);return C(()=>{c.set({key:"Loader-top-"+t.get().sessionUID+"-corner",value:{active:()=>{i(!0)},stop:()=>{i(!1)}}})},[]),e(a,{className:[o("TopLoader"),o("Active_"+s)].join(" "),position:"fixed",top:0,left:0,right:0,bottom:0,horizontalAlign:"center",transition:"long",opacity:"trans",backgroundColor:"lcOpHigh",freeCSS:{paddingTop:12*8,pointerEvents:"none"},children:r(a,{flexType:"col",position:"relative",children:[e(a,{className:o("Center"),flexCenter:!0,children:r(l,{children:[e(l,{className:[o("Child"),o("Child1")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarken"})}),e(l,{className:[o("Child"),o("Child2")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarker"})}),e(l,{className:[o("Child"),o("Child3")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarkest"})}),e(l,{className:[o("Child"),o("Child4")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighten"})}),e(l,{className:[o("Child"),o("Child5")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighter"})}),e(l,{className:[o("Child"),o("Child6")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLightest"})}),e(l,{className:[o("Child"),o("Child7")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"theme"})})]})}),e(l,{flexCenter:!0,fontSize:"2.normal",children:"Loading..."})]})})};export{d as Top};
package/dist/fn/Sheet.js CHANGED
@@ -1,2 +1 @@
1
- import{b as d,c as B,d as O}from"../chunk-E3D4DIO4.js";import{jsx as n,jsxs as j}from"react/jsx-runtime";import{useState as z,useEffect as H,useRef as K}from"react";import{$$ as t,Config as R,useStore as _}from"@utils";import P from"@atoms/Box";import V from"@atoms/Img";import $ from"@atoms/FAI";import Z from"@atoms/Flex";import G from"@mols/Column";import U from"@mols/Row";import Y from"@fn/Button";import J from"@fn/Layout/_";import Q from"@fn/Input/_";import{SheetClasses as l}from"@styles/componentClasses/_";const h={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},Wrapper:()=>{let[e,o]=z(t.uuid.gen());_.set({key:"Sheet-"+R.get().sessionUID,value:{refresh:()=>{o(t.uuid.gen())}}}),H(()=>{t(document).addEvent({eventType:"keyup",callback:function(s){let{key:r,metaKey:f}=s;if(r=="Escape"||r==","&&f){let g=Object.values(h.contents).filter(S=>S.open);if(!g.length)return;let a=g.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(a.params.sheetID,r)}}}).addEvent({eventType:"click",callback:function(s){var g;let r=Object.values(h.contents).filter(a=>a.params.type=="custom");!r.length||r.find(a=>{let{params:S}=a,w=t(R.get().appRoot).find(S.parent),I=t(R.get().appRoot).find(s.target);return w[0]==I[0]||!!w.find(I).length})||(g=s.target)!=null&&g.closest("."+l("CustomSheet"))||r.forEach(a=>{var S;(S=a.params.close_option)!=null&&S.aroundClick&&x.close(a.params.sheetID)})}})},[]);let m=Object.entries(h.contents).map(([s,r])=>n(P,{id:"Sheet-"+s,children:n(h.Core,d({},r.params))}));return n(P,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:m})},addNewSheet:function(e){if(e=B(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||t.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,!0);return}this.contents[e.sheetID]={open:!0,hold_state:!!e.hold_state,params:e,created_at:t.Time()};let o=_.get("Sheet-"+R.get().sessionUID);o&&o.refresh()},Core:e=>{var y;let[o]=z(t.uuid.gen()),[m,s]=z(e),[r,f]=z(!0),{type:g,sheetID:a,openAfter:S,closeAfter:w}=m,I=!e.overwrap,v=h.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[g]];H(()=>{_.set({key:a,value:{refresh:(i,u)=>{s(i),f(u!=null?u:!1)},resize:i=>{if(g=="drawer.bottom"){let u=_.get(o);u&&u.resize&&u.resize(i)}else(m.type.includes("normal")||m.type.includes("drawer"))&&s(B(d({},m),{size:i}))},close:i=>{h.contents[a].open=!1,f(!1)},open:()=>{h.contents[a].open=!0,f(!0)}}})}),H(()=>{h.currentIndex++;let{close_option:i}=e;t.scope(()=>{if(!(i!=null&&i.elementBlur))return;let u=t(R.get().appRoot).find(i.elementBlur);u[0]&&u.addEvent({eventID:"SheetClosation-"+a,eventType:"mouseout",callback:()=>{x.close(a),t().removeEvent("SheetClosation-"+a)}})})},[]),H(()=>{t.scope(()=>{if(I&&e.backgroundEffect)if(h.subSheetLength=h.subSheetLength+(r?1:-1),r){let i=t("html");if(h.subSheetLength==1){let u=i[0].scrollTop;h.mainSheetScrolls=u}R.get().isPhone||(i.abort().addClass(l("FixHeight")).callback(()=>{t(R.get().appRoot).find(".AMOTIFY_be_root").addClass(l("FixScroll"))[0].scrollTop=h.mainSheetScrolls}).addClass([l("FloatMainSheet"),l("Type_"+g)])[0].scrollTop=0)}else{if(h.subSheetLength!=0||R.get().isPhone)return;t("html").abort().removeClass(l("FloatMainSheet")).await(251).removeClass(l("FixHeight")).callback(u=>{u[0].scrollTop=h.mainSheetScrolls|0,t(R.get().appRoot).find(".AMOTIFY_be_root")[0].scrollTop=0})}}),t.scope(()=>{let i=t(R.get().appRoot).find("#"+o);r?t(i).abort().await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{S&&S()}):t(i).abort().await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{!w||w(),!e.hold_state&&(delete h.contents[a],t(R.get().appRoot).find("#Sheet-"+a).remove(),t().removeEvent("SheetClosation-"+a))})})},[r]);let[T,C]=g.split(".");return n(P,{className:[l("Wrap"),l("Tcate_"+T),l("Tpos_"+C),l("isNewSheet_"+I)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:h.currentIndex+1},id:o,children:j(G,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[I?n(h.TapSensor,{sheetID:a,delegateAroundClick:(y=e.close_option)==null?void 0:y.aroundClick}):null,n(v,d({componentID:o},m))]})})},Types:{Normal:e=>{let u=e,{sheetID:o,sheetGroups:m,content:s,className:r="",type:f,size:g="R",freeCSS:a,openAfter:S,hold_state:w,overwrap:I}=u,v=O(u,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","hold_state","overwrap"]),[T,C]=f.split("."),y={},i=[];return C.match(/top/)?(i.push("top"),y.marginBottom="auto"):C.match(/middle/)?(i.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(i.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(i.push("left"),y.marginRight="auto"):C.match(/center/i)?(i.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(i.push("right"),y.marginLeft="auto"),n(P,B(d(d({className:[l("BB"),r].join(" "),transition:"long",opacity:"trans"},y),v),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"95vw"}[g],maxWidth:"96vw",transformOrigin:i.join(" ")},a),children:t.is.function(s)?n(s,{}):s}))},Edge:e=>{let T=e,{sheetID:o,sheetGroups:m,type:s,content:r,className:f="",size:g="R",freeCSS:a,close_option:S,hold_state:w,overwrap:I}=T,v=O(T,["sheetID","sheetGroups","type","content","className","size","freeCSS","close_option","hold_state","overwrap"]);return n(P,B(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),f].join(" ")},s=="drawer.right"?{marginLeft:"auto"}:s=="drawer.left"?{marginRight:"auto"}:{}),v),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"95vw"}[g]},a),children:t.is.function(r)?n(r,{}):r}))},Bottom:e=>{let F=e,{componentID:o,sheetID:m,sheetGroups:s,content:r,size:f="R",sizeChanged:g,baseStyles:a,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:I}=F,v=O(F,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),T=t.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[i,u]=z(f),[N,M]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[f]]});_.update({key:o,value:{val_edit:N,resize:k=>{let p=C[y[k]];M(B(d({},N),{value:p})),u(k)}}});const D={Start:k=>{t(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:D.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:D.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:D.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:D.End});let p=t.getCursor(k),c=B(d({},N),{process:!0,processStart:new Date().getTime(),originY:p.y,originValue:N.value,viewHeight:t.getScreenSize().height});_.update({key:o,value:{val_edit:c}}),M(c)},Move:k=>{var L;let p=(L=_.get(o))==null?void 0:L.val_edit;if(!p.process)return;let E=(t.getCursor(k).y-p.originY)/p.viewHeight,b=p.originValue-E;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let A=.2-b;A-=.1,b=.1+(.1-A)*.5}M(B(d({},p),{value:b}))},End:k=>{var b;let p=(b=_.get(o))==null?void 0:b.val_edit;if(!p.process)return;t(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let c=0;if(p.value<.1||(p.value<.5?c=1:p.value>.75?c=3:c=2),new Date().getTime()-p.processStart<300){let L=t.getCursor(k).y-p.originY;if(Math.abs(L)>=20){let A=+(L<0)*2-1;c+=A,c=Math.min(Math.max(c,0),C.length-1)}}c==0&&(S||(c=1)),u(["ZERO","S","R","L"][c]),M(B(d({},p),{value:C[c],process:!1}))}},W=K(!1);return H(()=>{W.current?i=="ZERO"?S&&x.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(i)},250):W.current=!0},[i]),n(P,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:T.height*N.value},N.process?{transition:"0s"}:{}),children:j(G,B(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},a),{children:[j(U.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[n(U.Center,{flexSizing:0,padding:"2/3",onMouseDown:D.Start,onTouchStart:D.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:n(P,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:l("DragBar")})}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{x.close(m)},children:n($.Times,{})})]}),n(P,B(d({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},v),{children:t.is.function(r)?n(r,{}):r}))]}))})},Custom:e=>{let k=e,{sheetID:o,sheetGroups:m,parent:s,gravityPoint:r=22,content:f,close_option:g,hold_state:a,overwrap:S,openAfter:w,closeAfter:I}=k,v=O(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[T]=z(t.uuid.gen()),C=t(R.get().appRoot).find(s),y=t(R.get().appRoot).find('[data-sheet-id="'+T+'"]'),i=t(R.get().appRoot).find('[data-sheet-content="'+T+'"]');r=r;let u=r%5||5,N=Math.ceil(r/5);const M=()=>{let p={},{top:c,right:E,bottom:b,left:L,height:A,width:X}=C.position();return[1,2].includes(u)?p.left=L:u==3?p.left=L+X/2:[4,5].includes(u)&&(p.left=E),r<=10?p.top=c:r<=15?p.top=c+A/2:r<=25&&(p.top=b),p};let[D,W]=z(M());const F=()=>{let p=y.position(),c=i.position(),E=t.getScreenSize(),b=d({},D);return c.top<0&&(b.top=p.top-c.top),c.left<0&&(b.left=p.left-c.left),c.right>E.width&&(b.left=p.left-(c.right-E.width)),c.bottom>E.height&&(b.top=p.top-(c.bottom-E.height)),b};return H(()=>{y.await(10).addClass(l("Open")).await(250).callback(()=>{W(F())}),_.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(F())},200)}}})},[]),C[0]?n(P,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":T,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:D,children:n(Z,{className:[l("GPT"),l("GPT_"+r),l("Col_"+u),l("Row_"+N)].join(" "),position:"absolute",children:n(P,B(d({flexSizing:"none","data-sheet-content":T,maxHeight:"viewHeight",overflow:"auto",padding:1},v),{freeCSS:d({maxWidth:"98vw"},v.freeCSS),children:t.is.function(f)?n(f,{}):f}))})}):null}},TapSensor:e=>n(Y.Button.Plain,{className:l("TapSensor"),onClick:()=>{var o;(o=e.delegateAroundClick)!=null&&o&&x.close(e.sheetID)},freeCSS:{cursor:"default"},children:n(P,{className:l("TapContent")})})},x={Wrapper:()=>n(h.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e,{type:m,sheetID:s=t.uuid.gen(),src:r}=o,f=O(o,["type","sheetID","src"]);x.open(B(d({type:"normal.topCenter",sheetID:s,backgroundColor:"trans",boxShadow:"none"},f),{close_option:d({},e.close_option),freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=z(t.flatArray(r)),[a,S]=z(0),w=[],I=[];return g.forEach((v,T)=>{w.push({value:T,label:n(V,{src:t.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxHeight:12*3}})}),I.push(n(V,{width:1,height:"auto",src:t.flatArray(v)[0]}))}),j(G,{gap:0,children:[j(U.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[n(Q.Radio,{tone:"border",icon:!1,value:a,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{S(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:3,fontSize:"4.thirdTitle",onClick:()=>{x.close(s)},children:n($.Times,{})})]}),n(J.SwipeView,{slideIndex:a,options:{loop:g.length>1,onSlideCallback:v=>{S(v)}},slides:I,wrapper:v=>n(P,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}h.addNewSheet(e)},refresh:(e,o)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,o)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=_.get(e.sheetID);o&&o.resize&&o.resize(e.size)},reposition:e=>{let o=_.get("customSheet-"+e);o&&o.reposition&&o.reposition()},close:function(e,o,m){var r;let s;if(e=e==null?void 0:e.replace(/\./g,"-"),s=h.contents[e],!!s&&!(o=="Escape"&&!((r=s.params.close_option)!=null&&r.escapeKeyDown))){let{params:f}=s,{sheetID:g}=f,a=_.get(g);a&&a.close&&a.close(m)}},closeGroup:e=>{var o;e=(e||"").replace(/\./g,"-");for(let[m,s]of Object.entries(h.contents))(o=s.params.sheetGroups)!=null&&o.includes(e)&&x.close(m)},closeAll:e=>{var o;for(let[m,s]of Object.entries(h.contents))e&&((o=s.params.close_option)==null?void 0:o.pageTransit)==!1||x.close(m,"pageTransit",!0)},Comps:{Body:e=>n(P,d({className:l("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{x as Sheet,x as default};
2
- //# sourceMappingURL=Sheet.js.map
1
+ import{b as d,c as B,d as O}from"../chunk-VY3566IV.js";import{jsx as n,jsxs as j}from"react/jsx-runtime";import{useState as z,useEffect as H,useRef as K}from"react";import{$$ as t,Config as R,useStore as _}from"../@utils/_";import P from"../atoms/Box";import V from"../atoms/Img";import $ from"../atoms/FAI";import Z from"../atoms/Flex";import G from"../mols/Column";import U from"../mols/Row";import Y from"./Button";import J from"./Layout/_";import Q from"./Input/_";import{SheetClasses as l}from"../@styles/componentClasses/_";const h={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},Wrapper:()=>{let[e,o]=z(t.uuid.gen());_.set({key:"Sheet-"+R.get().sessionUID,value:{refresh:()=>{o(t.uuid.gen())}}}),H(()=>{t(document).addEvent({eventType:"keyup",callback:function(s){let{key:r,metaKey:f}=s;if(r=="Escape"||r==","&&f){let g=Object.values(h.contents).filter(S=>S.open);if(!g.length)return;let a=g.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(a.params.sheetID,r)}}}).addEvent({eventType:"click",callback:function(s){var g;let r=Object.values(h.contents).filter(a=>a.params.type=="custom");!r.length||r.find(a=>{let{params:S}=a,w=t(R.get().appRoot).find(S.parent),I=t(R.get().appRoot).find(s.target);return w[0]==I[0]||!!w.find(I).length})||(g=s.target)!=null&&g.closest("."+l("CustomSheet"))||r.forEach(a=>{var S;(S=a.params.close_option)!=null&&S.aroundClick&&x.close(a.params.sheetID)})}})},[]);let m=Object.entries(h.contents).map(([s,r])=>n(P,{id:"Sheet-"+s,children:n(h.Core,d({},r.params))}));return n(P,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:m})},addNewSheet:function(e){if(e=B(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||t.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,!0);return}this.contents[e.sheetID]={open:!0,hold_state:!!e.hold_state,params:e,created_at:t.Time()};let o=_.get("Sheet-"+R.get().sessionUID);o&&o.refresh()},Core:e=>{var y;let[o]=z(t.uuid.gen()),[m,s]=z(e),[r,f]=z(!0),{type:g,sheetID:a,openAfter:S,closeAfter:w}=m,I=!e.overwrap,v=h.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[g]];H(()=>{_.set({key:a,value:{refresh:(i,u)=>{s(i),f(u!=null?u:!1)},resize:i=>{if(g=="drawer.bottom"){let u=_.get(o);u&&u.resize&&u.resize(i)}else(m.type.includes("normal")||m.type.includes("drawer"))&&s(B(d({},m),{size:i}))},close:i=>{h.contents[a].open=!1,f(!1)},open:()=>{h.contents[a].open=!0,f(!0)}}})}),H(()=>{h.currentIndex++;let{close_option:i}=e;t.scope(()=>{if(!(i!=null&&i.elementBlur))return;let u=t(R.get().appRoot).find(i.elementBlur);u[0]&&u.addEvent({eventID:"SheetClosation-"+a,eventType:"mouseout",callback:()=>{x.close(a),t().removeEvent("SheetClosation-"+a)}})})},[]),H(()=>{t.scope(()=>{if(I&&e.backgroundEffect)if(h.subSheetLength=h.subSheetLength+(r?1:-1),r){let i=t("html");if(h.subSheetLength==1){let u=i[0].scrollTop;h.mainSheetScrolls=u}R.get().isPhone||(i.abort().addClass(l("FixHeight")).callback(()=>{t(R.get().appRoot).find(".AMOTIFY_be_root").addClass(l("FixScroll"))[0].scrollTop=h.mainSheetScrolls}).addClass([l("FloatMainSheet"),l("Type_"+g)])[0].scrollTop=0)}else{if(h.subSheetLength!=0||R.get().isPhone)return;t("html").abort().removeClass(l("FloatMainSheet")).await(251).removeClass(l("FixHeight")).callback(u=>{u[0].scrollTop=h.mainSheetScrolls|0,t(R.get().appRoot).find(".AMOTIFY_be_root")[0].scrollTop=0})}}),t.scope(()=>{let i=t(R.get().appRoot).find("#"+o);r?t(i).abort().await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{S&&S()}):t(i).abort().await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{!w||w(),!e.hold_state&&(delete h.contents[a],t(R.get().appRoot).find("#Sheet-"+a).remove(),t().removeEvent("SheetClosation-"+a))})})},[r]);let[T,C]=g.split(".");return n(P,{className:[l("Wrap"),l("Tcate_"+T),l("Tpos_"+C),l("isNewSheet_"+I)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:h.currentIndex+1},id:o,children:j(G,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[I?n(h.TapSensor,{sheetID:a,delegateAroundClick:(y=e.close_option)==null?void 0:y.aroundClick}):null,n(v,d({componentID:o},m))]})})},Types:{Normal:e=>{let u=e,{sheetID:o,sheetGroups:m,content:s,className:r="",type:f,size:g="R",freeCSS:a,openAfter:S,hold_state:w,overwrap:I}=u,v=O(u,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","hold_state","overwrap"]),[T,C]=f.split("."),y={},i=[];return C.match(/top/)?(i.push("top"),y.marginBottom="auto"):C.match(/middle/)?(i.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(i.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(i.push("left"),y.marginRight="auto"):C.match(/center/i)?(i.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(i.push("right"),y.marginLeft="auto"),n(P,B(d(d({className:[l("BB"),r].join(" "),transition:"long",opacity:"trans"},y),v),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"95vw"}[g],maxWidth:"96vw",transformOrigin:i.join(" ")},a),children:t.is.function(s)?n(s,{}):s}))},Edge:e=>{let T=e,{sheetID:o,sheetGroups:m,type:s,content:r,className:f="",size:g="R",freeCSS:a,close_option:S,hold_state:w,overwrap:I}=T,v=O(T,["sheetID","sheetGroups","type","content","className","size","freeCSS","close_option","hold_state","overwrap"]);return n(P,B(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),f].join(" ")},s=="drawer.right"?{marginLeft:"auto"}:s=="drawer.left"?{marginRight:"auto"}:{}),v),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"95vw"}[g]},a),children:t.is.function(r)?n(r,{}):r}))},Bottom:e=>{let F=e,{componentID:o,sheetID:m,sheetGroups:s,content:r,size:f="R",sizeChanged:g,baseStyles:a,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:I}=F,v=O(F,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),T=t.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[i,u]=z(f),[N,M]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[f]]});_.update({key:o,value:{val_edit:N,resize:k=>{let p=C[y[k]];M(B(d({},N),{value:p})),u(k)}}});const D={Start:k=>{t(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:D.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:D.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:D.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:D.End});let p=t.getCursor(k),c=B(d({},N),{process:!0,processStart:new Date().getTime(),originY:p.y,originValue:N.value,viewHeight:t.getScreenSize().height});_.update({key:o,value:{val_edit:c}}),M(c)},Move:k=>{var L;let p=(L=_.get(o))==null?void 0:L.val_edit;if(!p.process)return;let E=(t.getCursor(k).y-p.originY)/p.viewHeight,b=p.originValue-E;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let A=.2-b;A-=.1,b=.1+(.1-A)*.5}M(B(d({},p),{value:b}))},End:k=>{var b;let p=(b=_.get(o))==null?void 0:b.val_edit;if(!p.process)return;t(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let c=0;if(p.value<.1||(p.value<.5?c=1:p.value>.75?c=3:c=2),new Date().getTime()-p.processStart<300){let L=t.getCursor(k).y-p.originY;if(Math.abs(L)>=20){let A=+(L<0)*2-1;c+=A,c=Math.min(Math.max(c,0),C.length-1)}}c==0&&(S||(c=1)),u(["ZERO","S","R","L"][c]),M(B(d({},p),{value:C[c],process:!1}))}},W=K(!1);return H(()=>{W.current?i=="ZERO"?S&&x.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(i)},250):W.current=!0},[i]),n(P,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:T.height*N.value},N.process?{transition:"0s"}:{}),children:j(G,B(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},a),{children:[j(U.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[n(U.Center,{flexSizing:0,padding:"2/3",onMouseDown:D.Start,onTouchStart:D.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:n(P,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:l("DragBar")})}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{x.close(m)},children:n($.Times,{})})]}),n(P,B(d({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},v),{children:t.is.function(r)?n(r,{}):r}))]}))})},Custom:e=>{let k=e,{sheetID:o,sheetGroups:m,parent:s,gravityPoint:r=22,content:f,close_option:g,hold_state:a,overwrap:S,openAfter:w,closeAfter:I}=k,v=O(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[T]=z(t.uuid.gen()),C=t(R.get().appRoot).find(s),y=t(R.get().appRoot).find('[data-sheet-id="'+T+'"]'),i=t(R.get().appRoot).find('[data-sheet-content="'+T+'"]');r=r;let u=r%5||5,N=Math.ceil(r/5);const M=()=>{let p={},{top:c,right:E,bottom:b,left:L,height:A,width:X}=C.position();return[1,2].includes(u)?p.left=L:u==3?p.left=L+X/2:[4,5].includes(u)&&(p.left=E),r<=10?p.top=c:r<=15?p.top=c+A/2:r<=25&&(p.top=b),p};let[D,W]=z(M());const F=()=>{let p=y.position(),c=i.position(),E=t.getScreenSize(),b=d({},D);return c.top<0&&(b.top=p.top-c.top),c.left<0&&(b.left=p.left-c.left),c.right>E.width&&(b.left=p.left-(c.right-E.width)),c.bottom>E.height&&(b.top=p.top-(c.bottom-E.height)),b};return H(()=>{y.await(10).addClass(l("Open")).await(250).callback(()=>{W(F())}),_.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(F())},200)}}})},[]),C[0]?n(P,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":T,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:D,children:n(Z,{className:[l("GPT"),l("GPT_"+r),l("Col_"+u),l("Row_"+N)].join(" "),position:"absolute",children:n(P,B(d({flexSizing:"none","data-sheet-content":T,maxHeight:"viewHeight",overflow:"auto",padding:1},v),{freeCSS:d({maxWidth:"98vw"},v.freeCSS),children:t.is.function(f)?n(f,{}):f}))})}):null}},TapSensor:e=>n(Y.Button.Plain,{className:l("TapSensor"),onClick:()=>{var o;(o=e.delegateAroundClick)!=null&&o&&x.close(e.sheetID)},freeCSS:{cursor:"default"},children:n(P,{className:l("TapContent")})})},x={Wrapper:()=>n(h.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e,{type:m,sheetID:s=t.uuid.gen(),src:r}=o,f=O(o,["type","sheetID","src"]);x.open(B(d({type:"normal.topCenter",sheetID:s,backgroundColor:"trans",boxShadow:"none"},f),{close_option:d({},e.close_option),freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=z(t.flatArray(r)),[a,S]=z(0),w=[],I=[];return g.forEach((v,T)=>{w.push({value:T,label:n(V,{src:t.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxHeight:12*3}})}),I.push(n(V,{width:1,height:"auto",src:t.flatArray(v)[0]}))}),j(G,{gap:0,children:[j(U.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[n(Q.Radio,{tone:"border",icon:!1,value:a,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{S(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:3,fontSize:"4.thirdTitle",onClick:()=>{x.close(s)},children:n($.Times,{})})]}),n(J.SwipeView,{slideIndex:a,options:{loop:g.length>1,onSlideCallback:v=>{S(v)}},slides:I,wrapper:v=>n(P,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}h.addNewSheet(e)},refresh:(e,o)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,o)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=_.get(e.sheetID);o&&o.resize&&o.resize(e.size)},reposition:e=>{let o=_.get("customSheet-"+e);o&&o.reposition&&o.reposition()},close:function(e,o,m){var r;let s;if(e=e==null?void 0:e.replace(/\./g,"-"),s=h.contents[e],!!s&&!(o=="Escape"&&!((r=s.params.close_option)!=null&&r.escapeKeyDown))){let{params:f}=s,{sheetID:g}=f,a=_.get(g);a&&a.close&&a.close(m)}},closeGroup:e=>{var o;e=(e||"").replace(/\./g,"-");for(let[m,s]of Object.entries(h.contents))(o=s.params.sheetGroups)!=null&&o.includes(e)&&x.close(m)},closeAll:e=>{var o;for(let[m,s]of Object.entries(h.contents))e&&((o=s.params.close_option)==null?void 0:o.pageTransit)==!1||x.close(m,"pageTransit",!0)},Comps:{Body:e=>n(P,d({className:l("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{x as Sheet,x as default};
@@ -1,2 +1 @@
1
- import{b as m,c,d as C}from"../chunk-E3D4DIO4.js";import{Fragment as A,jsx as a,jsxs as O}from"react/jsx-runtime";import{createElement as P}from"react";import{$$ as o,Config as f,useStore as p}from"@utils";import{useState as k,useEffect as D}from"react";import x from"@atoms/Box";import w from"@atoms/Flex";import y from"@atoms/FAI";import E from"@mols/Row";import R from"@fn/Button";import{SnackbarClasses as g}from"@styles/componentClasses/_";const u={add:function(l){return p.get("Snackbar-"+f.get().sessionUID).add(l),this},remove:function(l){return p.get("Snackbar-"+f.get().sessionUID).remove(l),this},Wrapper:()=>a(B.Wrapper,{})},B={Cell:l=>{let b=l,{snackID:i,secondsToClose:n=10,componentID:S=o.uuid.gen(),children:d,customChildren:e}=b,r=C(b,["snackID","secondsToClose","componentID","children","customChildren"]),[t]=k(S),[s,h]=k(!1);D(()=>{let v=o(f.get().appRoot).find('[data-component-id="'+t+'"]');setTimeout(()=>{v.addClass(g("FadeIn"))},10),p.set({key:"Snackbar-"+i,value:{remove:()=>{v.addClass(g("FadeOut"))}}})},[]),D(()=>{o.interval.clear("Snackbar-"+t),s||setTimeout(()=>{o.interval.standBy("Snackbar-"+t,n*1e3,()=>{s||u.remove(i)})},100)},[s]);let I=a(A,{});return e?I=a(e,{close:()=>{u.remove(i)}}):I=O(E.Separate,{verticalAlign:"top",children:[a(x,{padding:["1/4",0],flexSizing:0,children:o.is.function(d)?a(d,{}):d}),a(R.Button.Clear.R,{color:"layer",backgroundColor:"lcOpLow",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(i)},children:a(y.Times,{})})]}),a(x,c(m({className:g("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:t,onMouseOver:()=>{h(!0)},onMouseOut:()=>{h(!1)}},r),{children:I}))},Wrapper:()=>{let[l,i]=k(o.uuid.gen()),[n,S]=k([]);p.set({key:"Snackbar-"+f.get().sessionUID,value:{add:e=>{e.snackID=e.snackID||o.uuid.gen();let r=n.findIndex(t=>t.snackID==e.snackID);if(r==-1)n.unshift(c(m({},e),{snackID:e.snackID}));else{let t=[...n];t[r]=c(m({},e),{snackID:e.snackID}),n=t}i(o.uuid.gen())},remove:e=>{let r=p.get("Snackbar-"+e);r&&r.remove&&(r.remove(),setTimeout(()=>{let t=n.findIndex(s=>s.snackID==e);if(t!=-1){let s=[...n];s.splice(t,1),n=s,i(o.uuid.gen())}},210))}}});let d=n.map(e=>P(B.Cell,c(m({},e),{key:e.snackID})));return a(w,{className:["AMOTIFY_be",g("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",children:d,overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"}})}};export{u as Snackbar,u as default};
2
- //# sourceMappingURL=Snackbar.js.map
1
+ import{b as m,c,d as C}from"../chunk-VY3566IV.js";import{Fragment as A,jsx as a,jsxs as O}from"react/jsx-runtime";import{createElement as P}from"react";import{$$ as o,Config as f,useStore as p}from"../@utils/_";import{useState as k,useEffect as D}from"react";import x from"../atoms/Box";import w from"../atoms/Flex";import y from"../atoms/FAI";import E from"../mols/Row";import R from"./Button";import{SnackbarClasses as g}from"../@styles/componentClasses/_";const u={add:function(l){return p.get("Snackbar-"+f.get().sessionUID).add(l),this},remove:function(l){return p.get("Snackbar-"+f.get().sessionUID).remove(l),this},Wrapper:()=>a(B.Wrapper,{})},B={Cell:l=>{let b=l,{snackID:i,secondsToClose:n=10,componentID:S=o.uuid.gen(),children:d,customChildren:e}=b,r=C(b,["snackID","secondsToClose","componentID","children","customChildren"]),[t]=k(S),[s,h]=k(!1);D(()=>{let v=o(f.get().appRoot).find('[data-component-id="'+t+'"]');setTimeout(()=>{v.addClass(g("FadeIn"))},10),p.set({key:"Snackbar-"+i,value:{remove:()=>{v.addClass(g("FadeOut"))}}})},[]),D(()=>{o.interval.clear("Snackbar-"+t),s||setTimeout(()=>{o.interval.standBy("Snackbar-"+t,n*1e3,()=>{s||u.remove(i)})},100)},[s]);let I=a(A,{});return e?I=a(e,{close:()=>{u.remove(i)}}):I=O(E.Separate,{verticalAlign:"top",children:[a(x,{padding:["1/4",0],flexSizing:0,children:o.is.function(d)?a(d,{}):d}),a(R.Button.Clear.R,{color:"layer",backgroundColor:"lcOpLow",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(i)},children:a(y.Times,{})})]}),a(x,c(m({className:g("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:t,onMouseOver:()=>{h(!0)},onMouseOut:()=>{h(!1)}},r),{children:I}))},Wrapper:()=>{let[l,i]=k(o.uuid.gen()),[n,S]=k([]);p.set({key:"Snackbar-"+f.get().sessionUID,value:{add:e=>{e.snackID=e.snackID||o.uuid.gen();let r=n.findIndex(t=>t.snackID==e.snackID);if(r==-1)n.unshift(c(m({},e),{snackID:e.snackID}));else{let t=[...n];t[r]=c(m({},e),{snackID:e.snackID}),n=t}i(o.uuid.gen())},remove:e=>{let r=p.get("Snackbar-"+e);r&&r.remove&&(r.remove(),setTimeout(()=>{let t=n.findIndex(s=>s.snackID==e);if(t!=-1){let s=[...n];s.splice(t,1),n=s,i(o.uuid.gen())}},210))}}});let d=n.map(e=>P(B.Cell,c(m({},e),{key:e.snackID})));return a(w,{className:["AMOTIFY_be",g("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",children:d,overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"}})}};export{u as Snackbar,u as default};
@@ -1,2 +1 @@
1
- import{b as s,c as R,d as q}from"../../chunk-E3D4DIO4.js";import{Fragment as W,jsx as n,jsxs as x}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import{$$ as I,useStore as L}from"@utils";import B from"@atoms/Box";import M from"@atoms/Flex";import K from"@atoms/FAI";import Y from"@atoms/Span";import Z from"@mols/Column";import A from"@mols/Row";import E from"@fn/Button";import U from"@fn/Sheet";import O from"@fn/Input/_";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as oe}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ne from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as b}from"@styles/componentClasses/_";const f={__memoryID:I.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:o}=e,[w,S]=u.current,c=[],d=[...e.head];e.checker&&c.push(n(P.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[b("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:!1,onUpdateValidValue:({value:l})=>{let h=e.rows;h.forEach(C=>{C.checked=l}),r(R(s({},e),{rows:h}))}})})})));for(let l=0;l<e.colLength;l++){let h=d[l];if(!h)continue;let C=h.children||h.data,a=u.enabled&&u.column[l],g=o.enabled&&o.column[l],p=a?n(K,{fontSize:"1.mini",fontColor:l==w?"1.clear":"5.translucent",icon:l==w?S=="DESC"?te:ee:re}):null,_=n(W,{});if(g){let k=i.map(T=>{var N;return(N=T[l])==null?void 0:N.data});k=[...new Set(k)].order({direction:"ASC"});let v=o.current[l];if(v){let T=k.filter(y=>!v.includes(y)),N=[];k.forEach(y=>{y&&N.push({value:y,label:n(B,{flexSizing:"auto",children:y})})});let j="BUTTON-"+e.componentID+"-"+l,J=e.componentID+"-"+l,$={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:x(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"1.layer.base",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(O.Checkbox,{tone:"cloud",icon:!0,value:T,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+l+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:y})=>{let H=k.filter(Q=>!y.includes(Q)),X=s({},e);X.filter.current[l]=H,r(X)}})}),x(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),n(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let y=[];v.length||(y=k);let H=s({},e);H.filter.current[l]=y,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh($,!0),_=n(B,{className:b("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:b("Filtering_"+!!v.length),id:j,onClick:y=>{y.stopPropagation(),U.open($)},children:n(K,{icon:oe})})})}}h=R(s(s(s(s({},e.cellStyles),h),V({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1,rowIndex:0,colIndex:l,isBody:!1,isHeader:!0}):{}),{ssPushable:a,className:[b("Cell"),e.cellClassName,h.className].join(" ")}),c.push(n(P.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:s({zIndex:2},h.freeCSS),onClick:k=>{if(a){let v=s({},e),T=[l,w===l&&S=="ASC"?"DESC":"ASC"];v.order.current=T,r(v),e.onOrderChanged&&e.onOrderChanged(T)}},children:x(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[_,x(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})})))}return n(P.Row,{className:[b("Row"),b("HeadRow")].join(" "),children:c})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,o)=>{let w=[...u],S=[];e.checker&&S.push(n(P.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName].join(" "),children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:c})=>{let d=e.rows;d[o].checked=c,t.set_status(R(s({},e),{rows:d}))}})})}))),w.forEach((c,d)=>{if(!c)return;let a=c,{type:l="td"}=a,h=q(a,["type"]);h=R(s(s(s(s({},e.cellStyles),h),V({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1,rowIndex:o,colIndex:d,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName,h.className].join(" ")});let C=P[l=="td"?"TD":"TH"];S.push(n(C,s({},h),d))}),i.push(n(P.Row,{className:[b("Row"),b("BodyRow")].join(" "),children:S,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),c)}},o))}),!r.length){let u=n(B,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=n(W,{children:e.noRecords})),i.push(n(P.Row,{className:[b("Row"),b("BodyRow"),b("DataNotFound")].join(" "),children:n(P.TD,{colSpan:e.colLength,className:b("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:o,paging:w}=e,S=[...e.rows],c=[...e.rows],d=[...e.rows],l=[...e.rows];if(i&&(c=S.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),d=[...c],l=[...c]),u.enabled)for(let a=0;a<e.colLength;a++){let g=u.column[a],p=u.current[a];g&&p&&p.length&&(d=d.filter(_=>!p.includes(_[a].data)),l=[...d])}o.enabled&&(d=d.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),l=[...d]);{let{currentPageIndex:a,rowLength:g}=w;l=[...l].splice((a-1)*g,g)}let h=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:S.length,pageRows:l.length,filteredRows:d.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return L.update({key:h,value:{status:C,updatePageIndex:a=>{let g=Math.min(Math.max(1,a),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=g,r(p)},updateRowLength:a=>{let g=s({},e);g.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(d.length/a)},r(g)},updateKeyword:a=>{I.interval.clear("InputSearchTime"),I.interval.standBy("InputSearchTime",200,()=>{let g=s({},e);g.searchKeyword=a,g.paging.currentPageIndex=1,g.filter.current=g.filter.current.map(()=>[]),r(g)})},getRowData:()=>{let a=[...S];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(g=>{g.currentPage=!1,g.filtered=!1}),l.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).currentPage=!0}),d.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).filtered=!0}),a}}}),G(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(g=>{let p=L.get(g);p!=null&&p.refresh&&p.refresh()})}),n(B,{className:b("TableBase"),children:x(P.Table,{className:b("Table"),children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:c}),n(f.Body,{val_status:e,set_status:r,PageRows:l})]})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.filter)?t.filter:(o=t.filter[u])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.order)?t.order:(o=t.order[u])!=null?o:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let o=[];i.forEach((w,S)=>{let{data:c,children:d,orderIndex:l}=w;w.orderIndex=I.is.exist(l)?String(l):String(c),w.children=d||String(c),o.push(String(w.data))}),i.__sys4SearchKey=o.join("/")}),n(f.StateManager,s({eventID:I.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:o,order:w,defaultOrder:S=[0,"ASC"],pageRowLength:c=30}=t,[d]=F(I.uuid.gen()),l={tableID:t.tableID||d,componentID:d,colLength:e,checker:i,searchKeyword:u,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:w!==!1,column:w,current:S},paging:{rowLength:c,pageLength:Math.ceil(t.rows.length/c),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,C]=F(l),[a,g]=F(t.eventID);return a!=t.eventID&&(g(t.eventID),C(l)),n(f.Core,{val_status:h,set_status:C})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=F(I.uuid.gen()),[r,i]=F(I.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),L.set({key:e,value:{refresh:()=>{i(I.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=L.get(u))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=L.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(O.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(O.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{m.setSearchKeyword(t.tableID,r)}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return x(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return x(A.Center,{children:[x(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(O.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{m.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),x(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(K.ChevronLeft,{})}),n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(o=>(i|=+(o==r),{value:o,label:o.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),x(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(O.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},le=t=>n(ne,R(s({type:"normal"},t),{children:n(f.DataLeveler,s({},t))})),D=le;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=z.Info,D.Paging=z.Paging,D.RowLength=z.RowLength,D.SearchInput=z.SearchInput;export{D as Data,D as default};
2
- //# sourceMappingURL=Data.js.map
1
+ import{b as s,c as R,d as q}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as n,jsxs as x}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import{$$ as I,useStore as L}from"../../@utils/_";import B from"../../atoms/Box";import M from"../../atoms/Flex";import K from"../../atoms/FAI";import Y from"../../atoms/Span";import Z from"../../mols/Column";import A from"../../mols/Row";import E from"../Button";import U from"../Sheet";import O from"../Input/_";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as oe}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ne from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as b}from"../../@styles/componentClasses/_";const f={__memoryID:I.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:o}=e,[w,S]=u.current,c=[],d=[...e.head];e.checker&&c.push(n(P.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[b("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:!1,onUpdateValidValue:({value:l})=>{let h=e.rows;h.forEach(C=>{C.checked=l}),r(R(s({},e),{rows:h}))}})})})));for(let l=0;l<e.colLength;l++){let h=d[l];if(!h)continue;let C=h.children||h.data,a=u.enabled&&u.column[l],g=o.enabled&&o.column[l],p=a?n(K,{fontSize:"1.mini",fontColor:l==w?"1.clear":"5.translucent",icon:l==w?S=="DESC"?te:ee:re}):null,_=n(W,{});if(g){let k=i.map(T=>{var N;return(N=T[l])==null?void 0:N.data});k=[...new Set(k)].order({direction:"ASC"});let v=o.current[l];if(v){let T=k.filter(y=>!v.includes(y)),N=[];k.forEach(y=>{y&&N.push({value:y,label:n(B,{flexSizing:"auto",children:y})})});let j="BUTTON-"+e.componentID+"-"+l,J=e.componentID+"-"+l,$={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:x(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"1.layer.base",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(O.Checkbox,{tone:"cloud",icon:!0,value:T,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+l+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:y})=>{let H=k.filter(Q=>!y.includes(Q)),X=s({},e);X.filter.current[l]=H,r(X)}})}),x(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),n(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let y=[];v.length||(y=k);let H=s({},e);H.filter.current[l]=y,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh($,!0),_=n(B,{className:b("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:b("Filtering_"+!!v.length),id:j,onClick:y=>{y.stopPropagation(),U.open($)},children:n(K,{icon:oe})})})}}h=R(s(s(s(s({},e.cellStyles),h),V({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1,rowIndex:0,colIndex:l,isBody:!1,isHeader:!0}):{}),{ssPushable:a,className:[b("Cell"),e.cellClassName,h.className].join(" ")}),c.push(n(P.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:s({zIndex:2},h.freeCSS),onClick:k=>{if(a){let v=s({},e),T=[l,w===l&&S=="ASC"?"DESC":"ASC"];v.order.current=T,r(v),e.onOrderChanged&&e.onOrderChanged(T)}},children:x(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[_,x(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})})))}return n(P.Row,{className:[b("Row"),b("HeadRow")].join(" "),children:c})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,o)=>{let w=[...u],S=[];e.checker&&S.push(n(P.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName].join(" "),children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:c})=>{let d=e.rows;d[o].checked=c,t.set_status(R(s({},e),{rows:d}))}})})}))),w.forEach((c,d)=>{if(!c)return;let a=c,{type:l="td"}=a,h=q(a,["type"]);h=R(s(s(s(s({},e.cellStyles),h),V({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1,rowIndex:o,colIndex:d,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName,h.className].join(" ")});let C=P[l=="td"?"TD":"TH"];S.push(n(C,s({},h),d))}),i.push(n(P.Row,{className:[b("Row"),b("BodyRow")].join(" "),children:S,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),c)}},o))}),!r.length){let u=n(B,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=n(W,{children:e.noRecords})),i.push(n(P.Row,{className:[b("Row"),b("BodyRow"),b("DataNotFound")].join(" "),children:n(P.TD,{colSpan:e.colLength,className:b("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:o,paging:w}=e,S=[...e.rows],c=[...e.rows],d=[...e.rows],l=[...e.rows];if(i&&(c=S.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),d=[...c],l=[...c]),u.enabled)for(let a=0;a<e.colLength;a++){let g=u.column[a],p=u.current[a];g&&p&&p.length&&(d=d.filter(_=>!p.includes(_[a].data)),l=[...d])}o.enabled&&(d=d.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),l=[...d]);{let{currentPageIndex:a,rowLength:g}=w;l=[...l].splice((a-1)*g,g)}let h=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:S.length,pageRows:l.length,filteredRows:d.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return L.update({key:h,value:{status:C,updatePageIndex:a=>{let g=Math.min(Math.max(1,a),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=g,r(p)},updateRowLength:a=>{let g=s({},e);g.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(d.length/a)},r(g)},updateKeyword:a=>{I.interval.clear("InputSearchTime"),I.interval.standBy("InputSearchTime",200,()=>{let g=s({},e);g.searchKeyword=a,g.paging.currentPageIndex=1,g.filter.current=g.filter.current.map(()=>[]),r(g)})},getRowData:()=>{let a=[...S];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(g=>{g.currentPage=!1,g.filtered=!1}),l.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).currentPage=!0}),d.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).filtered=!0}),a}}}),G(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(g=>{let p=L.get(g);p!=null&&p.refresh&&p.refresh()})}),n(B,{className:b("TableBase"),children:x(P.Table,{className:b("Table"),children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:c}),n(f.Body,{val_status:e,set_status:r,PageRows:l})]})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.filter)?t.filter:(o=t.filter[u])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.order)?t.order:(o=t.order[u])!=null?o:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let o=[];i.forEach((w,S)=>{let{data:c,children:d,orderIndex:l}=w;w.orderIndex=I.is.exist(l)?String(l):String(c),w.children=d||String(c),o.push(String(w.data))}),i.__sys4SearchKey=o.join("/")}),n(f.StateManager,s({eventID:I.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:o,order:w,defaultOrder:S=[0,"ASC"],pageRowLength:c=30}=t,[d]=F(I.uuid.gen()),l={tableID:t.tableID||d,componentID:d,colLength:e,checker:i,searchKeyword:u,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:w!==!1,column:w,current:S},paging:{rowLength:c,pageLength:Math.ceil(t.rows.length/c),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,C]=F(l),[a,g]=F(t.eventID);return a!=t.eventID&&(g(t.eventID),C(l)),n(f.Core,{val_status:h,set_status:C})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=F(I.uuid.gen()),[r,i]=F(I.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),L.set({key:e,value:{refresh:()=>{i(I.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=L.get(u))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=L.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(O.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(O.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{m.setSearchKeyword(t.tableID,r)}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return x(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return x(A.Center,{children:[x(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(O.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{m.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),x(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(K.ChevronLeft,{})}),n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(o=>(i|=+(o==r),{value:o,label:o.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),x(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(O.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},le=t=>n(ne,R(s({type:"normal"},t),{children:n(f.DataLeveler,s({},t))})),D=le;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=z.Info,D.Paging=z.Paging,D.RowLength=z.RowLength,D.SearchInput=z.SearchInput;export{D as Data,D as default};
@@ -1,2 +1 @@
1
- import{b as l,c as C,e as I}from"../../chunk-E3D4DIO4.js";import{Fragment as W,jsx as r,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import{$$ as w,Config as N,useStore as R}from"@utils";import v from"@atoms/FAI";import M from"@fn/Button";import L from"@fn/Tooltips";import b from"./Parts";import U from"./Wrapper";import{faGripVertical as O}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as S}from"./cellStyling";import{TableClasses as g}from"@styles/componentClasses/_";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,colLength:s,head:o,rows:i}=e;if(!o)return null;let f=[];for(let p=0;p<s;p++){let c=o[p],D=b[c.type=="th"?"TH":"TD"];f.push(r(D,l(C(l(l(l({},t),S({top:!0,bottom:!i.length,left:p==0,right:p==s-1})),n?n({top:!0,bottom:!i.length,left:p==0,right:p==s-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),d,c.className].join(" ")}),c)))}return r(b.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:f})},BodyRows:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,head:s,rows:o,colLength:i,onOrderChanged:f}=e,[p]=k(w.uuid.gen()),[c,D]=k({rows:o,origin:0,to:NaN}),B=[];if(c.rows.forEach((y,a)=>{let m=[];m.push(r(b.TH,C(l(l(l({padding:0,borderRight:!0},t),S({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1})),n?n({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),d].join(" "),children:r(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},onTouchStart:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},children:r(v,{icon:O})})}),"DragOrigin")),y.forEach((u,h)=>{u=l({},u);let H=b[u.type=="th"?"TH":"TD"];m.push(r(H,l(C(l(l(l({},t),S({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2})),n?n({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,u.className].join(" ")}),u)))}),B.push(r(b.Row,{id:"TableRow-"+p+"-"+a,"data-rowId":a,className:[g("Row"),g("BodyRow")].join(" "),children:m},a))}),!isNaN(c.to)){let{origin:y,to:a}=c,m=[];m.push(r(b.TH,{backgroundColor:"tcOpLow",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),d].join(" "),children:r(v.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[y].forEach((h,H)=>{h=l({},h);let z=b[h.type=="th"?"TH":"TD"];m.push(r(z,l(C(l(l(l({},t),S({top:!1,bottom:!1,left:!1,right:!1})),n?n({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,h.className].join(" "),backgroundColor:"tcOpLow"}),h)))}),B.splice(a,0,r(b.Row,{className:[g("Row"),g("Pre")].join(" "),children:m},"preSet"))}return x(()=>{R.set({key:p,value:{swap:(y,a)=>{if(a||a==0){let m=c.rows[y],u=[...c.rows];u.splice(y,1),u.splice(a-(y<a?1:0),0,m),D({rows:u,origin:0,to:NaN}),f(u.map(h=>JSON.parse(h.rowID)))}},preSet:y=>{let{origin:a,index:m}=y;D({rows:c.rows,origin:a,to:m})}}})}),x(()=>()=>{R.delete(p)},[]),r(W,{children:B})},Drag:e=>(e=l({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:r(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[r(v,{icon:O}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,d)=>(t.rowID=JSON.stringify(t.rowID||d),t)),j(b.Table,{className:g("Table"),children:[r(E.HeadRow,l({},e)),r(E.BodyRows,l({},e))]}))},P=e=>r(U,C(l({type:"normal"},e),{children:r(E.Drag,l({},e))})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:d,index:n,rows:s,maxLength:o}=t;w(N.get().appRoot).find("#TableRow-"+d+"-"+n).addClass(g("DraggerOrigin")),w(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{T.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{T.End(i,t)}})})},Move:function(e,t){let{id:d,maxLength:n}=t,s=w.getCursor(e).y-w.getScreenSize().scrollY;for(let o=0;o<n;o++){let i=w(N.get().appRoot).find("#TableRow-"+d+"-"+o),{top:f,bottom:p,height:c}=i.position();o==0&&s<f?t.insertIndex=0:o===n-1&&p<=s?t.insertIndex=n:s>=f&&s<p&&(t.insertIndex=o+1)}{let{index:o,insertIndex:i}=t,f=R.get(d);f&&f.preSet&&f.preSet({origin:o,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:d,index:n,insertIndex:s}=t,o=R.get(d);o&&o.swap&&o.swap(n,s),w(N.get().appRoot).find("#TableRow-"+d+"-"+n).removeClass(g("DraggerOrigin")),w(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{P as Drag,P as default};
2
- //# sourceMappingURL=Drag.js.map
1
+ import{b as l,c as C,e as I}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as r,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import{$$ as w,Config as N,useStore as R}from"../../@utils/_";import v from"../../atoms/FAI";import M from"../Button";import L from"../Tooltips";import b from"./Parts";import U from"./Wrapper";import{faGripVertical as O}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as S}from"./cellStyling";import{TableClasses as g}from"../../@styles/componentClasses/_";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,colLength:s,head:o,rows:i}=e;if(!o)return null;let f=[];for(let p=0;p<s;p++){let c=o[p],D=b[c.type=="th"?"TH":"TD"];f.push(r(D,l(C(l(l(l({},t),S({top:!0,bottom:!i.length,left:p==0,right:p==s-1})),n?n({top:!0,bottom:!i.length,left:p==0,right:p==s-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),d,c.className].join(" ")}),c)))}return r(b.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:f})},BodyRows:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,head:s,rows:o,colLength:i,onOrderChanged:f}=e,[p]=k(w.uuid.gen()),[c,D]=k({rows:o,origin:0,to:NaN}),B=[];if(c.rows.forEach((y,a)=>{let m=[];m.push(r(b.TH,C(l(l(l({padding:0,borderRight:!0},t),S({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1})),n?n({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),d].join(" "),children:r(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},onTouchStart:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},children:r(v,{icon:O})})}),"DragOrigin")),y.forEach((u,h)=>{u=l({},u);let H=b[u.type=="th"?"TH":"TD"];m.push(r(H,l(C(l(l(l({},t),S({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2})),n?n({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,u.className].join(" ")}),u)))}),B.push(r(b.Row,{id:"TableRow-"+p+"-"+a,"data-rowId":a,className:[g("Row"),g("BodyRow")].join(" "),children:m},a))}),!isNaN(c.to)){let{origin:y,to:a}=c,m=[];m.push(r(b.TH,{backgroundColor:"tcOpLow",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),d].join(" "),children:r(v.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[y].forEach((h,H)=>{h=l({},h);let z=b[h.type=="th"?"TH":"TD"];m.push(r(z,l(C(l(l(l({},t),S({top:!1,bottom:!1,left:!1,right:!1})),n?n({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,h.className].join(" "),backgroundColor:"tcOpLow"}),h)))}),B.splice(a,0,r(b.Row,{className:[g("Row"),g("Pre")].join(" "),children:m},"preSet"))}return x(()=>{R.set({key:p,value:{swap:(y,a)=>{if(a||a==0){let m=c.rows[y],u=[...c.rows];u.splice(y,1),u.splice(a-(y<a?1:0),0,m),D({rows:u,origin:0,to:NaN}),f(u.map(h=>JSON.parse(h.rowID)))}},preSet:y=>{let{origin:a,index:m}=y;D({rows:c.rows,origin:a,to:m})}}})}),x(()=>()=>{R.delete(p)},[]),r(W,{children:B})},Drag:e=>(e=l({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:r(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[r(v,{icon:O}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,d)=>(t.rowID=JSON.stringify(t.rowID||d),t)),j(b.Table,{className:g("Table"),children:[r(E.HeadRow,l({},e)),r(E.BodyRows,l({},e))]}))},P=e=>r(U,C(l({type:"normal"},e),{children:r(E.Drag,l({},e))})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:d,index:n,rows:s,maxLength:o}=t;w(N.get().appRoot).find("#TableRow-"+d+"-"+n).addClass(g("DraggerOrigin")),w(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{T.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{T.End(i,t)}})})},Move:function(e,t){let{id:d,maxLength:n}=t,s=w.getCursor(e).y-w.getScreenSize().scrollY;for(let o=0;o<n;o++){let i=w(N.get().appRoot).find("#TableRow-"+d+"-"+o),{top:f,bottom:p,height:c}=i.position();o==0&&s<f?t.insertIndex=0:o===n-1&&p<=s?t.insertIndex=n:s>=f&&s<p&&(t.insertIndex=o+1)}{let{index:o,insertIndex:i}=t,f=R.get(d);f&&f.preSet&&f.preSet({origin:o,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:d,index:n,insertIndex:s}=t,o=R.get(d);o&&o.swap&&o.swap(n,s),w(N.get().appRoot).find("#TableRow-"+d+"-"+n).removeClass(g("DraggerOrigin")),w(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{P as Drag,P as default};
@@ -1,2 +1 @@
1
- import{b as e,c as C}from"../../chunk-E3D4DIO4.js";import{Fragment as H,jsx as t,jsxs as B}from"react/jsx-runtime";import w from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as N}from"./cellStyling";import{TableClasses as s}from"@styles/componentClasses/_";const c={HeadRow:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,colLength:y,head:m,rows:h}=l;if(!m)return null;let R=[];return m.forEach((p,o)=>{let a=w[p.type=="th"?"TH":"TD"];R.push(t(a,e(C(e(e(e({},r),N({top:!0,bottom:!h.length,left:o==0,right:o==y-1})),n?n({top:!0,bottom:!h.length,left:o==0,right:o==y-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),i,p.className].join(" ")}),p)))}),t(w.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:R})},BodyRows:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,head:y,rows:m,colLength:h,onRowClick:R}=l,p=[];return m.forEach((o,a)=>{let b=[];o.forEach((f,u)=>{let g=w[f.type=="th"?"TH":"TD"];b.push(t(g,e(C(e(e(e({},r),N({top:a==0&&!y,bottom:a==m.length-1,left:u==0,right:u==h-1})),n?n({top:a==0&&!y,bottom:a==m.length-1,left:u==0,right:u==h-1,rowIndex:a,colIndex:u,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),i,f.className].join(" ")}),f)))}),p.push(t(w.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:b,onClick:f=>{R&&R(o.rowID,f)}},a))}),t(H,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,i)=>(r.rowID=r.rowID||i,r)),B(w.Table,{className:s("Table"),children:[t(c.HeadRow,e({},l)),t(c.BodyRows,e({},l))]}))},T=l=>t(d,C(e({type:"normal"},l),{children:t(c.Normal,e({},l))}));export{T as Normal,T as default};
2
- //# sourceMappingURL=Normal.js.map
1
+ import{b as e,c as f}from"../../chunk-VY3566IV.js";import{Fragment as H,jsx as t,jsxs as B}from"react/jsx-runtime";import C from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as N}from"./cellStyling";import{TableClasses as s}from"../../@styles/componentClasses/_";const c={HeadRow:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,colLength:y,head:m,rows:h}=l;if(!m)return null;let R=[];return m.forEach((p,o)=>{let a=C[p.type=="th"?"TH":"TD"];R.push(t(a,e(f(e(e(e({},r),N({top:!0,bottom:!h.length,left:o==0,right:o==y-1})),n?n({top:!0,bottom:!h.length,left:o==0,right:o==y-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),i,p.className].join(" ")}),p)))}),t(C.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:R})},BodyRows:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,head:y,rows:m,colLength:h,onRowClick:R}=l,p=[];return m.forEach((o,a)=>{let b=[];o.forEach((u,w)=>{let g=C[u.type=="th"?"TH":"TD"];b.push(t(g,e(f(e(e(e({},r),N({top:a==0&&!y,bottom:a==m.length-1,left:w==0,right:w==h-1})),n?n({top:a==0&&!y,bottom:a==m.length-1,left:w==0,right:w==h-1,rowIndex:a,colIndex:w,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),i,u.className].join(" ")}),u)))}),p.push(t(C.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:b,onClick:u=>{R&&R(o.rowID,u)}},a))}),t(H,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,i)=>(r.rowID=r.rowID||i,r)),B(C.Table,{className:s("Table"),children:[t(c.HeadRow,e({},l)),t(c.BodyRows,e({},l))]}))},T=l=>t(d,f(e({type:"normal"},l),{children:t(c.Normal,e({},l))}));export{T as Normal,T as default};
@@ -1,2 +1 @@
1
- import{b as t,c as r}from"../../chunk-E3D4DIO4.js";import{jsx as a}from"react/jsx-runtime";import{GenerateClassName as l}from"@utils";import b from"@atoms/FAI";const o={Table:e=>{let T=l(e);return a("table",r(t({},T),{border:T.border}))},Head:e=>a("thead",t({},l(e))),Body:e=>a("tbody",t({},l(e))),Row:e=>a("tr",t({},l(e))),TH:e=>a("th",t({},l(e))),TD:e=>a("td",t({},l(e))),RightIndicator:{type:"td",unitWidth:4,children:a(b.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};export{o as TableParts,o as default};
2
- //# sourceMappingURL=Parts.js.map
1
+ import{b as t,c as r}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{GenerateClassName as l}from"../../@utils/_";import b from"../../atoms/FAI";const o={Table:e=>{let T=l(e);return a("table",r(t({},T),{border:T.border}))},Head:e=>a("thead",t({},l(e))),Body:e=>a("tbody",t({},l(e))),Row:e=>a("tr",t({},l(e))),TH:e=>a("th",t({},l(e))),TD:e=>a("td",t({},l(e))),RightIndicator:{type:"td",unitWidth:4,children:a(b.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};export{o as TableParts,o as default};
@@ -1,2 +1 @@
1
- import{b as r,c as s,d as n}from"../../chunk-E3D4DIO4.js";import{jsx as C}from"react/jsx-runtime";import{$$ as m,GenerateClassName as u}from"@utils";import T from"@atoms/Box";import{DefaultCellStyles as f}from"./cellStyling";import{TableClasses as a}from"@styles/componentClasses/_";const p=e=>{let{tone:t,type:l,children:i}=e;e=r({},e),e.tableID=e.tableID||m.uuid.gen(),t=t||"auto",t=="auto"&&(l=="drag"?t="rowBorder":t="border");let y=s(r(r({},t!="plain"?{backgroundColor:"1.layer.base",borderRadius:"1.tone.primary"}:{}),e),{cellStyles:r(r({padding:"3/4",backgroundColor:"1.layer.base",transition:"short",textAlign:"center"},f(l,t)),e.cellStyles),tone:t}),o=u(y),{className:c,style:b}=o,g=n(o,["className","style"]),d=[c,a("Wrap"),a("TableType_"+l),a("RowClickable_"+!!e.onRowClick)].join(" ");return C(T,{className:d,style:b,children:i})};export{p as Wrapper,p as default};
2
- //# sourceMappingURL=Wrapper.js.map
1
+ import{b as r,c as s,d as n}from"../../chunk-VY3566IV.js";import{jsx as C}from"react/jsx-runtime";import{$$ as m,GenerateClassName as u}from"../../@utils/_";import T from"../../atoms/Box";import{DefaultCellStyles as f}from"./cellStyling";import{TableClasses as a}from"../../@styles/componentClasses/_";const p=e=>{let{tone:t,type:l,children:i}=e;e=r({},e),e.tableID=e.tableID||m.uuid.gen(),t=t||"auto",t=="auto"&&(l=="drag"?t="rowBorder":t="border");let y=s(r(r({},t!="plain"?{backgroundColor:"1.layer.base",borderRadius:"1.tone.primary"}:{}),e),{cellStyles:r(r({padding:"3/4",backgroundColor:"1.layer.base",transition:"short",textAlign:"center"},f(l,t)),e.cellStyles),tone:t}),o=u(y),{className:c,style:b}=o,g=n(o,["className","style"]),d=[c,a("Wrap"),a("TableType_"+l),a("RowClickable_"+!!e.onRowClick)].join(" ");return C(T,{className:d,style:b,children:i})};export{p as Wrapper,p as default};
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";import r from"./Parts";import o from"./Normal";import a from"./Drag";import p from"./Data";var t;(e=>(e.Normal=o,e.Data=p,e.Drag=a,e.Parts=r))(t||(t={}));export{t as Table,t as default};
2
- //# sourceMappingURL=_.js.map
1
+ import"../../chunk-VY3566IV.js";import r from"./Parts";import o from"./Normal";import a from"./Drag";import p from"./Data";var t;(e=>(e.Normal=o,e.Data=p,e.Drag=a,e.Parts=r))(t||(t={}));export{t as Table,t as default};
@@ -1,2 +1 @@
1
- import"../../chunk-E3D4DIO4.js";const f=(r,e)=>{if(e=="plain")return{};let t={};return r=="drag"&&(t.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(t.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(t.borderRight="2.normal"),t},n=r=>{let e={};return r.right&&(e.borderRight="unset"),r.top&&(r.left&&(e.borderTopLeftRadius="inherit"),r.right&&(e.borderTopRightRadius="inherit")),r.bottom&&(e.borderBottom="unset",r.left&&(e.borderBottomLeftRadius="inherit"),r.right&&(e.borderBottomRightRadius="inherit")),e};export{f as DefaultCellStyles,n as DefaultCellSystemStyles};
2
- //# sourceMappingURL=cellStyling.js.map
1
+ import"../../chunk-VY3566IV.js";const f=(r,e)=>{if(e=="plain")return{};let t={};return r=="drag"&&(t.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(t.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(t.borderRight="2.normal"),t},n=r=>{let e={};return r.right&&(e.borderRight="unset"),r.top&&(r.left&&(e.borderTopLeftRadius="inherit"),r.right&&(e.borderTopRightRadius="inherit")),r.bottom&&(e.borderBottom="unset",r.left&&(e.borderBottomLeftRadius="inherit"),r.right&&(e.borderBottomRightRadius="inherit")),e};export{f as DefaultCellStyles,n as DefaultCellSystemStyles};
@@ -1,2 +1 @@
1
- import{b as e,d as r}from"../chunk-E3D4DIO4.js";import{jsx as d}from"react/jsx-runtime";import{$$ as p}from"@utils";import m from"@atoms/Box";import t from"@fn/Sheet";const n={__memoryID:p.uuid.gen(),open:o=>{let s=o,{tipsID:i=p.uuid.gen(),tipsGroups:l=[]}=s,a=r(s,["tipsID","tipsGroups"]);t.open(e({sheetID:i,sheetGroups:["tooltips",...l],close_option:e({aroundClick:!0,elementBlur:o.parent,escapeKeyDown:!0,pageTransit:!0},o.close_option),type:"custom"},a))},close:o=>{t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>d(m,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{n as Tooltips,n as default};
2
- //# sourceMappingURL=Tooltips.js.map
1
+ import{b as e,d as r}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import{$$ as p}from"../@utils/_";import m from"../atoms/Box";import t from"./Sheet";const n={__memoryID:p.uuid.gen(),open:o=>{let s=o,{tipsID:i=p.uuid.gen(),tipsGroups:l=[]}=s,a=r(s,["tipsID","tipsGroups"]);t.open(e({sheetID:i,sheetGroups:["tooltips",...l],close_option:e({aroundClick:!0,elementBlur:o.parent,escapeKeyDown:!0,pageTransit:!0},o.close_option),type:"custom"},a))},close:o=>{t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>d(m,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{n as Tooltips,n as default};
package/dist/fn/_.js CHANGED
@@ -1,2 +1 @@
1
1
  export*from"./Effect/_";export*from"./Button";export*from"./Input/_";export*from"./Layout/_";export*from"./Table/_";export*from"./Sheet";export*from"./Snackbar";export*from"./Loader/_";export*from"./Tooltips";export*from"./Cropper";
2
- //# sourceMappingURL=_.js.map
package/dist/index.js CHANGED
@@ -1,2 +1 @@
1
1
  export*from"./@utils/_";export*from"./atoms/_";export*from"./mols/_";export*from"./orgs/_";export*from"./temps/_";export*from"./fn/_";
2
- //# sourceMappingURL=index.js.map
@@ -1,2 +1 @@
1
- import{b as g,d as H}from"../chunk-E3D4DIO4.js";import{jsx as R}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as D}from"react";import{$$ as n,Config as l,useStore as r}from"@utils";import{Box as A}from"@atoms/Box";import{AccordionClasses as I}from"@styles/componentClasses/_";const _=o=>{o=g({},o);let v=o,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:y=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=m(n.uuid.gen()),[p]=m(n.uuid.gen()),[c,a]=m(f);c!=f&&y&&a(f);const h=D(!1);return w(()=>{let i=n(l.get().appRoot).find('[data-accordion-content-id="'+p+'"]')[0];if(i){let s=i.offsetHeight,e=0;x=="fast"?(e=s/1e3,e=Math.max(e,.2)):x=="slow"&&(e=s/300),n(l.get().appRoot).find("#"+d).css({transition:e+"s"})}},[]),w(()=>{let i=n(l.get().appRoot).find("#"+d),s=n(l.get().appRoot).find('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(s){let e=s.offsetHeight;n.is.exist(e)&&(c?i.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):i.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,s){let e=s.offsetHeight;n.is.exist(e)&&(c?i.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):i.css({maxHeight:"0px",overflow:"hidden"}))}},[c]),t&&r.set({key:"Accordion-"+t,value:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!c)}}}),R(A,{className:[I("Wrap"),I("Open_"+c)].join(" "),id:d,children:R(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=r.get("Accordion-"+o);!t||t.open()},close:o=>{let t=r.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=r.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};
2
- //# sourceMappingURL=Accordion.js.map
1
+ import{b as g,d as H}from"../chunk-VY3566IV.js";import{jsx as R}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as D}from"react";import{$$ as n,Config as l,useStore as r}from"../@utils/_";import{Box as A}from"../atoms/Box";import{AccordionClasses as I}from"../@styles/componentClasses/_";const _=o=>{o=g({},o);let v=o,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:y=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=m(n.uuid.gen()),[p]=m(n.uuid.gen()),[c,a]=m(f);c!=f&&y&&a(f);const h=D(!1);return w(()=>{let i=n(l.get().appRoot).find('[data-accordion-content-id="'+p+'"]')[0];if(i){let s=i.offsetHeight,e=0;x=="fast"?(e=s/1e3,e=Math.max(e,.2)):x=="slow"&&(e=s/300),n(l.get().appRoot).find("#"+d).css({transition:e+"s"})}},[]),w(()=>{let i=n(l.get().appRoot).find("#"+d),s=n(l.get().appRoot).find('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(s){let e=s.offsetHeight;n.is.exist(e)&&(c?i.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):i.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,s){let e=s.offsetHeight;n.is.exist(e)&&(c?i.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):i.css({maxHeight:"0px",overflow:"hidden"}))}},[c]),t&&r.set({key:"Accordion-"+t,value:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!c)}}}),R(A,{className:[I("Wrap"),I("Open_"+c)].join(" "),id:d,children:R(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=r.get("Accordion-"+o);!t||t.open()},close:o=>{let t=r.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=r.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};
@@ -1,2 +1 @@
1
- import{b as p}from"../chunk-E3D4DIO4.js";import{jsx as t}from"react/jsx-runtime";import{Flex as l}from"@atoms/Flex";const e=o=>t(l,p({flexType:"col",gap:1},o));export{e as Column,e as default};
2
- //# sourceMappingURL=Column.js.map
1
+ import{b as p}from"../chunk-VY3566IV.js";import{jsx as t}from"react/jsx-runtime";import{Flex as l}from"../atoms/Flex";const e=o=>t(l,p({flexType:"col",gap:1},o));export{e as Column,e as default};
@@ -1,2 +1 @@
1
- import"../chunk-E3D4DIO4.js";import{Fragment as f,jsx as s}from"react/jsx-runtime";import c from"@fn/Button";const a=u=>{let{text:e,placeholder:i}=u,r=[];if(e){let p=[];e=e.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...t)=>{let l=t[0];return p.push(l),"[$_url]"});let n=e.split("[$_url]");for(let t=0;t<=n.length-1;t++){let l=n[t],o=p[t];r.push(l),t<n.length-1&&r.push(s(c.Anchor.Link,{href:o,newTab:!0,children:o},"Link-"+t))}}else i&&(r=[i]);return s(f,{children:r})};export{a as LinkifyText,a as default};
2
- //# sourceMappingURL=LinkifyText.js.map
1
+ import"../chunk-VY3566IV.js";import{Fragment as f,jsx as s}from"react/jsx-runtime";import c from"../fn/Button";const a=u=>{let{text:e,placeholder:i}=u,r=[];if(e){let p=[];e=e.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...t)=>{let l=t[0];return p.push(l),"[$_url]"});let n=e.split("[$_url]");for(let t=0;t<=n.length-1;t++){let l=n[t],o=p[t];r.push(l),t<n.length-1&&r.push(s(c.Anchor.Link,{href:o,newTab:!0,children:o},"Link-"+t))}}else i&&(r=[i]);return s(f,{children:r})};export{a as LinkifyText,a as default};
@@ -1,6 +1,6 @@
1
1
  import { TagProperty } from '../@declaration/_';
2
2
  import React from 'react';
3
- import { Flex } from '../atoms/_';
3
+ import { Flex } from '../atoms/Flex';
4
4
  declare namespace List {
5
5
  type Input = TagProperty.BasicElement & {
6
6
  rowStyles?: TagProperty.BasicElement;
package/dist/mols/List.js CHANGED
@@ -1,2 +1 @@
1
- import{b as e,c as t,d as r}from"../chunk-E3D4DIO4.js";import{jsx as a}from"react/jsx-runtime";import{Flex as p}from"@atoms/_";const s=n=>{let o=n,{rows:i,rowStyles:c}=o,m=r(o,["rows","rowStyles"]),y=i.map(f=>{let l=f,{children:u}=l,w=r(l,["children"]);return a(p,t(e(e({},c),w),{children:u}))});return a(p,t(e({},m),{flexType:"col",children:y}))};export{s as List,s as default};
2
- //# sourceMappingURL=List.js.map
1
+ import{b as e,c as t,d as r}from"../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{Flex as p}from"../atoms/Flex";const s=n=>{let o=n,{rows:i,rowStyles:c}=o,m=r(o,["rows","rowStyles"]),y=i.map(f=>{let l=f,{children:u}=l,w=r(l,["children"]);return a(p,t(e(e({},c),w),{children:u}))});return a(p,t(e({},m),{flexType:"col",children:y}))};export{s as List,s as default};
package/dist/mols/Row.js CHANGED
@@ -1,2 +1 @@
1
- import{b as t}from"../chunk-E3D4DIO4.js";import{jsx as a}from"react/jsx-runtime";import{Flex as l}from"@atoms/Flex";const n={Center:e=>a(l,t({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},e)),Left:e=>a(l,t({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},e)),Right:e=>a(l,t({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},e)),Separate:e=>a(l,t({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},e))};export{n as Row,n as default};
2
- //# sourceMappingURL=Row.js.map
1
+ import{b as t}from"../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{Flex as l}from"../atoms/Flex";const n={Center:e=>a(l,t({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},e)),Left:e=>a(l,t({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},e)),Right:e=>a(l,t({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},e)),Separate:e=>a(l,t({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},e))};export{n as Row,n as default};
package/dist/mols/Text.js CHANGED
@@ -1,2 +1 @@
1
- import{b as e,c as n}from"../chunk-E3D4DIO4.js";import{jsx as o}from"react/jsx-runtime";import{Box as p}from"@atoms/Box";import{Span as a}from"@atoms/Span";const i={Title:t=>o(p,e({fontSize:"6.title",fontWeight:"3.semiBold"},t)),SubTitle:t=>o(p,e({fontSize:"5.subTitle",fontWeight:"3.semiBold"},t)),ThirdTitle:t=>o(p,e({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},t)),Paragraph:t=>o(p,e({fontSize:"3.paragraph",fontWeight:"3.semiBold"},t)),Normal:t=>o(p,e({},t)),Description:t=>o(p,n(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)})),Supplement:t=>o(p,e({fontSize:"1.mini"},t)),NowrapSpan:t=>o(a,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}))};export{i as Text,i as default};
2
- //# sourceMappingURL=Text.js.map
1
+ import{b as e,c as n}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{Box as p}from"../atoms/Box";import{Span as a}from"../atoms/Span";const i={Title:t=>o(p,e({fontSize:"6.title",fontWeight:"3.semiBold"},t)),SubTitle:t=>o(p,e({fontSize:"5.subTitle",fontWeight:"3.semiBold"},t)),ThirdTitle:t=>o(p,e({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},t)),Paragraph:t=>o(p,e({fontSize:"3.paragraph",fontWeight:"3.semiBold"},t)),Normal:t=>o(p,e({},t)),Description:t=>o(p,n(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)})),Supplement:t=>o(p,e({fontSize:"1.mini"},t)),NowrapSpan:t=>o(a,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}))};export{i as Text,i as default};
package/dist/mols/_.js CHANGED
@@ -1,2 +1 @@
1
1
  export*from"./Accordion";export*from"./Column";export*from"./LinkifyText";export*from"./List";export*from"./Row";export*from"./Text";
2
- //# sourceMappingURL=_.js.map
package/dist/orgs/_.js CHANGED
@@ -1 +0,0 @@
1
- //# sourceMappingURL=_.js.map
package/dist/style.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license amotify
3
- * amotify 0.1.8
3
+ * amotify 0.1.10
4
4
  * https://mingoo.co.jp/
5
5
 
6
6
  * Copyright (c) mingoo, LLC.
package/dist/style.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import '@styles/@app.scss';
1
+ import './@styles/@app.scss';
2
2
  export * from './@styles/componentClasses/_';
3
- import '@styles/parts.scss';
3
+ import './@styles/parts.scss';
4
4
  export {};
package/dist/temps/_.js CHANGED
@@ -1 +0,0 @@
1
- //# sourceMappingURL=_.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "amotify",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "UI FW for React",
5
5
  "scripts": {
6
6
  "clean": "rimraf dist",
@@ -42,9 +42,9 @@
42
42
  "npm-run-all": "^4.1.5",
43
43
  "postcss-modules": "^6.0.0",
44
44
  "prop-types": "^15.8.1",
45
- "react": "^18.3.1",
46
- "react-dom": "^18.3.1",
47
- "react-router-dom": "^6.23.0",
45
+ "react": "^17.0.0 || ^18.0.0",
46
+ "react-dom": "^17.0.0 || ^18.0.0",
47
+ "react-router-dom": "*",
48
48
  "ts-loader": "^9.5.1",
49
49
  "ts-node": "^10.9.2",
50
50
  "tsc-alias": "^1.8.8",
@@ -99,4 +99,4 @@
99
99
  ]
100
100
  }
101
101
  }
102
- }
102
+ }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/@declaration/_.tsx"],
4
- "sourcesContent": ["import './module'\n\nexport type Device = 'windows' | 'android' | 'iPhone' | 'iPad' | 'macOSX' | 'undefined'\nexport type Browser = 'chrome' | 'firefox' | 'safari' | 'opera' | 'ie' | 'edge' | 'undefined'\nexport type ReactElement = React.ReactNode | React.ReactNode[]\nexport type DarkMode = 'light' | 'auto' | 'dark' | 'dim'\nexport type ThemeColor = 'comun' | 'leaf' | 'heart' | 'droplet' |\n\n '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' |\n\n 'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed'\nexport type Roundness = 0 | 1 | 2 | 3 | 4 | 5\n\n\nimport * as TagProperty from './property'\nexport type { TagProperty }"],
5
- "mappings": "AAAA,MAAO",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }