amotify 0.2.4 → 0.2.6

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 (92) hide show
  1. package/demo/esbuild/app.tsx +65 -0
  2. package/demo/esbuild/public/index.css +1 -0
  3. package/demo/esbuild/public/index.js +1212 -0
  4. package/demo/esbuild/public/layout.ejs +12 -0
  5. package/demo/esbuild/server.ts +16 -0
  6. package/dist/@utils/GenerateClassName.js +1 -1
  7. package/dist/@utils/LaunchReactApp.js +1 -1
  8. package/dist/@utils/collectForm.d.ts +2 -1
  9. package/dist/@utils/collectForm.js +1 -1
  10. package/dist/@utils/color.js +1 -1
  11. package/dist/@utils/config.js +1 -1
  12. package/dist/@utils/getElement.js +1 -1
  13. package/dist/@utils/pageRouter.js +1 -1
  14. package/dist/@utils/useRecycle.js +1 -1
  15. package/dist/@utils/useRouterEffect.js +1 -1
  16. package/dist/@utils/useStore.d.ts +3 -2
  17. package/dist/@utils/useStore.js +1 -1
  18. package/dist/atoms/Box.js +1 -1
  19. package/dist/atoms/FAI.js +1 -1
  20. package/dist/atoms/Flex.js +1 -1
  21. package/dist/atoms/Grid.js +1 -1
  22. package/dist/atoms/Img.js +1 -1
  23. package/dist/atoms/Logo.js +1 -1
  24. package/dist/atoms/P.js +1 -1
  25. package/dist/atoms/Placeholder.js +1 -1
  26. package/dist/atoms/Span.js +1 -1
  27. package/dist/fn/Button.d.ts +2 -1
  28. package/dist/fn/Button.js +1 -1
  29. package/dist/fn/Cropper.js +1 -1
  30. package/dist/fn/Effect/Fade.js +1 -1
  31. package/dist/fn/Effect/Pudding.js +1 -1
  32. package/dist/fn/Effect/Ripple.js +1 -1
  33. package/dist/fn/Effect/index.js +1 -1
  34. package/dist/fn/Input/AutoHeightText.js +1 -1
  35. package/dist/fn/Input/Checker.js +1 -1
  36. package/dist/fn/Input/Chips/Selector.js +1 -1
  37. package/dist/fn/Input/Chips/index.js +1 -1
  38. package/dist/fn/Input/Contenteditable.js +1 -1
  39. package/dist/fn/Input/DigitCharacters.js +1 -1
  40. package/dist/fn/Input/Filer.js +1 -1
  41. package/dist/fn/Input/Hidden.d.ts +2 -1
  42. package/dist/fn/Input/Hidden.js +1 -1
  43. package/dist/fn/Input/List.js +1 -1
  44. package/dist/fn/Input/Parts.js +1 -1
  45. package/dist/fn/Input/Plain.js +1 -1
  46. package/dist/fn/Input/RichSelect.d.ts +2 -1
  47. package/dist/fn/Input/RichSelect.js +1 -1
  48. package/dist/fn/Input/Search.js +1 -1
  49. package/dist/fn/Input/Segmented.js +1 -1
  50. package/dist/fn/Input/Select.d.ts +2 -1
  51. package/dist/fn/Input/Select.js +1 -1
  52. package/dist/fn/Input/Slider.js +1 -1
  53. package/dist/fn/Input/Switch.js +1 -1
  54. package/dist/fn/Input/Text.js +1 -1
  55. package/dist/fn/Input/TextArea.js +1 -1
  56. package/dist/fn/Input/Time/Picker.js +1 -1
  57. package/dist/fn/Input/Time/index.js +1 -1
  58. package/dist/fn/Input/core.d.ts +4 -3
  59. package/dist/fn/Input/core.js +1 -1
  60. package/dist/fn/Input/index.d.ts +3 -2
  61. package/dist/fn/Input/index.js +1 -1
  62. package/dist/fn/Loader/corner.js +1 -1
  63. package/dist/fn/Loader/index.js +1 -1
  64. package/dist/fn/Loader/mini.js +1 -1
  65. package/dist/fn/PageNotFound.js +1 -1
  66. package/dist/fn/PageViewController.js +1 -1
  67. package/dist/fn/Plate.js +1 -1
  68. package/dist/fn/RootViewController.js +1 -1
  69. package/dist/fn/Sheet.d.ts +1 -1
  70. package/dist/fn/Sheet.js +1 -1
  71. package/dist/fn/Snackbar.js +1 -1
  72. package/dist/fn/SwipeView.js +1 -1
  73. package/dist/fn/TabBar.js +1 -1
  74. package/dist/fn/Table/Data.js +1 -1
  75. package/dist/fn/Table/Drag.js +1 -1
  76. package/dist/fn/Table/Normal.js +1 -1
  77. package/dist/fn/Table/Parts.js +1 -1
  78. package/dist/fn/Table/Wrapper.js +1 -1
  79. package/dist/fn/Table/cellStyling.js +1 -1
  80. package/dist/fn/Table/index.js +1 -1
  81. package/dist/fn/Tooltips.js +1 -1
  82. package/dist/index.js +1 -1
  83. package/dist/mols/Accordion.js +1 -1
  84. package/dist/mols/Column.js +1 -1
  85. package/dist/mols/LinkifyText.js +1 -1
  86. package/dist/mols/List.js +1 -1
  87. package/dist/mols/Row.js +1 -1
  88. package/dist/mols/Text.js +1 -1
  89. package/dist/temps/designBook.d.ts +1 -1
  90. package/dist/temps/designBook.js +9 -9
  91. package/package.json +36 -24
  92. /package/dist/{chunk-VY3566IV.js → chunk-C5N2D3ZX.js} +0 -0
@@ -1 +1 @@
1
- import{b as o,c as n,e as D}from"../../chunk-VY3566IV.js";import{jsx as y,jsxs as V}from"react/jsx-runtime";import{useState as _,useEffect as R,useRef as P}from"react";import i from"@mingoo/jsmin";import{$$fromRoot as z,Config as L,useStore as m,GenerateClassName as B}from"../../@utils";import{InputClasses as N}from"../../@styles/componentClasses";import E from"../../atoms/Box";import A from"../../atoms/Flex";import T from"../../atoms/FAI";import w from"../../mols/Row";import W from"../../mols/Column";import U from"../Button";import k from"../Tooltips";const ue=e=>{let[t]=_(e.componentID||i.uuid.gen());e=o({},e),e.states=n(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.states),{componentID:t});let{children:a}=e;return y(a,o({},e.states))},de=e=>{let{children:t,val_status:a,set_status:r,val_validate:c,states:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:v}=l;return a.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),V(w.Center,n(o({position:"relative",verticalAlign:"unset",gap:0},v),{className:N("Wrapper"),"data-notice-uid":a.componentID,children:[y($,{notice:c.notice,val_status:a}),l.leftIndicator,V(A,{position:"relative",flexSizing:"auto",children:[p,t,s&&a.dataValue?y(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{r(n(o({},a),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:y(T.Times,{})}):u]}),l.rightIndicator]}))},$=e=>{let{notice:t,val_status:a}=e,{componentID:r,eventType:c}=a,l="NoticeTimer-"+r,s="NoticeTimerClose-"+r,u="notice-tips-"+r;return i.interval.clear(l),i.interval.clear(s),t.length?(i.interval.standBy(l,350,()=>{k.open({tipsID:u,parent:`[data-notice-uid="${r}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:V(k.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(E,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(W,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:t.map((p,v)=>{let{type:S,label:I}=p,g=S=="invalid"?T.Times:S=="warn"?T.Exclamation:T.Check;return V(w.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(g,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[S]}),y(E,{fontColor:"white",children:I})]},v)})})]})})}),i.interval.standBy(s,6e3,()=>{k.close(u)}),null):(k.close(u),null)},ce=e=>{let{type:t,states:a,val_status:r,set_status:c,ExtraOverrideStates:l,ExtraStoreStates:s,val_validate:u,set_validate:p,DefaultValidation:v,onUpdateValue:S,onUpdateValidValue:I}=e;a=o({},a);let{componentID:g}=r,[F,O]=_(i.uuid.gen());R(()=>(m.update({[g]:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{m.get(g).ResolveRefresh=d,O(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:h}=d;p({ok:f,notice:h})}},s)}),()=>{m.delete(g)}),[]);const x=P(!1);R(()=>{x.current?c(n(o({},r),{eventType:"refresh",eventID:i.uuid.gen()})):x.current=!0},[F]),R(()=>{a.value=r.dataValue,i.interval.clear("ValidationTimer-"+g),j({val_status:r,set_validate:p,DefaultValidation:v,states:a})},[r.eventID]),(()=>{let{override:d}=a;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=m.get(r.componentID);f&&(a.value!=r.dataValue&&a.status_id!=f.status_id&&c(n(o(n(o({},r),{dataValue:a.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=a.status_id)})(),R(()=>{let{componentID:d,eventType:f,dataValue:h}=r,C=h;if(t=="list"?C=h.map(b=>JSON.parse(b)):t=="select"||t=="richSelect"?C=JSON.parse(h):t=="file"&&m.update({[d]:{Files:r.dataValue}}),f=="refresh"){let b=m.get(d);b&&b.ResolveRefresh&&b.ResolveRefresh(null)}f=="update"&&(S&&S({componentID:d,value:C,storeData:m.get(d),eventType:f}),i.scope(()=>{u.ok&&I&&I({componentID:d,value:C,storeData:m.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,states:a,set_validate:r,DefaultValidation:c}=e,l=c({value:t.dataValue,states:a});if(!l.ok){r(l);return}let s=l.notice;const u=()=>D(void 0,null,function*(){if(!a.onValidate)return;let p=yield a.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...s,...p.notice]});return}r({ok:!0,notice:[...s,...p.notice]})});a.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):r({ok:!0,notice:s})},pe=e=>{let t=e.target,{form:a,formName:r}=t.dataset;a=r||a;let c=!1,l=z(`[data-form-submit-button="${a}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||L.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=n(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=n(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=n(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=n(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=n(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=n(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),B(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=n(o(o(o(n(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[N("Input"),e.className].join(" ")});return B(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=n(o({},t),{border:!0}):e=="cloud"?t=n(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=n(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",freeCSS:{transform:"translateY(-50%)"}}};export{de as BoxWrapper,ce as CommonEffects,K as DefaultStyles,pe as SubmitForm,j as ValidationCheck,ue as Wrapper};
1
+ import{b as o,c as n,e as D}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as k}from"react/jsx-runtime";import{useState as _,useEffect as R,useRef as z}from"react";import i from"@mingoo/jsmin";import{$$fromRoot as L,Config as O,useStore as m,GenerateClassName as B}from"../../@utils";import{InputClasses as N}from"../../@styles/componentClasses";import E from"../../atoms/Box";import A from"../../atoms/Flex";import T from"../../atoms/FAI";import w from"../../mols/Row";import K from"../../mols/Column";import W from"../Button";import V from"../Tooltips";const de=e=>{let[t]=_(e.componentID||i.uuid.gen());e=o({},e),e.states=n(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.states),{componentID:t});let{children:a}=e;return y(a,o({},e.states))},ce=e=>{let{children:t,val_status:a,set_status:r,val_validate:c,states:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:v}=l;return a.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),k(w.Center,n(o({position:"relative",verticalAlign:"unset",gap:0},v),{className:N("Wrapper"),"data-notice-uid":a.componentID,children:[y(U,{notice:c.notice,val_status:a}),l.leftIndicator,k(A,{position:"relative",flexSizing:"auto",children:[p,t,s&&a.dataValue?y(W.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{r(n(o({},a),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:y(T.Times,{})}):u]}),l.rightIndicator]}))},U=e=>{let{notice:t,val_status:a}=e,{componentID:r,eventType:c}=a,l="NoticeTimer-"+r,s="NoticeTimerClose-"+r,u="notice-tips-"+r;return i.interval.clear(l),i.interval.clear(s),t.length?(i.interval.standBy(l,350,()=>{V.open({tipsID:u,parent:`[data-notice-uid="${r}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:k(V.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(E,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(K,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:t.map((p,v)=>{let{type:S,label:b}=p,g=S=="invalid"?T.Times:S=="warn"?T.Exclamation:T.Check;return k(w.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(g,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[S]}),y(E,{fontColor:"white",children:b})]},v)})})]})})}),i.interval.standBy(s,6e3,()=>{V.close(u)}),null):(V.close(u),null)},pe=e=>{let{type:t,states:a,val_status:r,set_status:c,ExtraOverrideStates:l,ExtraStoreStates:s,val_validate:u,set_validate:p,DefaultValidation:v,onUpdateValue:S,onUpdateValidValue:b}=e;a=o({},a);let{componentID:g}=r,[F,P]=_(i.uuid.gen());R(()=>(m.update({[g]:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{m.get(g).ResolveRefresh=d,P(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:h}=d;p({ok:f,notice:h})}},s)}),()=>{m.delete(g)}),[]);const x=z(!1);R(()=>{x.current?c(n(o({},r),{eventType:"refresh",eventID:i.uuid.gen()})):x.current=!0},[F]),R(()=>{a.value=r.dataValue,i.interval.clear("ValidationTimer-"+g),$({val_status:r,set_validate:p,DefaultValidation:v,states:a})},[r.eventID]),(()=>{let{override:d}=a;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=m.get(r.componentID);f&&(a.value!=r.dataValue&&a.status_id!=f.status_id&&c(n(o(n(o({},r),{dataValue:a.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=a.status_id)})(),R(()=>{let{componentID:d,eventType:f,dataValue:h}=r,C=h;if(t=="list"?C=h.map(I=>JSON.parse(I)):t=="select"||t=="richSelect"?C=JSON.parse(h):t=="file"&&m.update({[d]:{Files:r.dataValue}}),f=="refresh"){let I=m.get(d);I&&I.ResolveRefresh&&I.ResolveRefresh(null)}f=="update"&&(S&&S({componentID:d,value:C,storeData:m.get(d),eventType:f}),i.scope(()=>{u.ok&&b&&b({componentID:d,value:C,storeData:m.get(d),eventType:f})}))},[u])},$=e=>{let{val_status:t,states:a,set_validate:r,DefaultValidation:c}=e,l=c({value:t.dataValue,states:a});if(!l.ok){r(l);return}let s=l.notice;const u=()=>D(void 0,null,function*(){if(!a.onValidate)return;let p=yield a.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...s,...p.notice]});return}r({ok:!0,notice:[...s,...p.notice]})});a.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):r({ok:!0,notice:s})},fe=e=>{let t=e.target,{form:a,formName:r}=t.dataset;a=r||a;let c=!1,l=L(`[data-form-submit-button="${a}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||O.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},J={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=n(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=n(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=n(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=n(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=n(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=n(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),B(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=n(o(o(o(n(o({},J.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[N("Input"),e.className].join(" ")});return B(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=n(o({},t),{border:!0}):e=="cloud"?t=n(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=n(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",freeCSS:{transform:"translateY(-50%)"}}};export{ce as BoxWrapper,pe as CommonEffects,J as DefaultStyles,fe as SubmitForm,$ as ValidationCheck,de as Wrapper};
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { KeyValueDict } from '@mingoo/jsmin';
2
3
  import { ReactElement, TagProperty } from '../../@declaration';
3
4
  export declare namespace InputTypes {
4
5
  type BoxTone = 'border' | 'cloud' | 'bottomBorder' | 'plain';
@@ -6,7 +7,7 @@ export declare namespace InputTypes {
6
7
  (data: {
7
8
  value: any;
8
9
  componentID: string;
9
- storeData?: plainObject;
10
+ storeData?: KeyValueDict;
10
11
  eventType: Validation.EventType;
11
12
  }): void;
12
13
  };
@@ -47,7 +48,7 @@ export declare namespace InputTypes {
47
48
  (state: {
48
49
  eventType: EventType;
49
50
  value: any;
50
- props: plainObject;
51
+ props: KeyValueDict;
51
52
  }): Promise<Result>;
52
53
  };
53
54
  }
@@ -1 +1 @@
1
- import"../../chunk-VY3566IV.js";import o from"./Plain";import i from"./Hidden";import a from"./Text";import p from"./TextArea";import m from"./AutoHeightText";import n from"./Contenteditable";import l from"./DigitCharacters";import c from"./Time";import s from"./Select";import d from"./RichSelect";import*as r from"./List";import x from"./Chips";import h from"./Search";import _ from"./Filer";import y from"./Slider";import C from"./Switch";import T from"./Checker";import S from"./Segmented";import u from"./Parts";var t;(e=>(e.Plain=o,e.Hidden=i,e.Text=a,e.TextArea=p,e.AutoHeightText=m,e.Contenteditable=n,e.DigitCharacters=l,e.Time=c,e.Select=s,e.RichSelect=d,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=T,e.Chips=x,e.Search=h,e.Filer=_,e.Slider=y,e.Switch=C,e.Segmented=S,e.Comps=u))(t||(t={}));export{t as Input,t as default};
1
+ import"../../chunk-C5N2D3ZX.js";import o from"./Plain";import i from"./Hidden";import a from"./Text";import p from"./TextArea";import m from"./AutoHeightText";import n from"./Contenteditable";import l from"./DigitCharacters";import c from"./Time";import s from"./Select";import d from"./RichSelect";import*as r from"./List";import x from"./Chips";import h from"./Search";import y from"./Filer";import _ from"./Slider";import C from"./Switch";import T from"./Checker";import u from"./Segmented";import S from"./Parts";var t;(e=>(e.Plain=o,e.Hidden=i,e.Text=a,e.TextArea=p,e.AutoHeightText=m,e.Contenteditable=n,e.DigitCharacters=l,e.Time=c,e.Select=s,e.RichSelect=d,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=T,e.Chips=x,e.Search=h,e.Filer=y,e.Slider=_,e.Switch=C,e.Segmented=u,e.Comps=S))(t||(t={}));export{t as Input,t as default};
@@ -1 +1 @@
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({["Loader-corner-"+n.get().sessionUID+"-corner"]:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),i?e("isActive"):""].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:{zIndex:10,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
+ import"../../chunk-C5N2D3ZX.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({["Loader-corner-"+n.get().sessionUID+"-corner"]:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),i?e("isActive"):""].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:{zIndex:10,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 +1 @@
1
- import{b as p}from"../../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import{Config as d,useStore as a,$$fromRoot as l}from"../../@utils";import{LoaderClasses as m}from"../../@styles/componentClasses";import{Mini as s}from"./mini";import{Corner as L}from"./corner";const i=e=>{let t=e.color;return{S:o=>n(s,p({size:"S",color:t},o)),R:o=>n(s,p({size:"R",color:t},o)),L:o=>n(s,p({size:"L",color:t},o)),XL:o=>n(s,p({size:"XL",color:t},o)),MAX:o=>n(s,p({size:"MAX",color:t},o))}},c={Wrapper:()=>n(L,{}),Theme:i({color:"theme"}),Posi:i({color:"posi"}),Nega:i({color:"nega"}),Warn:i({color:"warn"}),White:i({color:"white"}),Cloud:i({color:"cloud"}),fn:{corner:{active:()=>{let e=a.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.active()},stop:()=>{let e=a.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.stop()}},mini:{active:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=a.get(o);r&&r.active&&r.active(e)})},stop:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=a.get(o);r&&r.stop&&r.stop(e)})},stopALL:()=>{l("."+m("MiniLoader")).for(e=>{let{dataset:{componentId:t}={}}=e;if(!t)return;let o=a.get(t);o&&o.stopForce&&o.stopForce()})}},stopALL:()=>{c.fn.corner.stop(),c.fn.mini.stopALL()}}};export{c as Loader,c as default};
1
+ import{b as p}from"../../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import{Config as d,useStore as a,$$fromRoot as l}from"../../@utils";import{LoaderClasses as m}from"../../@styles/componentClasses";import{Mini as s}from"./mini";import{Corner as L}from"./corner";const i=e=>{let t=e.color;return{S:o=>n(s,p({size:"S",color:t},o)),R:o=>n(s,p({size:"R",color:t},o)),L:o=>n(s,p({size:"L",color:t},o)),XL:o=>n(s,p({size:"XL",color:t},o)),MAX:o=>n(s,p({size:"MAX",color:t},o))}},c={Wrapper:()=>n(L,{}),Theme:i({color:"theme"}),Posi:i({color:"posi"}),Nega:i({color:"nega"}),Warn:i({color:"warn"}),White:i({color:"white"}),Cloud:i({color:"cloud"}),fn:{corner:{active:()=>{let e=a.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.active()},stop:()=>{let e=a.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.stop()}},mini:{active:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=a.get(o);r&&r.active&&r.active(e)})},stop:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=a.get(o);r&&r.stop&&r.stop(e)})},stopALL:()=>{l("."+m("MiniLoader")).for(e=>{let{dataset:{componentId:t}={}}=e;if(!t)return;let o=a.get(t);o&&o.stopForce&&o.stopForce()})}},stopALL:()=>{c.fn.corner.stop(),c.fn.mini.stopALL()}}};export{c as Loader,c as default};
@@ -1 +1 @@
1
- import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as x}from"react/jsx-runtime";import y from"@mingoo/jsmin";import{$$fromRoot as L,useStore as z}from"../../@utils";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import I from"../../mols/Row";const R=w=>{let v=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=v,S=h(v,["color","size","showInitial","loaderID"]),[m]=l(C),[s]=l(y.uuid.gen()),[n,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 p={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"}[u];return g(()=>{let r=L('[data-component-id="'+s+'"]');n?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[n]),g(()=>{z.set({[s]:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),x(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:s,position:"relative"},S),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:p},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:p},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
1
+ import{b as d,c as f,d as h}from"../../chunk-C5N2D3ZX.js";import{jsx as i,jsxs as x}from"react/jsx-runtime";import y from"@mingoo/jsmin";import{$$fromRoot as L,useStore as z}from"../../@utils";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import I from"../../mols/Row";const R=w=>{let v=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=v,S=h(v,["color","size","showInitial","loaderID"]),[m]=l(C),[s]=l(y.uuid.gen()),[n,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 p={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"}[u];return g(()=>{let r=L('[data-component-id="'+s+'"]');n?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[n]),g(()=>{z.set({[s]:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),x(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:s,position:"relative"},S),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:p},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:p},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
@@ -1 +1 @@
1
- import"../chunk-VY3566IV.js";import{jsx as o,jsxs as t}from"react/jsx-runtime";import r from"../atoms/Box";import l from"../atoms/FAI";import p from"../mols/Row";import e from"../mols/Text";import a from"../mols/Column";import m from"./Button";const i=()=>{let{href:n}=location;return o(p.Center,{padding:[4,1],children:t(a,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[o(l.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),t(r,{children:[o(e.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),o(e.Supplement,{fontColor:"3.blur",children:"\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"})]}),t(a,{children:[t(e.Normal,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"]}),"\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),o(m.Anchor.Link,{newTab:!0,href:n,children:n}),o(m.Anchor.BorderToFill.R,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{i as PageNotFound,i as default};
1
+ import"../chunk-C5N2D3ZX.js";import{jsx as o,jsxs as t}from"react/jsx-runtime";import r from"../atoms/Box";import l from"../atoms/FAI";import p from"../mols/Row";import e from"../mols/Text";import a from"../mols/Column";import m from"./Button";const i=()=>{let{href:n}=location;return o(p.Center,{padding:[4,1],children:t(a,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[o(l.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),t(r,{children:[o(e.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),o(e.Supplement,{fontColor:"3.blur",children:"\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"})]}),t(a,{children:[t(e.Normal,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"]}),"\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),o(m.Anchor.Link,{newTab:!0,href:n,children:n}),o(m.Anchor.BorderToFill.R,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{i as PageNotFound,i as default};
@@ -1 +1 @@
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
+ import"../chunk-C5N2D3ZX.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};
package/dist/fn/Plate.js CHANGED
@@ -1 +1 @@
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
+ import{b as e,c as o,d as S}from"../chunk-C5N2D3ZX.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 +1 @@
1
- import{b as p,c as m,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 r from"@mingoo/jsmin";import{$$fromRoot as v,Config as B,pageRouter as F}from"../@utils";import h from"../atoms/Box";import C from"../atoms/Flex";import _ from"../mols/Column";import P from"./Button";import{LayoutClasses as y}from"../@styles/componentClasses";const c={Base:o=>{let l=o,{topNavigation:e,sideNavigation:t,footerNavigation:i,children:a,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 r(window).addEvent({eventType:"resize",eventID:u,callback:()=>{B.get().screen.isPhonepoint()||(r.interval.clear("__RVC_calcHeights"),r.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{r(window).removeEvent(R),r(window).removeEvent(u)}},[]);let d=a;return x(_,m(p({className:[n,y("RootViewController")].join(" "),backgroundColor:"layer.1",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})]}),i]}))},TopNavigation:o=>{let n=o,{className:e,children:t}=n,i=f(n,["className","children"]),[a]=S(r.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),s(C,m(p({"data-id":a,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},i),{id:"__RVC_TopNavigation",className:[e,y("TopNav")].join(" "),children:t}),a)},SideNavigation:o=>{let a=o,{className:e="",baseStyles:t}=a,i=f(a,["className","baseStyles"]);return s(h,p({flexSizing:"none",className:[e,y("SideNav")].join(" "),minHeight:"sideNavigationHeight"},i))},FooterNavigation:o=>{let n=o,{className:e="",baseStyles:t}=n,i=f(n,["className","baseStyles"]),[a]=S(r.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),s(C,m(p({"data-id":a,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),e].join(" "),children:s(C,p({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:o=>{let d=o,{isActive:e,uri:t,uriGroup:i}=d,a=f(d,["isActive","uri","uriGroup"]),n=r.flatArray(i),g=location.pathname;{let l=!1;if(r.is.exist(t)&&r.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)r.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return s(P.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=>{r.is.exist(t)&&r.is.string(t)&&F.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},a))},Bar:o=>s(h,p({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},o)),Title:o=>s(h,p({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=r(document.body),e=v("#__RVC_TopNavigation"),t=e.position().height||0,i=t;e.getStyleProperty("position")!="sticky"&&(i=0),o.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let o=r(document.body),t=v("#__RVC_FooterNavigation").position().height||0;o.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let o=r(document.body),e=v("#__RVC_TopNavigation"),t=v("#__RVC_FooterNavigation"),i=e.position().height||0,a=i,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(a=0);let g=window.innerHeight,d=g-i-n;o.setStyleProperty("--topNavHeight",i+"px").setStyleProperty("--topBase",a+"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
+ import{b as p,c as m,d as f}from"../chunk-C5N2D3ZX.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import r from"@mingoo/jsmin";import{$$fromRoot as v,Config as B,pageRouter as F}from"../@utils";import h from"../atoms/Box";import C from"../atoms/Flex";import _ from"../mols/Column";import P from"./Button";import{LayoutClasses as y}from"../@styles/componentClasses";const c={Base:o=>{let l=o,{topNavigation:e,sideNavigation:t,footerNavigation:i,children:a,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 r(window).addEvent({eventType:"resize",eventID:u,callback:()=>{B.get().screen.isPhonepoint()||(r.interval.clear("__RVC_calcHeights"),r.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{r(window).removeEvent(R),r(window).removeEvent(u)}},[]);let d=a;return x(_,m(p({className:[n,y("RootViewController")].join(" "),backgroundColor:"layer.1",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})]}),i]}))},TopNavigation:o=>{let n=o,{className:e,children:t}=n,i=f(n,["className","children"]),[a]=S(r.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),s(C,m(p({"data-id":a,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},i),{id:"__RVC_TopNavigation",className:[e,y("TopNav")].join(" "),children:t}),a)},SideNavigation:o=>{let a=o,{className:e="",baseStyles:t}=a,i=f(a,["className","baseStyles"]);return s(h,p({flexSizing:"none",className:[e,y("SideNav")].join(" "),minHeight:"sideNavigationHeight"},i))},FooterNavigation:o=>{let n=o,{className:e="",baseStyles:t}=n,i=f(n,["className","baseStyles"]),[a]=S(r.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),s(C,m(p({"data-id":a,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),e].join(" "),children:s(C,p({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:o=>{let d=o,{isActive:e,uri:t,uriGroup:i}=d,a=f(d,["isActive","uri","uriGroup"]),n=r.flatArray(i),g=location.pathname;{let l=!1;if(r.is.exist(t)&&r.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)r.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return s(P.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=>{r.is.exist(t)&&r.is.string(t)&&F.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},a))},Bar:o=>s(h,p({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},o)),Title:o=>s(h,p({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=r(document.body),e=v("#__RVC_TopNavigation"),t=e.position().height||0,i=t;e.getStyleProperty("position")!="sticky"&&(i=0),o.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let o=r(document.body),t=v("#__RVC_FooterNavigation").position().height||0;o.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let o=r(document.body),e=v("#__RVC_TopNavigation"),t=v("#__RVC_FooterNavigation"),i=e.position().height||0,a=i,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(a=0);let g=window.innerHeight,d=g-i-n;o.setStyleProperty("--topNavHeight",i+"px").setStyleProperty("--topBase",a+"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,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { TagProperty, ReactElement } from '../@declaration';
3
2
  import $$ from '@mingoo/jsmin';
3
+ import { TagProperty, ReactElement } from '../@declaration';
4
4
  import Box from '../atoms/Box';
5
5
  declare namespace Sheet {
6
6
  type Methods = {
package/dist/fn/Sheet.js CHANGED
@@ -1 +1 @@
1
- import{b as u,c as R,d as F}from"../chunk-VY3566IV.js";import{jsx as i,jsxs as X}from"react/jsx-runtime";import{useState as D,useEffect as H,useRef as q}from"react";import r from"@mingoo/jsmin";import{$$fromRoot as A,Config as G,useStore as T}from"../@utils";import k from"../atoms/Box";import J from"../atoms/Img";import ee from"../atoms/FAI";import te from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import Q from"./Button";import oe from"./SwipeView";import re from"./Input";import{SheetClasses as p}from"../@styles/componentClasses";const y={currentIndex:0,contents:{},addNewSheet:function(e){if(e=R(u({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||r.uuid.gen(),close_option:u({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let o=T.get(e.sheetID);o&&o.refresh&&o.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,p:e,created_at:r.Time()};let t=T.get("Sheet-"+G.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=D(r.uuid.gen());H(()=>{T.set({["Sheet-"+G.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r(G.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(a){let{key:c,metaKey:s}=a;if(c=="Escape"||c==","&&s){let m=Object.values(y.contents).filter(f=>f.isOpen);if(!m.length)return;let n=m.reduce((f,w)=>f.created_at.value>w.created_at.value?f:w);z.close(n.p.sheetID,c)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(a){var m;let c=Object.values(y.contents).filter(n=>n.p.type=="custom");!c.length||c.find(n=>{let{p:f}=n,w=f.parent,_=a.target,v=A(w)[0];return!!(w==_||v===_||r(v).find(_).length)})||(m=a.target)!=null&&m.closest("."+p("CustomSheet"))||c.forEach(n=>{var f;(f=n.p.close_option)!=null&&f.aroundClick&&z.close(n.p.sheetID)})}})},[]);let o=Object.entries(y.contents).map(([a,c])=>i(k,{id:"Sheet-"+a,children:i(y.Core,u({isOpen:c.isOpen},c.p),a)},a));return i(k,{className:["AMOTIFY_be",p("Wrapper")].join(" "),children:o})},Core:e=>{var L;let[t]=D(r.uuid.gen()),[o,a]=D(e),[c,s]=D(e.isOpen),{type:m,sheetID:n,openAfter:f,closeAfter:w}=o,_=!o.overwrap,v=y.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[m]];H(()=>{T.set({[n]:{refresh:(h,l)=>{a(h),s(l!=null?l:!1)},resize:h=>{if(m=="drawer.bottom"){let l=T.get(t);l&&l.resize&&l.resize(h)}else(o.type.includes("normal")||o.type.includes("drawer"))&&a(R(u({},o),{size:h}))},close:h=>{y.contents[n].isOpen=!1,s(!1)},open:()=>{y.contents[n].isOpen=!0,s(!0)}}})}),H(()=>{r.scope(()=>{if(!_||!o.backgroundEffect)return;let h=Object.values(y.contents).filter(l=>l.isOpen&&!l.hold_state).length;if(c){let l=r("html"),B=0;h==1&&(B=l[0].scrollTop|0,a(b=>R(u({},b),{bodyScrolls:B}))),G.get().isPhone||(l.callback(()=>{A(".AMOTIFY_be_root").addClass(p("FixScroll")).callback(b=>{b[0].scrollTop=B}).await(40).addClass(p("Float"))})[0].scrollTop=0);return}G.get().isPhone||h==0&&A(".AMOTIFY_be_root").removeClass(p("Float")).await(251).removeClass(p("FixScroll")).callback(()=>{r("html")[0].scrollTop=o.bodyScrolls||0,A(".AMOTIFY_be_root")[0].scrollTop=0})}),r.scope(()=>{let h=A("#"+t);if(c){h.await(10).removeClass(p("Hide")).await(10).addClass(p("Open")).callback(()=>{y.contents[n].isOpen=!0,f&&f()});return}h.await(10).removeClass(p("Open")).await(251).addClass(p("Hide")).callback(()=>{if(!w||w(),y.contents[n].isOpen=!1,o.hold_state)return;delete y.contents[n];let l=T.get("Sheet-"+G.get().sessionUID);l&&l.refresh()})})},[c]),H(()=>{y.currentIndex++;let{close_option:h}=o;r.scope(()=>{if(!(h!=null&&h.parentBlur))return;let l=r(o.parent);l[0]&&l.addEvent({eventID:"SheetClosation-"+n,eventType:"mouseout",callback:()=>{l.removeEvent("SheetClosation-"+n),s(!1)}})})},[]);let[M,U]=m.split(".");return i(k,{className:[p("Wrap"),p("Tcate_"+M),p("Tpos_"+U),p("isNewSheet_"+_)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:y.currentIndex+1},id:t,children:X(K,{className:p("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!_&&i(y.TapSensor,{sheetID:n,delegateAroundClick:(L=o.close_option)==null?void 0:L.aroundClick}),i(v,u({componentID:t},o))]})},t)},Types:{Normal:e=>{let P=e,{sheetID:t,sheetGroups:o,bodyScrolls:a,content:c,className:s="",type:m,size:n="R",freeCSS:f,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:L,backgroundEffect:h}=P,l=F(P,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[B,b]=m.split("."),C={},x=[];return b.match(/top/)?(x.push("top"),C.marginBottom="auto"):b.match(/middle/)?(x.push("center"),C.marginTop="auto",C.marginBottom="auto"):b.match(/bottom/)&&(x.push("bottom"),C.marginTop="auto"),b.match(/left/i)?(x.push("left"),C.marginRight="auto"):b.match(/center/i)?(x.push("center"),C.marginLeft="auto",C.marginRight="auto"):b.match(/right/i)&&(x.push("right"),C.marginLeft="auto"),i(k,R(u(u({className:[p("BB"),s].join(" "),padding:1,transition:"long",opacity:"trans"},C),l),{freeCSS:u({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[n],maxWidth:"96vw",transformOrigin:x.join(" ")},f),children:r.is.function(c)?i(c,{}):c}))},Edge:e=>{let B=e,{sheetID:t,sheetGroups:o,bodyScrolls:a,type:c,content:s,className:m="",size:n="R",freeCSS:f,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:L,backgroundEffect:h}=B,l=F(B,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return i(k,R(u(u({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[p("BB"),m].join(" ")},c=="drawer.right"?{marginLeft:"auto"}:c=="drawer.left"?{marginRight:"auto"}:{}),l),{freeCSS:u({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[n],maxWidth:"96vw"},f),children:r.is.function(s)?i(s,{}):s}))},Bottom:e=>{let I=e,{componentID:t,sheetID:o,sheetGroups:a,bodyScrolls:c,content:s,size:m="R",sizeChanged:n,baseStyles:f,openAfter:w,closeAfter:_,close_option:{swipeDown:v=!0}={},hold_state:M,overwrap:U,isOpen:L,backgroundEffect:h}=I,l=F(I,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),B=r.getScreenSize(),b=[0,.2,.6,.95],C={ZERO:0,S:1,R:2,L:3},[x,P]=D(m),[O,W]=D({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[C[m]]});T.update({[t]:{val_edit:O,resize:S=>{let d=b[C[S]];W(R(u({},O),{value:d})),P(S)}}});const N={Start:S=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:N.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:N.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:N.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:N.End});let d=r.getCursor(S),g=R(u({},O),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:O.value,viewHeight:r.getScreenSize().height});T.update({[t]:{val_edit:g}}),W(g)},Move:S=>{var j;let d=(j=T.get(t))==null?void 0:j.val_edit;if(!d.process)return;let V=(r.getCursor(S).y-d.originY)/d.viewHeight,E=d.originValue-V;if(E>.95)E=.95+(E-.95)*.5;else if(E<.2){let $=.2-E;$-=.1,E=.1+(.1-$)*.5}W(R(u({},d),{value:E}))},End:S=>{var E;let d=(E=T.get(t))==null?void 0:E.val_edit;if(!d.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let g=0;if(d.value<.1||(d.value<.5?g=1:d.value>.75?g=3:g=2),new Date().getTime()-d.processStart<300){let j=r.getCursor(S).y-d.originY;if(Math.abs(j)>=20){let $=+(j<0)*2-1;g+=$,g=Math.min(Math.max(g,0),b.length-1)}}g==0&&(v||(g=1)),P(["ZERO","S","R","L"][g]),W(R(u({},d),{value:b[g],process:!1}))}},Y=q(!1);return H(()=>{Y.current?x=="ZERO"?v&&z.close(o):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(x)},250):Y.current=!0},[x]),i(k,{className:p("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:u({maxWidth:12*60,height:B.height*O.value},O.process?{transition:"0s"}:{}),children:X(K,R(u({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},f),{children:[i(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:i(Z.Center,{flexSizing:0,padding:"2/3",onMouseDown:N.Start,onTouchStart:N.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:p("DragBar")})})}),i(k,R(u({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},l),{children:r.is.function(s)?i(s,{}):s}))]}))})},Custom:e=>{let Y=e,{sheetID:t,sheetGroups:o,parent:a,bodyScrolls:c,gravityPoint:s=22,content:m,close_option:n,hold_state:f,openAfter:w,closeAfter:_,overwrap:v,isOpen:M,backgroundEffect:U}=Y,L=F(Y,["sheetID","sheetGroups","parent","bodyScrolls","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[h]=D(r.uuid.gen()),l=r.is.element(a)?r(a):r.is.jsmin(a)?a:A(a),B='[data-sheet-id="'+h+'"]',b='[data-sheet-content="'+h+'"]';s=s;let C=s%5||5,x=Math.ceil(s/5);const P=()=>{let I={},{top:S,right:d,bottom:g,left:V,height:E,width:j}=l.position();return[1,2].includes(C)?I.left=V:C==3?I.left=V+j/2:[4,5].includes(C)&&(I.left=d),s<=10?I.top=S:s<=15?I.top=S+E/2:s<=25&&(I.top=g),I};let[O,W]=D(P());const N=()=>{let I=A(B).position(),S=A(b).position(),d=r.getScreenSize(),g=u({},O);return S.top<0&&(g.top=I.top-S.top),S.left<0&&(g.left=I.left-S.left),S.right>d.width&&(g.left=I.left-(S.right-d.width)),S.bottom>d.height&&(g.top=I.top-(S.bottom-d.height)),g};return H(()=>{A(B).await(10).addClass(p("Open")).await(250).callback(()=>{W(N())}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{W(N())},200)}}})},[]),l[0]?i(k,{className:[p("BB"),p("CustomSheet")].join(" "),"data-sheet-id":h,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:O,children:i(te,{className:[p("GPT"),p("GPT_"+s),p("Col_"+C),p("Row_"+x)].join(" "),position:"absolute",children:i(k,R(u({flexSizing:"none","data-sheet-content":h,maxHeight:"viewHeight",overflow:"auto",padding:1},L),{freeCSS:u({maxWidth:"98vw"},L.freeCSS),children:r.is.function(m)?i(m,{}):m}))})}):null}},TapSensor:e=>i(k,{className:p("TapSensor"),children:i(Q.Button.Plain,{className:p("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&z.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},z={Wrapper:()=>i(y.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e.sheetID||r.uuid.gen(),t=e,{type:a,src:c}=t,s=F(t,["type","src"]);z.open(R(u({type:"normal.topCenter",backgroundColor:"trans"},s),{sheetID:o,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[m]=D(r.flatArray(c)),[n,f]=D(0),w=[],_=[];return m.forEach((v,M)=>{w.push({value:M,label:i(J,{src:r.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(i(J,{width:1,height:"auto",src:r.flatArray(v)[0]}))}),X(K,{gap:0,children:[X(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(re.Radio,{tone:"border",icon:!1,value:n,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{f(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),X(Q.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{z.close(o)},children:["\u9589\u3058\u308B ",i(ee.Times,{})]})]}),i(oe,{slideIndex:n,options:{loop:m.length>1,onSlideCallback:v=>{f(v)}},slides:_,wrapper:v=>i(k,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}y.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=T.get(e.sheetID);o&&o.refresh&&o.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=T.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=T.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,o){var c;e=e==null?void 0:e.replace(/\./g,"-");let a=y.contents[e];if(a&&!(t=="Escape"&&!((c=a.p.close_option)!=null&&c.escapeKeyDown))){let{p:s}=a,{sheetID:m}=s,n=T.get(m);n&&n.close&&n.close(o)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[o,a]of Object.entries(y.contents))(t=a.p.sheetGroups)!=null&&t.includes(e)&&z.close(o)},closeAll:e=>{var t;for(let[o,a]of Object.entries(y.contents))e&&((t=a.p.close_option)==null?void 0:t.pageTransit)==!1||z.close(o,"pageTransit",!0)},Comps:{Body:e=>i(k,u({className:p("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{z as Sheet,z as default};
1
+ import{b as m,c as R,d as F}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as X}from"react/jsx-runtime";import r from"@mingoo/jsmin";import{useState as D,useEffect as H,useRef as q}from"react";import{$$fromRoot as A,Config as G,useStore as T}from"../@utils";import k from"../atoms/Box";import J from"../atoms/Img";import ee from"../atoms/FAI";import te from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import Q from"./Button";import oe from"./SwipeView";import re from"./Input";import{SheetClasses as p}from"../@styles/componentClasses";const y={currentIndex:0,contents:{},addNewSheet:function(e){if(e=R(m({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||r.uuid.gen(),close_option:m({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let o=T.get(e.sheetID);o&&o.refresh&&o.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,p:e,created_at:r.Time()};let t=T.get("Sheet-"+G.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=D(r.uuid.gen());H(()=>{T.set({["Sheet-"+G.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r(G.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(a){let{key:c,metaKey:s}=a;if(c=="Escape"||c==","&&s){let u=Object.values(y.contents).filter(f=>f.isOpen);if(!u.length)return;let n=u.reduce((f,w)=>f.created_at.value>w.created_at.value?f:w);z.close(n.p.sheetID,c)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(a){var u;let c=Object.values(y.contents).filter(n=>n.p.type=="custom");!c.length||c.find(n=>{let{p:f}=n,w=f.parent,_=a.target,v=A(w)[0];return!!(w==_||v===_||r(v).find(_).length)})||(u=a.target)!=null&&u.closest("."+p("CustomSheet"))||c.forEach(n=>{var f;(f=n.p.close_option)!=null&&f.aroundClick&&z.close(n.p.sheetID)})}})},[]);let o=Object.entries(y.contents).map(([a,c])=>l(k,{id:"Sheet-"+a,children:l(y.Core,m({isOpen:c.isOpen},c.p),a)},a));return l(k,{className:["AMOTIFY_be",p("Wrapper")].join(" "),children:o})},Core:e=>{var L;let[t]=D(r.uuid.gen()),[o,a]=D(e),[c,s]=D(e.isOpen),{type:u,sheetID:n,openAfter:f,closeAfter:w}=o,_=!o.overwrap,v=y.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[u]];H(()=>{T.set({[n]:{refresh:(h,i)=>{a(h),s(i!=null?i:!1)},resize:h=>{if(u=="drawer.bottom"){let i=T.get(t);i&&i.resize&&i.resize(h)}else(o.type.includes("normal")||o.type.includes("drawer"))&&a(R(m({},o),{size:h}))},close:h=>{y.contents[n].isOpen=!1,s(!1)},open:()=>{y.contents[n].isOpen=!0,s(!0)}}})}),H(()=>{r.scope(()=>{if(!_||!o.backgroundEffect)return;let h=Object.values(y.contents).filter(i=>i.isOpen&&!i.p.overwrap&&i.p.type!="custom").length;if(c){let i=r("html"),B=0;h==1&&(B=i[0].scrollTop|0,a(b=>R(m({},b),{bodyScrolls:B}))),G.get().isPhone||(i.callback(()=>{A(".AMOTIFY_be_root").addClass(p("FixScroll")).callback(b=>{b[0].scrollTop=B}).await(40).addClass(p("Float"))})[0].scrollTop=0);return}G.get().isPhone||h==0&&A(".AMOTIFY_be_root").removeClass(p("Float")).await(251).removeClass(p("FixScroll")).callback(()=>{r("html")[0].scrollTop=o.bodyScrolls||0,A(".AMOTIFY_be_root")[0].scrollTop=0})}),r.scope(()=>{let h=A("#"+t);if(c){h.await(10).removeClass(p("Hide")).await(10).addClass(p("Open")).callback(()=>{y.contents[n].isOpen=!0,f&&f()});return}h.await(10).removeClass(p("Open")).await(251).addClass(p("Hide")).callback(()=>{if(!w||w(),y.contents[n].isOpen=!1,o.hold_state)return;delete y.contents[n];let i=T.get("Sheet-"+G.get().sessionUID);i&&i.refresh()})})},[c]),H(()=>{y.currentIndex++;let{close_option:h}=o;r.scope(()=>{if(!(h!=null&&h.parentBlur))return;let i=r(o.parent);i[0]&&i.addEvent({eventID:"SheetClosation-"+n,eventType:"mouseout",callback:()=>{i.removeEvent("SheetClosation-"+n),s(!1)}})})},[]);let[M,U]=u.split(".");return l(k,{className:[p("Wrap"),p("Tcate_"+M),p("Tpos_"+U),p("isNewSheet_"+_)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:y.currentIndex+1},id:t,children:X(K,{className:p("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!_&&l(y.TapSensor,{sheetID:n,delegateAroundClick:(L=o.close_option)==null?void 0:L.aroundClick}),l(v,m({componentID:t},o))]})},t)},Types:{Normal:e=>{let P=e,{sheetID:t,sheetGroups:o,bodyScrolls:a,content:c,className:s="",type:u,size:n="R",freeCSS:f,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:L,backgroundEffect:h}=P,i=F(P,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[B,b]=u.split("."),C={},x=[];return b.match(/top/)?(x.push("top"),C.marginBottom="auto"):b.match(/middle/)?(x.push("center"),C.marginTop="auto",C.marginBottom="auto"):b.match(/bottom/)&&(x.push("bottom"),C.marginTop="auto"),b.match(/left/i)?(x.push("left"),C.marginRight="auto"):b.match(/center/i)?(x.push("center"),C.marginLeft="auto",C.marginRight="auto"):b.match(/right/i)&&(x.push("right"),C.marginLeft="auto"),l(k,R(m(m({className:[p("BB"),s].join(" "),padding:1,transition:"long",opacity:"trans"},C),i),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[n],maxWidth:"96vw",transformOrigin:x.join(" ")},f),children:r.is.function(c)?l(c,{}):c}))},Edge:e=>{let B=e,{sheetID:t,sheetGroups:o,bodyScrolls:a,type:c,content:s,className:u="",size:n="R",freeCSS:f,openAfter:w,closeAfter:_,close_option:v,hold_state:M,overwrap:U,isOpen:L,backgroundEffect:h}=B,i=F(B,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return l(k,R(m(m({opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[p("BB"),u].join(" ")},c=="drawer.right"?{marginLeft:"auto"}:c=="drawer.left"?{marginRight:"auto"}:{}),i),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[n],maxWidth:"96vw"},f),children:r.is.function(s)?l(s,{}):s}))},Bottom:e=>{let I=e,{componentID:t,sheetID:o,sheetGroups:a,bodyScrolls:c,content:s,size:u="R",sizeChanged:n,baseStyles:f,openAfter:w,closeAfter:_,close_option:{swipeDown:v=!0}={},hold_state:M,overwrap:U,isOpen:L,backgroundEffect:h}=I,i=F(I,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),B=r.getScreenSize(),b=[0,.2,.6,.95],C={ZERO:0,S:1,R:2,L:3},[x,P]=D(u),[O,W]=D({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[C[u]]});T.update({[t]:{val_edit:O,resize:S=>{let d=b[C[S]];W(R(m({},O),{value:d})),P(S)}}});const N={Start:S=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:N.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:N.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:N.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:N.End});let d=r.getCursor(S),g=R(m({},O),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:O.value,viewHeight:r.getScreenSize().height});T.update({[t]:{val_edit:g}}),W(g)},Move:S=>{var j;let d=(j=T.get(t))==null?void 0:j.val_edit;if(!d.process)return;let V=(r.getCursor(S).y-d.originY)/d.viewHeight,E=d.originValue-V;if(E>.95)E=.95+(E-.95)*.5;else if(E<.2){let $=.2-E;$-=.1,E=.1+(.1-$)*.5}W(R(m({},d),{value:E}))},End:S=>{var E;let d=(E=T.get(t))==null?void 0:E.val_edit;if(!d.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let g=0;if(d.value<.1||(d.value<.5?g=1:d.value>.75?g=3:g=2),new Date().getTime()-d.processStart<300){let j=r.getCursor(S).y-d.originY;if(Math.abs(j)>=20){let $=+(j<0)*2-1;g+=$,g=Math.min(Math.max(g,0),b.length-1)}}g==0&&(v||(g=1)),P(["ZERO","S","R","L"][g]),W(R(m({},d),{value:b[g],process:!1}))}},Y=q(!1);return H(()=>{Y.current?x=="ZERO"?v&&z.close(o):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(x)},250):Y.current=!0},[x]),l(k,{className:p("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:m({maxWidth:12*60,height:B.height*O.value},O.process?{transition:"0s"}:{}),children:X(K,R(m({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},f),{children:[l(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:l(Z.Center,{flexSizing:0,padding:"2/3",onMouseDown:N.Start,onTouchStart:N.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:l(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:p("DragBar")})})}),l(k,R(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},i),{children:r.is.function(s)?l(s,{}):s}))]}))})},Custom:e=>{let Y=e,{sheetID:t,sheetGroups:o,parent:a,bodyScrolls:c,gravityPoint:s=22,content:u,close_option:n,hold_state:f,openAfter:w,closeAfter:_,overwrap:v,isOpen:M,backgroundEffect:U}=Y,L=F(Y,["sheetID","sheetGroups","parent","bodyScrolls","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[h]=D(r.uuid.gen()),i=r.is.element(a)?r(a):r.is.jsmin(a)?a:A(a),B='[data-sheet-id="'+h+'"]',b='[data-sheet-content="'+h+'"]';s=s;let C=s%5||5,x=Math.ceil(s/5);const P=()=>{let I={},{top:S,right:d,bottom:g,left:V,height:E,width:j}=i.position();return[1,2].includes(C)?I.left=V:C==3?I.left=V+j/2:[4,5].includes(C)&&(I.left=d),s<=10?I.top=S:s<=15?I.top=S+E/2:s<=25&&(I.top=g),I};let[O,W]=D(P());const N=()=>{let I=A(B).position(),S=A(b).position(),d=r.getScreenSize(),g=m({},O);return S.top<0&&(g.top=I.top-S.top),S.left<0&&(g.left=I.left-S.left),S.right>d.width&&(g.left=I.left-(S.right-d.width)),S.bottom>d.height&&(g.top=I.top-(S.bottom-d.height)),g};return H(()=>{A(B).await(10).addClass(p("Open")).await(250).callback(()=>{W(N())}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{W(N())},200)}}})},[]),i[0]?l(k,{className:[p("BB"),p("CustomSheet")].join(" "),"data-sheet-id":h,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:O,children:l(te,{className:[p("GPT"),p("GPT_"+s),p("Col_"+C),p("Row_"+x)].join(" "),position:"absolute",children:l(k,R(m({flexSizing:"none","data-sheet-content":h,maxHeight:"viewHeight",overflow:"auto",padding:1},L),{freeCSS:m({maxWidth:"98vw"},L.freeCSS),children:r.is.function(u)?l(u,{}):u}))})}):null}},TapSensor:e=>l(k,{className:p("TapSensor"),children:l(Q.Button.Plain,{className:p("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&z.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},z={Wrapper:()=>l(y.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e.sheetID||r.uuid.gen(),t=e,{type:a,src:c}=t,s=F(t,["type","src"]);z.open(R(m({type:"normal.topCenter",backgroundColor:"trans"},s),{sheetID:o,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[u]=D(r.flatArray(c)),[n,f]=D(0),w=[],_=[];return u.forEach((v,M)=>{w.push({value:M,label:l(J,{src:r.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),_.push(l(J,{width:1,height:"auto",src:r.flatArray(v)[0]}))}),X(K,{gap:0,children:[X(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[l(re.Radio,{tone:"border",icon:!1,value:n,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{f(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),X(Q.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{z.close(o)},children:["\u9589\u3058\u308B ",l(ee.Times,{})]})]}),l(oe,{slideIndex:n,options:{loop:u.length>1,onSlideCallback:v=>{f(v)}},slides:_,wrapper:v=>l(k,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}y.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=T.get(e.sheetID);o&&o.refresh&&o.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=T.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=T.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,o){var c;e=e==null?void 0:e.replace(/\./g,"-");let a=y.contents[e];if(a&&!(t=="Escape"&&!((c=a.p.close_option)!=null&&c.escapeKeyDown))){let{p:s}=a,{sheetID:u}=s,n=T.get(u);n&&n.close&&n.close(o)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[o,a]of Object.entries(y.contents))(t=a.p.sheetGroups)!=null&&t.includes(e)&&z.close(o)},closeAll:e=>{var t;for(let[o,a]of Object.entries(y.contents))e&&((t=a.p.close_option)==null?void 0:t.pageTransit)==!1||z.close(o,"pageTransit",!0)},Comps:{Body:e=>l(k,m({className:p("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{z as Sheet,z as default};
@@ -1 +1 @@
1
- import{b as m,c,d as D}from"../chunk-VY3566IV.js";import{Fragment as _,jsx as r,jsxs as F}from"react/jsx-runtime";import{createElement as M}from"react";import i from"@mingoo/jsmin";import{Config as S,useStore as p,$$fromRoot as w}from"../@utils";import{useState as f,useEffect as h}from"react";import x from"../atoms/Box";import y from"../atoms/Flex";import E from"../atoms/FAI";import R from"../mols/Row";import A from"./Button";import{SnackbarClasses as k}from"../@styles/componentClasses";const u={add:function(l){let t=p.get("Snackbar-"+S.get().sessionUID);return t&&t.add(l),this},remove:function(l){let t=p.get("Snackbar-"+S.get().sessionUID);return t&&t.remove(l),this},Wrapper:()=>r(B.Wrapper,{})},B={Cell:l=>{let C=l,{snackID:t,secondsToClose:o=10,componentID:I=i.uuid.gen(),children:d,customChildren:e}=C,a=D(C,["snackID","secondsToClose","componentID","children","customChildren"]),[n]=f(I),[s,b]=f(!1);h(()=>{let v=w('[data-component-id="'+n+'"]');setTimeout(()=>{v.addClass(k("FadeIn"))},10),p.set({["Snackbar-"+t]:{remove:()=>{v.addClass(k("FadeOut"))}}})},[]),h(()=>{i.interval.clear("Snackbar-"+n),s||setTimeout(()=>{i.interval.standBy("Snackbar-"+n,o*1e3,()=>{s||u.remove(t)})},100)},[s]);let g=r(_,{});return e?g=r(e,{close:()=>{u.remove(t)}}):g=F(R.Separate,{verticalAlign:"top",children:[r(x,{padding:["1/4",0],flexSizing:0,children:i.is.function(d)?r(d,{}):d}),r(A.Button.Clear.R,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(t)},children:r(E.Times,{})})]}),r(x,c(m({className:k("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:n,onMouseOver:()=>{b(!0)},onMouseOut:()=>{b(!1)}},a),{children:g}))},Wrapper:()=>{let[l,t]=f(i.uuid.gen()),[o,I]=f([]);h(()=>{p.set({["Snackbar-"+S.get().sessionUID]:{add:e=>{e.snackID=e.snackID||i.uuid.gen();let a=o.findIndex(n=>n.snackID==e.snackID);if(a==-1)o.unshift(c(m({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=c(m({},e),{snackID:e.snackID}),o=n}t(i.uuid.gen())},remove:e=>{let a=p.get("Snackbar-"+e);a&&a.remove&&(a.remove(),setTimeout(()=>{let n=o.findIndex(s=>s.snackID==e);if(n!=-1){let s=[...o];s.splice(n,1),I(s)}},210))}}})},[]);let d=o.map(e=>M(B.Cell,c(m({},e),{key:e.snackID})));return r(y,{className:["AMOTIFY_be",k("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
+ import{b as m,c,d as D}from"../chunk-C5N2D3ZX.js";import{Fragment as _,jsx as r,jsxs as F}from"react/jsx-runtime";import{createElement as M}from"react";import i from"@mingoo/jsmin";import{Config as S,useStore as p,$$fromRoot as w}from"../@utils";import{useState as f,useEffect as h}from"react";import x from"../atoms/Box";import y from"../atoms/Flex";import E from"../atoms/FAI";import R from"../mols/Row";import A from"./Button";import{SnackbarClasses as k}from"../@styles/componentClasses";const u={add:function(l){let t=p.get("Snackbar-"+S.get().sessionUID);return t&&t.add(l),this},remove:function(l){let t=p.get("Snackbar-"+S.get().sessionUID);return t&&t.remove(l),this},Wrapper:()=>r(B.Wrapper,{})},B={Cell:l=>{let C=l,{snackID:t,secondsToClose:o=10,componentID:I=i.uuid.gen(),children:d,customChildren:e}=C,a=D(C,["snackID","secondsToClose","componentID","children","customChildren"]),[n]=f(I),[s,b]=f(!1);h(()=>{let v=w('[data-component-id="'+n+'"]');setTimeout(()=>{v.addClass(k("FadeIn"))},10),p.set({["Snackbar-"+t]:{remove:()=>{v.addClass(k("FadeOut"))}}})},[]),h(()=>{i.interval.clear("Snackbar-"+n),s||setTimeout(()=>{i.interval.standBy("Snackbar-"+n,o*1e3,()=>{s||u.remove(t)})},100)},[s]);let g=r(_,{});return e?g=r(e,{close:()=>{u.remove(t)}}):g=F(R.Separate,{verticalAlign:"top",children:[r(x,{padding:["1/4",0],flexSizing:0,children:i.is.function(d)?r(d,{}):d}),r(A.Button.Clear.R,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(t)},children:r(E.Times,{})})]}),r(x,c(m({className:k("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:n,onMouseOver:()=>{b(!0)},onMouseOut:()=>{b(!1)}},a),{children:g}))},Wrapper:()=>{let[l,t]=f(i.uuid.gen()),[o,I]=f([]);h(()=>{p.set({["Snackbar-"+S.get().sessionUID]:{add:e=>{e.snackID=e.snackID||i.uuid.gen();let a=o.findIndex(n=>n.snackID==e.snackID);if(a==-1)o.unshift(c(m({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=c(m({},e),{snackID:e.snackID}),o=n}t(i.uuid.gen())},remove:e=>{let a=p.get("Snackbar-"+e);a&&a.remove&&(a.remove(),setTimeout(()=>{let n=o.findIndex(s=>s.snackID==e);if(n!=-1){let s=[...o];s.splice(n,1),I(s)}},210))}}})},[]);let d=o.map(e=>M(B.Cell,c(m({},e),{key:e.snackID})));return r(y,{className:["AMOTIFY_be",k("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 +1 @@
1
- import{b as f,c as T,d as k}from"../chunk-VY3566IV.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as h,useStore as X}from"../@utils";import R from"../atoms/Box";import j from"../atoms/Flex";import{LayoutClasses as a}from"../@styles/componentClasses";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:x=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({["SwipeTimer-"+w]:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,x.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let v=p.index==-1?x.length-1:0;y({eventType:"adjustLoop",index:v})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let v=p.index+1;!i&&v>x.length-1&&(v=0),y({eventType:"usr",index:v})}))},[p]);let S=x.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:x.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
1
+ import{b as f,c as T,d as k}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as h,useStore as X}from"../@utils";import R from"../atoms/Box";import j from"../atoms/Flex";import{LayoutClasses as a}from"../@styles/componentClasses";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:x=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({["SwipeTimer-"+w]:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,x.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let v=p.index==-1?x.length-1:0;y({eventType:"adjustLoop",index:v})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let v=p.index+1;!i&&v>x.length-1&&(v=0),y({eventType:"usr",index:v})}))},[p]);let S=x.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:x.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
package/dist/fn/TabBar.js CHANGED
@@ -1 +1 @@
1
- import{b as t,c as l,d as m}from"../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as c}from"react";import s from"../atoms/Box";import x from"../atoms/Flex";import v from"./Input";const f=u=>{let i=u,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return c(()=>{n&&n()},[]),a(x,l(t({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:t({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(s,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,o)=>({value:o,label:e})),onUpdateValidValue:e=>{let o=e.value[0];r&&r(o)}})})}))};export{f as TabBar,f as default};
1
+ import{b as t,c as l,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as c}from"react";import s from"../atoms/Box";import x from"../atoms/Flex";import v from"./Input";const f=u=>{let i=u,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return c(()=>{n&&n()},[]),a(x,l(t({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:t({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(s,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,o)=>({value:o,label:e})),onUpdateValidValue:e=>{let o=e.value[0];r&&r(o)}})})}))};export{f as TabBar,f as default};
@@ -1 +1 @@
1
- import{b as s,c as R,d as q}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as o,jsxs as _}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import O 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 T 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 ae}from"@fortawesome/free-solid-svg-icons/faFilter";import x from"./Parts";import oe from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as m}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:a}=e,[S,y]=u.current,h=[],c=[...e.head];e.checker&&h.push(o(x.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:[m("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:!1,onUpdateValidValue:({value:n})=>{let g=e.rows;g.forEach(C=>{C.checked=n}),r(R(s({},e),{rows:g}))}})})}),-1));for(let n=0;n<e.colLength;n++){let g=c[n];if(!g)continue;let C=g.children||g.data,l=u.enabled&&u.column[n],d=a.enabled&&a.column[n],p=l?o(K,{fontSize:"1.mini",fontColor:n==S?"1.clear":"5.translucent",icon:n==S?y=="DESC"?te:ee:re}):null,P=o(W,{});if(d){let L=i.map(B=>{var N;return(N=B[n])==null?void 0:N.data});L=[...new Set(L)].order({direction:"ASC"});let v=a.current[n];if(v){let B=L.filter(D=>!v.includes(D)),N=[];L.forEach(D=>{D&&N.push({value:D,label:o(O,{flexSizing:"auto",children:D})})});let j="BUTTON-"+e.componentID+"-"+n,J=e.componentID+"-"+n,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:_(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[o(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:o(T.Checkbox,{tone:"cloud",icon:!0,value:B,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+n+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:D})=>{let H=L.filter(Q=>!D.includes(Q)),$=s({},e);$.filter.current[n]=H,r($)}})}),_(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[o(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),o(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let D=[];v.length||(D=L);let H=s({},e);H.filter.current[n]=D,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh(X,!0),P=o(O,{className:m("FilterRegion"),children:o(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:m("Filtering_"+!!v.length),id:j,onClick:D=>{D.stopPropagation(),U.open(X)},children:o(K,{icon:ae})})})}}g=R(s(s(s(s({},e.cellStyles),g),V({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1,rowIndex:0,colIndex:n,isBody:!1,isHeader:!0}):{}),{ssPushable:l,className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex,h.push(o(x.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},g),{freeCSS:s({zIndex:2},g.freeCSS),onClick:L=>{if(l){let v=s({},e),B=[n,S===n&&y=="ASC"?"DESC":"ASC"];v.order.current=B,r(v),e.onOrderChanged&&e.onOrderChanged(B)}},children:_(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[P,_(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})}),n))}return o(x.Row,{className:[m("Row"),m("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,a)=>{let S=[...u],y=[];e.checker&&y.push(o(x.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName].join(" "),children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:h})=>{let c=e.rows;c[a].checked=h,t.set_status(R(s({},e),{rows:c}))}})})}),-1)),S.forEach((h,c)=>{if(!h)return;let l=h,{type:n="td"}=l,g=q(l,["type"]);g=R(s(s(s(s({},e.cellStyles),g),V({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex;let C=x[n=="td"?"TD":"TH"];y.push(o(C,s({},g),c))}),i.push(o(x.Row,{className:[m("Row"),m("BodyRow")].join(" "),children:y,onClick:h=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),h)}},a))}),!r.length){let u=o(O,{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=o(W,{children:e.noRecords})),i.push(o(x.Row,{className:[m("Row"),m("BodyRow"),m("DataNotFound")].join(" "),children:o(x.TD,{colSpan:e.colLength,className:m("Cell"),children:u})},"dataNotFound"))}return o(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:a,paging:S}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],n=[...e.rows];if(i&&(h=y.filter(l=>(l.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),c=[...h],n=[...h]),u.enabled)for(let l=0;l<e.colLength;l++){let d=u.column[l],p=u.current[l];d&&p&&p.length&&(c=c.filter(P=>!p.includes(P[l].data)),n=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),n=[...c]);{let{currentPageIndex:l,rowLength:d}=S;n=[...n].splice((l-1)*d,d)}let g=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:y.length,pageRows:n.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[g]:{status:C,updatePageIndex:l=>{let d=Math.min(Math.max(1,l),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:l=>{let d=s({},e);d.paging={rowLength:l,currentPageIndex:1,pageLength:Math.ceil(c.length/l)},r(d)},updateKeyword:l=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=l,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let l=[...y];return a.enabled&&(l=l.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),l.forEach(d=>{d.currentPage=!1,d.filtered=!1}),n.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).currentPage=!0}),c.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).filtered=!0}),l}}}),G(()=>{let l=f.Propagations[e.tableID]||[];Object.keys(l).forEach(d=>{let p=k.get(d);p!=null&&p.refresh&&p.refresh()})}),o(O,{className:m("TableBase"),children:o(x.Table,{className:m("Table"),children:_(x.Body,{children:[o(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),o(f.Body,{val_status:e,set_status:r,PageRows:n})]})})})},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 a;return w.is.boolean(t.filter)?t.filter:(a=t.filter[u])!=null?a:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.order)?t.order:(a=t.order[u])!=null?a:!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 a=[];i.forEach((S,y)=>{let{data:h,children:c,orderIndex:n}=S;S.orderIndex=w.is.exist(n)?String(n):String(h),S.children=c||String(h),a.push(String(S.data))}),i.__sys4SearchKey=a.join("/")}),o(f.StateManager,s({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:a,order:S,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=F(w.uuid.gen()),n={tableID:t.tableID||c,componentID:c,colLength:e,checker:i,searchKeyword:u,filter:{enabled:a!==!1,column:a,current:Array.from({length:e},()=>[])},order:{enabled:S!==!1,column:S,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),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},[g,C]=F(n),[l,d]=F(t.eventID);return l!=t.eventID&&(d(t.eventID),C(n)),o(f.Core,{val_status:g,set_status:C})}},b={__memoryID:f.__memoryID,useStatus:t=>{var a;let[e]=F(w.uuid.gen()),[r,i]=F(w.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{i(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((a=k.get(u))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=b.useStatus(t.tableID);return e.tableComponentDidMount?o(T.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:o(T.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:o(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{b.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=b.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 _(A.Center,{children:[_(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",o(T.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{b.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),_(A.Right,{gap:"1/2",children:[o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){b.setPageIndex(t.tableID,e.paging.pageLength);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:o(K.ChevronLeft,{})}),o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){b.setPageIndex(t.tableID,1);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:o(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(a=>(i|=+(a==r),{value:a,label:a.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),_(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",o(T.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:a})=>{b.setRowLength(t.tableID,a)}})]})}},ne=t=>o(oe,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),I=ne;I.__memoryID=f.__memoryID,I.useStatus=b.useStatus,I.getRowData=b.getRowData,I.setPageIndex=b.setPageIndex,I.setRowLength=b.setRowLength,I.setSearchKeyword=b.setSearchKeyword,I.Info=z.Info,I.Paging=z.Paging,I.RowLength=z.RowLength,I.SearchInput=z.SearchInput;export{I as Data,I as default};
1
+ import{b as s,c as R,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as o,jsxs as _}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import O 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 T 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 ae}from"@fortawesome/free-solid-svg-icons/faFilter";import x from"./Parts";import oe from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as m}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:a}=e,[S,y]=u.current,h=[],c=[...e.head];e.checker&&h.push(o(x.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:[m("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:!1,onUpdateValidValue:({value:n})=>{let g=e.rows;g.forEach(C=>{C.checked=n}),r(R(s({},e),{rows:g}))}})})}),-1));for(let n=0;n<e.colLength;n++){let g=c[n];if(!g)continue;let C=g.children||g.data,l=u.enabled&&u.column[n],d=a.enabled&&a.column[n],p=l?o(K,{fontSize:"1.mini",fontColor:n==S?"1.clear":"5.translucent",icon:n==S?y=="DESC"?te:ee:re}):null,P=o(W,{});if(d){let L=i.map(B=>{var N;return(N=B[n])==null?void 0:N.data});L=[...new Set(L)].order({direction:"ASC"});let v=a.current[n];if(v){let B=L.filter(D=>!v.includes(D)),N=[];L.forEach(D=>{D&&N.push({value:D,label:o(O,{flexSizing:"auto",children:D})})});let j="BUTTON-"+e.componentID+"-"+n,J=e.componentID+"-"+n,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:_(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[o(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:o(T.Checkbox,{tone:"cloud",icon:!0,value:B,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+n+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:D})=>{let H=L.filter(Q=>!D.includes(Q)),$=s({},e);$.filter.current[n]=H,r($)}})}),_(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[o(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),o(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let D=[];v.length||(D=L);let H=s({},e);H.filter.current[n]=D,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh(X,!0),P=o(O,{className:m("FilterRegion"),children:o(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:m("Filtering_"+!!v.length),id:j,onClick:D=>{D.stopPropagation(),U.open(X)},children:o(K,{icon:ae})})})}}g=R(s(s(s(s({},e.cellStyles),g),V({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1,rowIndex:0,colIndex:n,isBody:!1,isHeader:!0}):{}),{ssPushable:l,className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex,h.push(o(x.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},g),{freeCSS:s({zIndex:2},g.freeCSS),onClick:L=>{if(l){let v=s({},e),B=[n,S===n&&y=="ASC"?"DESC":"ASC"];v.order.current=B,r(v),e.onOrderChanged&&e.onOrderChanged(B)}},children:_(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[P,_(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})}),n))}return o(x.Row,{className:[m("Row"),m("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,a)=>{let S=[...u],y=[];e.checker&&y.push(o(x.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName].join(" "),children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:h})=>{let c=e.rows;c[a].checked=h,t.set_status(R(s({},e),{rows:c}))}})})}),-1)),S.forEach((h,c)=>{if(!h)return;let l=h,{type:n="td"}=l,g=q(l,["type"]);g=R(s(s(s(s({},e.cellStyles),g),V({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex;let C=x[n=="td"?"TD":"TH"];y.push(o(C,s({},g),c))}),i.push(o(x.Row,{className:[m("Row"),m("BodyRow")].join(" "),children:y,onClick:h=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),h)}},a))}),!r.length){let u=o(O,{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=o(W,{children:e.noRecords})),i.push(o(x.Row,{className:[m("Row"),m("BodyRow"),m("DataNotFound")].join(" "),children:o(x.TD,{colSpan:e.colLength,className:m("Cell"),children:u})},"dataNotFound"))}return o(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:a,paging:S}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],n=[...e.rows];if(i&&(h=y.filter(l=>(l.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),c=[...h],n=[...h]),u.enabled)for(let l=0;l<e.colLength;l++){let d=u.column[l],p=u.current[l];d&&p&&p.length&&(c=c.filter(P=>!p.includes(P[l].data)),n=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),n=[...c]);{let{currentPageIndex:l,rowLength:d}=S;n=[...n].splice((l-1)*d,d)}let g=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:y.length,pageRows:n.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[g]:{status:C,updatePageIndex:l=>{let d=Math.min(Math.max(1,l),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:l=>{let d=s({},e);d.paging={rowLength:l,currentPageIndex:1,pageLength:Math.ceil(c.length/l)},r(d)},updateKeyword:l=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=l,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let l=[...y];return a.enabled&&(l=l.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),l.forEach(d=>{d.currentPage=!1,d.filtered=!1}),n.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).currentPage=!0}),c.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).filtered=!0}),l}}}),G(()=>{let l=f.Propagations[e.tableID]||[];Object.keys(l).forEach(d=>{let p=k.get(d);p!=null&&p.refresh&&p.refresh()})}),o(O,{className:m("TableBase"),children:o(x.Table,{className:m("Table"),children:_(x.Body,{children:[o(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),o(f.Body,{val_status:e,set_status:r,PageRows:n})]})})})},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 a;return w.is.boolean(t.filter)?t.filter:(a=t.filter[u])!=null?a:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.order)?t.order:(a=t.order[u])!=null?a:!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 a=[];i.forEach((S,y)=>{let{data:h,children:c,orderIndex:n}=S;S.orderIndex=w.is.exist(n)?String(n):String(h),S.children=c||String(h),a.push(String(S.data))}),i.__sys4SearchKey=a.join("/")}),o(f.StateManager,s({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:a,order:S,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=F(w.uuid.gen()),n={tableID:t.tableID||c,componentID:c,colLength:e,checker:i,searchKeyword:u,filter:{enabled:a!==!1,column:a,current:Array.from({length:e},()=>[])},order:{enabled:S!==!1,column:S,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),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},[g,C]=F(n),[l,d]=F(t.eventID);return l!=t.eventID&&(d(t.eventID),C(n)),o(f.Core,{val_status:g,set_status:C})}},b={__memoryID:f.__memoryID,useStatus:t=>{var a;let[e]=F(w.uuid.gen()),[r,i]=F(w.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{i(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((a=k.get(u))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=b.useStatus(t.tableID);return e.tableComponentDidMount?o(T.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:o(T.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:o(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{b.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=b.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 _(A.Center,{children:[_(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",o(T.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{b.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),_(A.Right,{gap:"1/2",children:[o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){b.setPageIndex(t.tableID,e.paging.pageLength);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:o(K.ChevronLeft,{})}),o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){b.setPageIndex(t.tableID,1);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:o(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(a=>(i|=+(a==r),{value:a,label:a.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),_(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",o(T.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:a})=>{b.setRowLength(t.tableID,a)}})]})}},ne=t=>o(oe,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),I=ne;I.__memoryID=f.__memoryID,I.useStatus=b.useStatus,I.getRowData=b.getRowData,I.setPageIndex=b.setPageIndex,I.setRowLength=b.setRowLength,I.setSearchKeyword=b.setSearchKeyword,I.Info=z.Info,I.Paging=z.Paging,I.RowLength=z.RowLength,I.SearchInput=z.SearchInput;export{I as Data,I as default};
@@ -1 +1 @@
1
- import{b as a,c as w,e as I}from"../../chunk-VY3566IV.js";import{Fragment as J,jsx as l,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import C from"@mingoo/jsmin";import{$$fromRoot as N,useStore as R}from"../../@utils";import v from"../../atoms/FAI";import M from"../Button";import L from"../Tooltips";import y from"./Parts";import z from"./Wrapper";import{faGripVertical as P}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as B}from"./cellStyling";import{TableClasses as g}from"../../@styles/componentClasses";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:m="",cellStylesCallback:s,colLength:n,head:o,rows:p}=e;if(!o)return null;let c=[];for(let i=0;i<n;i++){let u=o[i],D=y[u.type=="th"?"TH":"TD"];c.push(l(D,a(w(a(a(a({},t),B({top:!0,bottom:!p.length,left:i==0,right:i==n-1})),s?s({top:!0,bottom:!p.length,left:i==0,right:i==n-1,rowIndex:0,colIndex:i,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),m,u.className].join(" ")}),u),i))}return l(y.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:c})},BodyRows:e=>{let{cellStyles:t={},cellClassName:m="",cellStylesCallback:s,head:n,rows:o,colLength:p,onOrderChanged:c}=e,[i]=k(C.uuid.gen()),[u,D]=k({rows:o,origin:0,to:NaN}),S=[];if(u.rows.forEach((b,r)=>{let f=[];f.push(l(y.TH,w(a(a(a({padding:0,borderRight:!0},t),B({top:r==0&&!n,bottom:r==o.length-1,left:!0,right:!1})),s?s({top:r==0&&!n,bottom:r==o.length-1,left:!0,right:!1,rowIndex:r,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),m].join(" "),children:l(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:d=>{T.Start(d,{id:i,index:r,rows:u.rows,maxLength:o.length})},onTouchStart:d=>{T.Start(d,{id:i,index:r,rows:u.rows,maxLength:o.length})},children:l(v,{icon:P})})}),"DragOrigin")),b.forEach((d,h)=>{d=a({},d);let H=y[d.type=="th"?"TH":"TD"];f.push(l(H,a(w(a(a(a({},t),B({top:!!n&&!n.length,bottom:r==o.length-1,left:!1,right:h==p-2})),s?s({top:!!n&&!n.length,bottom:r==o.length-1,left:!1,right:h==p-2,rowIndex:r,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),m,d.className].join(" ")}),d),h))}),S.push(l(y.Row,{id:"TableRow-"+i+"-"+r,className:[g("Row"),g("BodyRow")].join(" "),children:f},r))}),!isNaN(u.to)){let{origin:b,to:r}=u,f=[];f.push(l(y.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),m].join(" "),children:l(v.ArrowRight,{fontColor:"theme"})},"dragButton")),u.rows[b].forEach((h,H)=>{h=a({},h);let $=y[h.type=="th"?"TH":"TD"];f.push(l($,a(w(a(a(a({},t),B({top:!1,bottom:!1,left:!1,right:!1})),s?s({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),m,h.className].join(" "),backgroundColor:"theme.opa.low"}),h)))}),S.splice(r,0,l(y.Row,{className:[g("Row"),g("Pre")].join(" "),children:f},"preSet"))}return x(()=>{R.set({[i]:{swap:(b,r)=>{if(r||r==0){let f=u.rows[b],d=[...u.rows];d.splice(b,1),d.splice(r-(b<r?1:0),0,f),D({rows:d,origin:0,to:NaN}),c(d.map(h=>JSON.parse(h.rowID)))}},preSet:b=>{let{origin:r,index:f}=b;D({rows:u.rows,origin:r,to:f})}}})}),x(()=>()=>{R.delete(i)},[]),l(J,{children:S})},Drag:e=>(e=a({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:l(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[l(v,{icon:P}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:l(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,m)=>(t.rowID=JSON.stringify(t.rowID||m),t)),l(y.Table,{className:g("Table"),children:j(y.Body,{children:[l(E.HeadRow,a({},e)),l(E.BodyRows,a({},e))]})}))},O=e=>l(z,w(a({type:"drag"},e),{JSXChildren:E.Drag})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:m,index:s,rows:n,maxLength:o}=t;N("#TableRow-"+m+"-"+s).addClass(g("DraggerOrigin")),C(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:p=>{T.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:p=>{T.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:p=>{T.End(p,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:p=>{T.End(p,t)}})})},Move:function(e,t){let{id:m,maxLength:s}=t,n=C.getCursor(e).y-C.getScreenSize().scrollY;for(let o=0;o<s;o++){let p=N("#TableRow-"+m+"-"+o),{top:c,bottom:i,height:u}=p.position();o==0&&n<c?t.insertIndex=0:o===s-1&&i<=n?t.insertIndex=s:n>=c&&n<i&&(t.insertIndex=o+1)}{let{index:o,insertIndex:p}=t,c=R.get(m);c&&c.preSet&&c.preSet({origin:o,index:p})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:m,index:s,insertIndex:n}=t,o=R.get(m);o&&o.swap&&o.swap(s,n),N("#TableRow-"+m+"-"+s).removeClass(g("DraggerOrigin")),C(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{O as Drag,O as default};
1
+ import{b as a,c as w,e as I}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as l,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import C from"@mingoo/jsmin";import{$$fromRoot as N,useStore as R}from"../../@utils";import v from"../../atoms/FAI";import M from"../Button";import L from"../Tooltips";import y from"./Parts";import z from"./Wrapper";import{faGripVertical as P}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as B}from"./cellStyling";import{TableClasses as g}from"../../@styles/componentClasses";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:m="",cellStylesCallback:s,colLength:n,head:o,rows:p}=e;if(!o)return null;let c=[];for(let i=0;i<n;i++){let u=o[i],D=y[u.type=="th"?"TH":"TD"];c.push(l(D,a(w(a(a(a({},t),B({top:!0,bottom:!p.length,left:i==0,right:i==n-1})),s?s({top:!0,bottom:!p.length,left:i==0,right:i==n-1,rowIndex:0,colIndex:i,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),m,u.className].join(" ")}),u),i))}return l(y.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:c})},BodyRows:e=>{let{cellStyles:t={},cellClassName:m="",cellStylesCallback:s,head:n,rows:o,colLength:p,onOrderChanged:c}=e,[i]=k(C.uuid.gen()),[u,D]=k({rows:o,origin:0,to:NaN}),S=[];if(u.rows.forEach((b,r)=>{let f=[];f.push(l(y.TH,w(a(a(a({padding:0,borderRight:!0},t),B({top:r==0&&!n,bottom:r==o.length-1,left:!0,right:!1})),s?s({top:r==0&&!n,bottom:r==o.length-1,left:!0,right:!1,rowIndex:r,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),m].join(" "),children:l(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:d=>{T.Start(d,{id:i,index:r,rows:u.rows,maxLength:o.length})},onTouchStart:d=>{T.Start(d,{id:i,index:r,rows:u.rows,maxLength:o.length})},children:l(v,{icon:P})})}),"DragOrigin")),b.forEach((d,h)=>{d=a({},d);let H=y[d.type=="th"?"TH":"TD"];f.push(l(H,a(w(a(a(a({},t),B({top:!!n&&!n.length,bottom:r==o.length-1,left:!1,right:h==p-2})),s?s({top:!!n&&!n.length,bottom:r==o.length-1,left:!1,right:h==p-2,rowIndex:r,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),m,d.className].join(" ")}),d),h))}),S.push(l(y.Row,{id:"TableRow-"+i+"-"+r,className:[g("Row"),g("BodyRow")].join(" "),children:f},r))}),!isNaN(u.to)){let{origin:b,to:r}=u,f=[];f.push(l(y.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),m].join(" "),children:l(v.ArrowRight,{fontColor:"theme"})},"dragButton")),u.rows[b].forEach((h,H)=>{h=a({},h);let $=y[h.type=="th"?"TH":"TD"];f.push(l($,a(w(a(a(a({},t),B({top:!1,bottom:!1,left:!1,right:!1})),s?s({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),m,h.className].join(" "),backgroundColor:"theme.opa.low"}),h)))}),S.splice(r,0,l(y.Row,{className:[g("Row"),g("Pre")].join(" "),children:f},"preSet"))}return x(()=>{R.set({[i]:{swap:(b,r)=>{if(r||r==0){let f=u.rows[b],d=[...u.rows];d.splice(b,1),d.splice(r-(b<r?1:0),0,f),D({rows:d,origin:0,to:NaN}),c(d.map(h=>JSON.parse(h.rowID)))}},preSet:b=>{let{origin:r,index:f}=b;D({rows:u.rows,origin:r,to:f})}}})}),x(()=>()=>{R.delete(i)},[]),l(J,{children:S})},Drag:e=>(e=a({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:l(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[l(v,{icon:P}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:l(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,m)=>(t.rowID=JSON.stringify(t.rowID||m),t)),l(y.Table,{className:g("Table"),children:j(y.Body,{children:[l(E.HeadRow,a({},e)),l(E.BodyRows,a({},e))]})}))},O=e=>l(z,w(a({type:"drag"},e),{JSXChildren:E.Drag})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:m,index:s,rows:n,maxLength:o}=t;N("#TableRow-"+m+"-"+s).addClass(g("DraggerOrigin")),C(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:p=>{T.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:p=>{T.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:p=>{T.End(p,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:p=>{T.End(p,t)}})})},Move:function(e,t){let{id:m,maxLength:s}=t,n=C.getCursor(e).y-C.getScreenSize().scrollY;for(let o=0;o<s;o++){let p=N("#TableRow-"+m+"-"+o),{top:c,bottom:i,height:u}=p.position();o==0&&n<c?t.insertIndex=0:o===s-1&&i<=n?t.insertIndex=s:n>=c&&n<i&&(t.insertIndex=o+1)}{let{index:o,insertIndex:p}=t,c=R.get(m);c&&c.preSet&&c.preSet({origin:o,index:p})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:m,index:s,insertIndex:n}=t,o=R.get(m);o&&o.swap&&o.swap(s,n),N("#TableRow-"+m+"-"+s).removeClass(g("DraggerOrigin")),C(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{O as Drag,O as default};
@@ -1 +1 @@
1
- import{b as e,c as f}from"../../chunk-VY3566IV.js";import{Fragment as B,jsx as a,jsxs as k}from"react/jsx-runtime";import i from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as c}from"./cellStyling";import{TableClasses as s}from"../../@styles/componentClasses";const b={HeadRow:l=>{let{cellStyles:r={},cellClassName:n="",cellStylesCallback:h,colLength:C,head:m,rows:R}=l;if(!m)return null;let u=[];return m.forEach((p,t)=>{let o=i[p.type=="th"?"TH":"TD"];u.push(a(o,e(f(e(e(e({},r),c({top:!0,bottom:!R.length,left:t==0,right:t==C-1})),h?h({top:!0,bottom:!R.length,left:t==0,right:t==C-1,rowIndex:0,colIndex:t,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),n,p.className].join(" ")}),p),t))}),a(i.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:u})},BodyRows:l=>{let{cellStyles:r={},cellClassName:n="",cellStylesCallback:h,head:C,rows:m,colLength:R,onRowClick:u}=l,p=[];return m.forEach((t,o)=>{let T=[];t.forEach((w,y)=>{let g=i[w.type=="th"?"TH":"TD"];T.push(a(g,e(f(e(e(e({},r),c({top:o==0&&!C,bottom:o==m.length-1,left:y==0,right:y==R-1})),h?h({top:o==0&&!C,bottom:o==m.length-1,left:y==0,right:y==R-1,rowIndex:o,colIndex:y,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),n,w.className].join(" ")}),w),y))}),p.push(a(i.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:T,onClick:w=>{u&&u(t.rowID,w)}},o))}),a(B,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,n)=>(r.rowID=r.rowID||n,r)),a(i.Table,{className:s("Table"),children:k(i.Body,{children:[a(b.HeadRow,e({},l)),a(b.BodyRows,e({},l))]})}))},N=l=>a(d,f(e({type:"normal"},l),{JSXChildren:b.Normal}));export{N as Normal,N as default};
1
+ import{b as e,c as f}from"../../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as a,jsxs as k}from"react/jsx-runtime";import i from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as c}from"./cellStyling";import{TableClasses as s}from"../../@styles/componentClasses";const b={HeadRow:l=>{let{cellStyles:r={},cellClassName:n="",cellStylesCallback:h,colLength:C,head:m,rows:R}=l;if(!m)return null;let u=[];return m.forEach((p,t)=>{let o=i[p.type=="th"?"TH":"TD"];u.push(a(o,e(f(e(e(e({},r),c({top:!0,bottom:!R.length,left:t==0,right:t==C-1})),h?h({top:!0,bottom:!R.length,left:t==0,right:t==C-1,rowIndex:0,colIndex:t,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),n,p.className].join(" ")}),p),t))}),a(i.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:u})},BodyRows:l=>{let{cellStyles:r={},cellClassName:n="",cellStylesCallback:h,head:C,rows:m,colLength:R,onRowClick:u}=l,p=[];return m.forEach((t,o)=>{let T=[];t.forEach((w,y)=>{let g=i[w.type=="th"?"TH":"TD"];T.push(a(g,e(f(e(e(e({},r),c({top:o==0&&!C,bottom:o==m.length-1,left:y==0,right:y==R-1})),h?h({top:o==0&&!C,bottom:o==m.length-1,left:y==0,right:y==R-1,rowIndex:o,colIndex:y,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),n,w.className].join(" ")}),w),y))}),p.push(a(i.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:T,onClick:w=>{u&&u(t.rowID,w)}},o))}),a(B,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,n)=>(r.rowID=r.rowID||n,r)),a(i.Table,{className:s("Table"),children:k(i.Body,{children:[a(b.HeadRow,e({},l)),a(b.BodyRows,e({},l))]})}))},N=l=>a(d,f(e({type:"normal"},l),{JSXChildren:b.Normal}));export{N as Normal,N as default};
@@ -1 +1 @@
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
+ import{b as t,c as r}from"../../chunk-C5N2D3ZX.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 +1 @@
1
- import{b as o,c as l,d as p}from"../../chunk-VY3566IV.js";import{jsx as s}from"react/jsx-runtime";import u from"@mingoo/jsmin";import{GenerateClassName as C}from"../../@utils";import c from"../../atoms/Box";import{DefaultCellStyles as T}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=o({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let t=l(o({tableID:e.tableID||u.uuid.gen(),tone:e.tone},e),{cellStyles:o(o({},T(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(t.backgroundColor=t.backgroundColor||"layer.1",t.borderRadius=t.borderRadius||"1.tone.primary");let a=C(t),{className:m,style:b}=a,d=p(a,["className","style"]),f=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!t.onRowClick)].join(" ");return s(c,{className:f,style:b,children:s(i,o({},d))})};export{n as Wrapper,n as default};
1
+ import{b as o,c as l,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as s}from"react/jsx-runtime";import u from"@mingoo/jsmin";import{GenerateClassName as C}from"../../@utils";import c from"../../atoms/Box";import{DefaultCellStyles as T}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=o({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let t=l(o({tableID:e.tableID||u.uuid.gen(),tone:e.tone},e),{cellStyles:o(o({},T(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(t.backgroundColor=t.backgroundColor||"layer.1",t.borderRadius=t.borderRadius||"1.tone.primary");let a=C(t),{className:m,style:b}=a,d=p(a,["className","style"]),f=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!t.onRowClick)].join(" ");return s(c,{className:f,style:b,children:s(i,o({},d))})};export{n as Wrapper,n as default};
@@ -1 +1 @@
1
- import{b as o}from"../../chunk-VY3566IV.js";const a=(t,e)=>{if(e=="plain")return{};let r={};return t=="drag"&&(r.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(r.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(r.borderRight="2.normal"),o({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},r)},b=t=>{let e={};return t.right&&(e.borderRight="unset"),t.top&&(t.left&&(e.borderTopLeftRadius="inherit"),t.right&&(e.borderTopRightRadius="inherit")),t.bottom&&(e.borderBottom="unset",t.left&&(e.borderBottomLeftRadius="inherit"),t.right&&(e.borderBottomRightRadius="inherit")),e};export{a as DefaultCellStyles,b as DefaultCellSystemStyles};
1
+ import{b as o}from"../../chunk-C5N2D3ZX.js";const a=(t,e)=>{if(e=="plain")return{};let r={};return t=="drag"&&(r.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(r.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(r.borderRight="2.normal"),o({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},r)},b=t=>{let e={};return t.right&&(e.borderRight="unset"),t.top&&(t.left&&(e.borderTopLeftRadius="inherit"),t.right&&(e.borderTopRightRadius="inherit")),t.bottom&&(e.borderBottom="unset",t.left&&(e.borderBottomLeftRadius="inherit"),t.right&&(e.borderBottomRightRadius="inherit")),e};export{a as DefaultCellStyles,b as DefaultCellSystemStyles};
@@ -1 +1 @@
1
- import"../../chunk-VY3566IV.js";import o from"./Parts";import r from"./Normal";import a from"./Drag";import p from"./Data";var t;(e=>(e.Normal=r,e.Data=p,e.Drag=a,e.Parts=o))(t||(t={}));export{t as Table,t as default};
1
+ import"../../chunk-C5N2D3ZX.js";import o from"./Parts";import r from"./Normal";import a from"./Drag";import p from"./Data";var t;(e=>(e.Normal=r,e.Data=p,e.Drag=a,e.Parts=o))(t||(t={}));export{t as Table,t as default};
@@ -1 +1 @@
1
- import{b as e,d as s}from"../chunk-VY3566IV.js";import{jsx as u}from"react/jsx-runtime";import p from"@mingoo/jsmin";import d from"../atoms/Box";import t from"./Sheet";const n={__memoryID:p.uuid.gen(),open:o=>{let r=o,{tipsID:i=p.uuid.gen(),tipsGroups:l=[]}=r,a=s(r,["tipsID","tipsGroups"]);t.open(e({sheetID:i,sheetGroups:["tooltips",...l],close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},o.close_option),type:"custom"},a))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>u(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{n as Tooltips,n as default};
1
+ import{b as e,d as s}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import p from"@mingoo/jsmin";import d from"../atoms/Box";import t from"./Sheet";const n={__memoryID:p.uuid.gen(),open:o=>{let r=o,{tipsID:i=p.uuid.gen(),tipsGroups:l=[]}=r,a=s(r,["tipsID","tipsGroups"]);t.open(e({sheetID:i,sheetGroups:["tooltips",...l],close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},o.close_option),type:"custom"},a))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>u(d,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/index.js CHANGED
@@ -1 +1 @@
1
- import{b as o}from"./chunk-VY3566IV.js";import*as m from"./@utils";export*from"./@utils";import*as t from"./atoms";export*from"./atoms";import*as f from"./mols";export*from"./mols";import*as p from"./orgs";export*from"./orgs";import*as s from"./temps";export*from"./temps";import*as a from"./fn";export*from"./fn";const r=o(o(o(o(o(o({},m),t),f),p),s),a);export{r as amotify,r as default};
1
+ import{b as o}from"./chunk-C5N2D3ZX.js";import*as m from"./@utils";export*from"./@utils";import*as t from"./atoms";export*from"./atoms";import*as f from"./mols";export*from"./mols";import*as p from"./orgs";export*from"./orgs";import*as s from"./temps";export*from"./temps";import*as a from"./fn";export*from"./fn";const r=o(o(o(o(o(o({},m),t),f),p),s),a);export{r as amotify,r as default};
@@ -1 +1 @@
1
- import{b as g,d as H}from"../chunk-VY3566IV.js";import{jsx as D}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as R}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as r,useStore as l}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(c.uuid.gen()),[p]=m(c.uuid.gen()),[s,a]=m(f);s!=f&&y&&a(f);const h=R(!1);return w(()=>{let n=r('[data-accordion-content-id="'+p+'"]')[0];if(n){let i=n.offsetHeight,e=0;x=="fast"?(e=i/1e3,e=Math.max(e,.2)):x=="slow"&&(e=i/300),r("#"+d).css({transition:e+"s"})}},[]),w(()=>{let n=r("#"+d),i=r('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(i){let e=i.offsetHeight;c.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let e=i.offsetHeight;c.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&l.set({["Accordion-"+t]:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!s)}}}),D(A,{className:[I("Wrap"),I("Open_"+s)].join(" "),id:d,children:D(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=l.get("Accordion-"+o);!t||t.open()},close:o=>{let t=l.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=l.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};
1
+ import{b as g,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as D}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as R}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as r,useStore as l}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(c.uuid.gen()),[p]=m(c.uuid.gen()),[s,a]=m(f);s!=f&&y&&a(f);const h=R(!1);return w(()=>{let n=r('[data-accordion-content-id="'+p+'"]')[0];if(n){let i=n.offsetHeight,e=0;x=="fast"?(e=i/1e3,e=Math.max(e,.2)):x=="slow"&&(e=i/300),r("#"+d).css({transition:e+"s"})}},[]),w(()=>{let n=r("#"+d),i=r('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(i){let e=i.offsetHeight;c.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let e=i.offsetHeight;c.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&l.set({["Accordion-"+t]:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!s)}}}),D(A,{className:[I("Wrap"),I("Open_"+s)].join(" "),id:d,children:D(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=l.get("Accordion-"+o);!t||t.open()},close:o=>{let t=l.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=l.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};
@@ -1 +1 @@
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
+ import{b as p}from"../chunk-C5N2D3ZX.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 +1 @@
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
+ import"../chunk-C5N2D3ZX.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};
package/dist/mols/List.js CHANGED
@@ -1 +1 @@
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:y}=o,c=r(o,["rows","rowStyles"]),m=i.map((f,u)=>{let l=f,{children:w}=l,h=r(l,["children"]);return a(p,t(e(e({},y),h),{children:w}),u)});return a(p,t(e({},c),{flexType:"col",children:m}))};export{s as List,s as default};
1
+ import{b as e,c as t,d as r}from"../chunk-C5N2D3ZX.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:y}=o,c=r(o,["rows","rowStyles"]),m=i.map((f,u)=>{let l=f,{children:w}=l,h=r(l,["children"]);return a(p,t(e(e({},y),h),{children:w}),u)});return a(p,t(e({},c),{flexType:"col",children:m}))};export{s as List,s as default};
package/dist/mols/Row.js CHANGED
@@ -1 +1 @@
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};
1
+ import{b as t}from"../chunk-C5N2D3ZX.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 +1 @@
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 i}from"../atoms/Span";const a={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(i,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}))};export{a as Text,a as default};
1
+ import{b as e,c as n}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{Box as p}from"../atoms/Box";import{Span as i}from"../atoms/Span";const a={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(i,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}))};export{a as Text,a as default};
@@ -1,2 +1,2 @@
1
- declare const DesignBook: () => import("react/jsx-runtime").JSX.Element;
1
+ declare let DesignBook: () => import("react/jsx-runtime").JSX.Element;
2
2
  export { DesignBook, DesignBook as default };