amotify 0.2.24 → 0.2.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +91 -91
- package/dist/@declares/property.d.ts +1 -2
- package/dist/@styles/componentClasses/index.css +1 -1
- package/dist/@styles/componentClasses/index.js +1 -1
- package/dist/@styles/index.css +1 -1
- package/dist/@styles/index.js +1 -1
- package/dist/@styles/style.css +1 -1
- package/dist/@styles/style.js +1 -1
- package/dist/@utils/GenerateClassName.d.ts +10 -5
- package/dist/@utils/GenerateClassName.js +1 -1
- package/dist/atoms/Box.js +1 -1
- package/dist/atoms/FAI.js +1 -1
- package/dist/atoms/Flex.js +1 -1
- package/dist/atoms/Grid.js +1 -1
- package/dist/atoms/Img.js +1 -1
- package/dist/atoms/Logo.js +4 -4
- package/dist/atoms/P.js +1 -1
- package/dist/atoms/Placeholder.js +1 -1
- package/dist/atoms/Span.js +1 -1
- package/dist/fn/Button.js +1 -1
- package/dist/fn/Cropper.d.ts +3 -0
- package/dist/fn/Cropper.js +1 -1
- package/dist/fn/Effect/Fade.js +1 -1
- package/dist/fn/Input/AutoHeightText.js +1 -1
- package/dist/fn/Input/Chips/Selector.js +1 -1
- package/dist/fn/Input/Chips/index.js +1 -1
- package/dist/fn/Input/Contenteditable.js +1 -1
- package/dist/fn/Input/DigitCharacters.js +1 -1
- package/dist/fn/Input/Filer.js +1 -1
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Parts.js +1 -1
- package/dist/fn/Input/Plain.js +1 -1
- package/dist/fn/Input/RichSelect.js +1 -1
- package/dist/fn/Input/Search.js +1 -1
- package/dist/fn/Input/Segmented.js +1 -1
- package/dist/fn/Input/Select.js +1 -1
- package/dist/fn/Input/Slider.js +1 -1
- package/dist/fn/Input/Switch.js +1 -1
- package/dist/fn/Input/Text.js +1 -1
- package/dist/fn/Input/TextArea.js +1 -1
- package/dist/fn/Input/Time/Picker.js +1 -1
- package/dist/fn/Input/Time/index.js +1 -1
- package/dist/fn/Input/core.d.ts +3 -3
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Input/index.d.ts +3 -3
- package/dist/fn/Loader/corner.js +1 -1
- package/dist/fn/Loader/mini.js +1 -1
- package/dist/fn/PageNotFound.js +1 -1
- package/dist/fn/Plate.js +1 -1
- package/dist/fn/RootViewController.js +1 -1
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/Snackbar.js +1 -1
- package/dist/fn/SwipeView.js +1 -1
- package/dist/fn/TabBar.js +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Table/Drag.js +1 -1
- package/dist/fn/Table/Normal.js +1 -1
- package/dist/fn/Table/Parts.js +1 -1
- package/dist/fn/Table/Wrapper.js +1 -1
- package/dist/fn/Tooltips.js +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/mols/Accordion.js +1 -1
- package/dist/mols/Column.js +1 -1
- package/dist/mols/List.js +1 -1
- package/dist/mols/Row.js +1 -1
- package/dist/mols/Text.js +1 -1
- package/dist/temps/designBook.js +20 -20
- package/package.json +2 -2
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c,e as x}from"../../chunk-C5N2D3ZX.js";import{jsx as S,jsxs as V}from"react/jsx-runtime";import{useState as E,useEffect as k}from"react";import
|
|
1
|
+
import{b as o,c as d,e as x}from"../../chunk-C5N2D3ZX.js";import{jsx as S,jsxs as V}from"react/jsx-runtime";import{useState as E,useEffect as k}from"react";import l from"@mingoo/jsmin";import{$$fromRoot as w,Config as F,useStore as v,GenerateHTMLProps as D}from"../../@utils";import{InputClasses as B}from"../../@styles/componentClasses";import _ from"../../atoms/Box";import P from"../../atoms/Flex";import R from"../../atoms/FAI";import N from"../../mols/Row";import L from"../../mols/Column";import O from"../Button";import T from"../Tooltips";const le=e=>{let[t]=E(e.componentID||l.uuid.gen());e=o({},e),e.states=d(o({enableFormSubmit:!0,status_id:l.uuid.gen(),override:"never",name:l.uuid.gen(),id:l.uuid.gen(),"aria-label":"Input-"+t},e.states),{componentID:t});let{children:a}=e;return S(a,o({},e.states))},se=e=>{let{children:t,val_status:a,set_status:r,val_validate:s,states:n}=e,{clearButton:i,rightIcon:u,leftIcon:f,wrapStyles:p}=n;return a.eventType=="init"&&!n.checkValidationAtFirst&&(s.notice=[]),V(N.Center,d(o({position:"relative",verticalAlign:"unset",gap:0},p),{freeCSS:p==null?void 0:p.freeCSS,className:B("Wrapper"),"data-notice-uid":a.componentID,children:[S(z,{notice:s.notice,val_status:a}),n.leftIndicator,V(P,{position:"relative",flexSizing:"auto",children:[f,t,i&&a.dataValue?S(O.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(g=>d(o({},g),{dataValue:"",formatValue:"",eventType:"update",eventID:l.uuid.gen()}))},children:S(R.Times,{})}):u]}),n.rightIndicator]}))},z=e=>{let{notice:t,val_status:a}=e,{componentID:r}=a,s="NoticeTimer-"+r,n="NoticeTimerClose-"+r,i="notice-tips-"+r;return l.interval.clear(s),l.interval.clear(n),l.interval.standBy(s,350,()=>{if(!t.length){T.close(i);return}T.open({tipsID:i,parent:`[data-notice-uid="${r}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:V(T.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[S(_,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),S(L,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:t.map((u,f)=>{let{type:p,label:g}=u,I=p=="invalid"?R.Times:p=="warn"?R.Exclamation:R.Check;return V(N.Left,{gap:0,borderRadius:"2.tone.secondary",children:[S(I,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[p]}),S(_,{fontColor:"white",children:g})]},f+"-"+JSON.stringify(u))})})]})})}),l.interval.standBy(n,6e3,()=>{T.close(i)}),null},ue=e=>{let{type:t,states:a,val_status:r,set_status:s,ExtraOverrideStates:n,ExtraStoreStates:i,val_validate:u,set_validate:f,DefaultValidation:p,onUpdateValue:g,onUpdateValidValue:I}=e;a=o({},a);let{componentID:b}=r;k(()=>(v.update({[b]:o({ResolveRefresh:null,Refresh:()=>new Promise((c,m)=>{v.get(b).ResolveRefresh=c,s(y=>d(o({},y),{eventType:"refresh",eventID:l.uuid.gen()}))}),GenNotice:c=>{let{ok:m,notice:y}=c;f({ok:m,notice:y})}},i)}),()=>{v.delete(b)}),[]),k(()=>{a.value=r.dataValue,l.interval.clear("ValidationTimer-"+b),A({val_status:r,set_validate:f,DefaultValidation:p,states:a})},[r.eventID]),(()=>{let{override:c}=a;if(c=="never"||c=="beforeModified"&&!["init","override"].includes(r.eventType))return;let m=v.get(r.componentID);m&&(a.value!=r.dataValue&&a.status_id!=m.status_id&&s(y=>d(o(d(o({},y),{dataValue:a.value}),n),{eventType:"override",eventID:l.uuid.gen()})),m.status_id=a.status_id)})(),k(()=>{let{componentID:c,eventType:m,dataValue:y}=r,C=y;if(t=="list"?C=y.map(h=>JSON.parse(h)):t=="select"||t=="richSelect"?C=JSON.parse(y):t=="file"&&v.update({[c]:{Files:r.dataValue}}),m=="refresh"){let h=v.get(c);h&&h.ResolveRefresh&&h.ResolveRefresh(null)}m=="update"&&(g&&g({componentID:c,value:C,storeData:v.get(c),eventType:m}),l.scope(()=>{u.ok&&I&&I({componentID:c,value:C,storeData:v.get(c),eventType:m})}))},[u])},A=e=>{let{val_status:t,states:a,set_validate:r,DefaultValidation:s}=e,n=s({value:t.dataValue,states:a});if(!n.ok){r(n);return}let i=n.notice;const u=()=>x(void 0,null,function*(){if(!a.onValidate)return;let f=yield a.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!f.ok){r({ok:!1,notice:[...i,...f.notice]});return}r({ok:!0,notice:[...i,...f.notice]})});a.onValidate?t.eventType=="refresh"?u():l.interval.standBy("ValidationTimer-"+t.componentID,450,u):r({ok:!0,notice:i})},de=e=>{let t=e.target,{form:a,formName:r}=t.dataset;a=r||a;let s=!1,n=w(`[data-form-submit-button="${a}"]`)[0];if(!n)return s;let i=n.dataset.sdfike||"",u=e.key,f=e.ctrlKey||e.metaKey;return l.scope(()=>{i.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||F.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(i.includes("enter")||i.includes("auxEnter")&&f)||u==" "&&i.includes("space"))&&(n.click(),e.preventDefault()),s=!0)}),s},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e=="border"?t=d(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=d(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=d(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.cellStyles=o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles),t=="normal"?(e=o({gap:"1/2"},e),e.cellStyles=o({isSemiBoldFont:!0},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud"},e.cellCheckedStyles)):(e=o({gap:"3/4"},e),e.cellStyles=o({boxShadow:"0.min"},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)))),D(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=K.Input(e.tone),a=d(o(o(o(o({fontColor:"2.normal"},t),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{className:[B("Input"),e.className].join(" ")});return D(a)},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=d(o({},t),{border:!0}):e=="cloud"?t=d(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=d(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{se as BoxWrapper,ue as CommonEffects,K as DefaultStyles,de as SubmitForm,A as ValidationCheck,le as Wrapper};
|
package/dist/fn/Input/index.d.ts
CHANGED
|
@@ -24,10 +24,10 @@ export declare namespace InputTypes {
|
|
|
24
24
|
onUpdateValue?: OnUpdateValue;
|
|
25
25
|
onUpdateValidValue?: OnUpdateValue;
|
|
26
26
|
};
|
|
27
|
-
type CoreInput = UniInput & {
|
|
27
|
+
type CoreInput = UniInput & TagProperty.States & {
|
|
28
28
|
className?: string;
|
|
29
|
-
wrapStyles?: TagProperty.
|
|
30
|
-
}
|
|
29
|
+
wrapStyles?: TagProperty.States;
|
|
30
|
+
};
|
|
31
31
|
namespace Validation {
|
|
32
32
|
type EventType = 'init' | 'update' | 'override' | 'refresh';
|
|
33
33
|
type Notice = {
|
package/dist/fn/Loader/corner.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../../chunk-C5N2D3ZX.js";import{jsx as
|
|
1
|
+
import"../../chunk-C5N2D3ZX.js";import{jsx as r,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 u=()=>{let[i,a]=d(!1);return c(()=>{l.set({["Loader-corner-"+n.get().sessionUID+"-corner"]:{active:()=>{a(!0)},stop:()=>{a(!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:[r(o,{className:e("Ld4")}),r(o,{className:e("Ld3")}),r(o,{className:e("Ld2")}),r(o,{className:e("Ld1")}),r(o,{className:e("Ld2")}),r(o,{className:e("Ld3")}),r(o,{className:e("Ld4")})]}),r(o,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading..."})]})};export{u as Corner};
|
package/dist/fn/Loader/mini.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
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 n=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=n,S=h(n,["color","size","showInitial","loaderID"]),[m]=l(C),[s]=l(y.uuid.gen()),[p,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[u];return g(()=>{let r=L('[data-component-id="'+s+'"]');p?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[p]),g(()=>{z.set({[s]:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),x(I.Center,f(d({className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:s,ssSphere:o,position:"relative"},S),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
|
package/dist/fn/PageNotFound.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunk-C5N2D3ZX.js";import{jsx as
|
|
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};
|
package/dist/fn/Plate.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as o,d as
|
|
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
|
|
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:t,sideNavigation:e,footerNavigation:i,children:n,className:a}=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=n;return x(_,m(p({className:[a,y("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},g),{children:[t,x(C,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[e,s(h,{className:y("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),i]}))},TopNavigation:o=>{let a=o,{className:t,children:e}=a,i=f(a,["className","children"]),[n]=S(r.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),s(C,m(p({"data-id":n,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},i),{id:"__RVC_TopNavigation",className:[t,y("TopNav")].join(" "),children:e}),n)},SideNavigation:o=>{let i=o,{className:t=""}=i,e=f(i,["className"]);return s(h,p({className:[t,y("SideNav")].join(" "),flexSizing:"none",minHeight:"sideNavigationHeight"},e))},FooterNavigation:o=>{let a=o,{className:t="",baseStyles:e}=a,i=f(a,["className","baseStyles"]),[n]=S(r.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),s(C,m(p({"data-id":n,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},e),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),t].join(" "),children:s(C,p({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:o=>{let d=o,{isActive:t,uri:e,uriGroup:i}=d,n=f(d,["isActive","uri","uriGroup"]),a=r.flatArray(i),g=location.pathname;{let l=!1;if(r.is.exist(e)&&r.is.string(e)){let u=[location.origin,e.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&a.length)for(let u of a)r.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);t=t!=null?t:l}return s(P.Button.Clear.R,p({isActive:t,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{r.is.exist(e)&&r.is.string(e)&&F.push(e,l.ctrlKey||l.metaKey)},color:"cloud",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},n))},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),t=v("#__RVC_TopNavigation"),e=t.position().height||0,i=e;t.getStyleProperty("position")!="sticky"&&(i=0),o.setStyleProperty("--topNavHeight",e+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let o=r(document.body),e=v("#__RVC_FooterNavigation").position().height||0;o.setStyleProperty("--footerNavHeight",e+"px")},reset:()=>{let o=r(document.body),t=v("#__RVC_TopNavigation"),e=v("#__RVC_FooterNavigation"),i=t.position().height||0,n=i,a=e.position().height||0;t.getStyleProperty("position")!="sticky"&&(n=0);let g=window.innerHeight,d=g-i-a;o.setStyleProperty("--topNavHeight",i+"px").setStyleProperty("--topBase",n+"px").setStyleProperty("--footerNavHeight",a+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
|
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as I,d as G}from"../chunk-C5N2D3ZX.js";import{jsx as p,jsxs as X}from"react/jsx-runtime";import r from"@mingoo/jsmin";import{useState as N,useEffect as U,useRef as re}from"react";import{$$fromRoot as F,Config as $,useStore as T}from"../@utils";import E from"../atoms/Box";import ee from"../atoms/Img";import se from"../atoms/FAI";import ne from"../atoms/Flex";import K from"../mols/Column";import J from"../mols/Row";import te from"./Button";import ae from"./SwipeView";import le from"./Input";import{SheetClasses as a}from"../@styles/componentClasses";const C={currentIndex:0,contents:{},addNewSheet:function(e){let t=I(n({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||r.uuid.gen(),close_option:n({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)});if(t.type=="custom"&&(t.parent=t.parent||t.event.currentTarget),this.contents[t.sheetID]){let c=T.get(t.sheetID);c&&c.refresh&&c.refresh(t,!0);return}this.contents[t.sheetID]={isOpen:!0,hold_state:!!t.hold_state,p:t,created_at:r.Time()};let s=T.get("Sheet-"+$.get().sessionUID);s&&s.refresh()},Wrapper:()=>{let[e,t]=N(r.uuid.gen());U(()=>{T.set({["Sheet-"+$.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r($.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(c){let{key:l,metaKey:m}=c;if(l=="Escape"||l==","&&m){let f=Object.values(C.contents).filter(d=>d.isOpen);if(!f.length)return;let o=f.reduce((d,b)=>d.created_at.value>b.created_at.value?d:b);A.close(o.p.sheetID,l)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(c){var f;let l=Object.values(C.contents).filter(o=>o.p.type=="custom");!l.length||l.find(o=>{let{p:d}=o,b=d.parent,x=c.target,y=F(b)[0];return!!(b==x||y===x||r(y).find(x).length)})||(f=c.target)!=null&&f.closest("."+a("CustomSheet"))||l.forEach(o=>{var d;(d=o.p.close_option)!=null&&d.aroundClick&&A.close(o.p.sheetID)})}})},[]);let s=Object.entries(C.contents).map(([c,l])=>p(E,{id:"Sheet-"+c,children:p(C.Core,n({isOpen:l.isOpen},l.p),c)},c));return p(E,{className:["AMOTIFY_be",a("Wrapper")].join(" "),children:s})},Core:e=>{var j;let[t]=N(r.uuid.gen()),[s,c]=N(e),[l,m]=N(e.isOpen),{type:f,sheetID:o,openAfter:d,closeAfter:b}=s,x=!s.overwrap,y=C.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"}[f]];U(()=>{T.set({[o]:{refresh:(v,i)=>{c(v),m(i!=null?i:!1)},resize:v=>{if(f=="drawer.bottom"){let i=T.get(t);i&&i.resize&&i.resize(v)}else(s.type.includes("normal")||s.type.includes("drawer"))&&c(i=>I(n({},i),{size:v}))},close:v=>{C.contents[o].isOpen=!1,m(!1)},open:()=>{C.contents[o].isOpen=!0,m(!0)}}})}),U(()=>{r.scope(()=>{if(!x||!s.backgroundEffect)return;let v=Object.values(C.contents).filter(R=>R.isOpen&&!R.p.overwrap&&R.p.type!="custom").length,i=F(".AMOTIFY_be_root");if(l){if(i.hasClass(a("FixScroll")))return;let R=r("html"),z=0;v==1&&(z=R[0].scrollTop|0,c(S=>I(n({},S),{bodyScrolls:z}))),$.get().isPhone||(R[0].scrollTop=0,i.addClass(a("FixScroll")).callback(S=>{S[0].scrollTop=z}).await(40).addClass(a("Float")));return}$.get().isPhone||v==0&&i.hasClass(a("FixScroll"))&&i.removeClass(a("Float")).await(251).removeClass(a("FixScroll")).callback(()=>{r("html")[0].scrollTop=s.bodyScrolls||0,i[0].scrollTop=0})}),r.scope(()=>{let v=F("#"+t);if(l){v.await(10).removeClass(a("Hide")).await(10).addClass(a("Open")).callback(()=>{C.contents[o].isOpen=!0,d&&d()});return}v.await(10).removeClass(a("Open")).await(251).addClass(a("Hide")).callback(()=>{if(!b||b(),C.contents[o].isOpen=!1,s.hold_state)return;delete C.contents[o];let i=T.get("Sheet-"+$.get().sessionUID);i&&i.refresh()})})},[l]),U(()=>{C.currentIndex++;let{close_option:v}=s;r.scope(()=>{if(!(v!=null&&v.parentBlur))return;let i=r(s.parent);i[0]&&i.addEvent({eventID:"SheetClosation-"+o,eventType:"mouseout",callback:()=>{i.removeEvent("SheetClosation-"+o),m(!1)}})})},[]);let[P,Y]=f.split(".");return p(E,{className:[a("Wrap"),a("Tcate_"+P),a("Tpos_"+Y),a("isNewSheet_"+x)].join(" "),styles:{width:1,height:0,ssAbsoluteCovered:!0},freeCSS:{zIndex:C.currentIndex+1},id:t,children:X(K,{className:a("Content"),styles:{gap:0,height:"viewHeight",overflow:"auto",transition:"middle"},children:[!!x&&p(C.TapSensor,{sheetID:o,delegateAroundClick:(j=s.close_option)==null?void 0:j.aroundClick}),p(y,n({componentID:t},s))]})},t)},Types:{Normal:e=>{let W=e,{sheetID:t,sheetGroups:s,bodyScrolls:c,content:l,className:m="",type:f,size:o="R",freeCSS:d,openAfter:b,closeAfter:x,close_option:y,hold_state:P,overwrap:Y,isOpen:j,backgroundEffect:v,styles:i}=W,R=G(W,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect","styles"]),[z,S]=f.split("."),w={},_=[];return S.match(/top/)?(_.push("top"),w.marginBottom="auto"):S.match(/middle/)?(_.push("center"),w.marginTop="auto",w.marginBottom="auto"):S.match(/bottom/)&&(_.push("bottom"),w.marginTop="auto"),S.match(/left/i)?(_.push("left"),w.marginRight="auto"):S.match(/center/i)?(_.push("center"),w.marginLeft="auto",w.marginRight="auto"):S.match(/right/i)&&(_.push("right"),w.marginLeft="auto"),p(E,I(n({className:[a("BB"),m].join(" ")},R),{styles:n(n({padding:1,transition:"long",opacity:"trans"},w),i),freeCSS:n({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:_.join(" ")},d),children:r.is.function(l)?p(l,{}):l}))},Edge:e=>{let z=e,{sheetID:t,sheetGroups:s,bodyScrolls:c,type:l,content:m,className:f="",size:o="R",freeCSS:d,openAfter:b,closeAfter:x,close_option:y,hold_state:P,overwrap:Y,isOpen:j,backgroundEffect:v,styles:i}=z,R=G(z,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect","styles"]);return p(E,I(n({className:[a("BB"),f].join(" ")},R),{styles:n(I(n({},l=="drawer.right"?{marginLeft:"auto"}:l=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),i),freeCSS:n({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},d),children:r.is.function(m)?p(m,{}):m}))},Bottom:e=>{let V=e,{componentID:t,sheetID:s,sheetGroups:c,bodyScrolls:l,content:m,size:f="R",sizeChanged:o,baseStyles:d,openAfter:b,closeAfter:x,close_option:{swipeDown:y=!0}={},hold_state:P,overwrap:Y,isOpen:j,backgroundEffect:v,styles:i}=V,R=G(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect","styles"]),z=r.getScreenSize(),S=[0,.2,.6,.95],w={ZERO:0,S:1,R:2,L:3},[_,W]=N(f),[O,H]=N({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:S[w[f]]});T.update({[t]:{val_edit:O,resize:D=>{let u=S[w[D]];H(h=>I(n({},h),{value:u})),W(D)}}});const M={Start:D=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:M.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:M.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:M.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:M.End});let u=r.getCursor(D),h=I(n({},O),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:O.value,viewHeight:r.getScreenSize().height});T.update({[t]:{val_edit:h}}),H(h)},Move:D=>{var B;let u=(B=T.get(t))==null?void 0:B.val_edit;if(!u.process)return;let L=(r.getCursor(D).y-u.originY)/u.viewHeight,g=u.originValue-L;if(g>.95)g=.95+(g-.95)*.5;else if(g<.2){let k=.2-g;k-=.1,g=.1+(.1-k)*.5}H(I(n({},u),{value:g}))},End:D=>{var g;let u=(g=T.get(t))==null?void 0:g.val_edit;if(!u.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(u.value<.1||(u.value<.5?h=1:u.value>.75?h=3:h=2),new Date().getTime()-u.processStart<300){let B=r.getCursor(D).y-u.originY;if(Math.abs(B)>=20){let k=+(B<0)*2-1;h+=k,h=Math.min(Math.max(h,0),S.length-1)}}h==0&&(y||(h=1)),W(["ZERO","S","R","L"][h]),H(I(n({},u),{value:S[h],process:!1}))}},Z=re(!1);return U(()=>{Z.current?_=="ZERO"?y&&A.close(s):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(_)},250):Z.current=!0},[_]),p(E,{className:a("BB"),styles:{margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long"},freeCSS:n({maxWidth:12*60,height:z.height*O.value},O.process?{transition:"0s"}:{}),children:X(K,{styles:n({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},d),children:[p(J.Separate,{styles:{padding:"1/2",backgroundColor:"layer.1",position:"relative"},freeCSS:{userSelect:"none"},children:p(J.Center,{onMouseDown:M.Start,onTouchStart:M.Start,styles:{flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0},freeCSS:{cursor:"grab",userSelect:"none"},children:p(E,{styles:{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0},className:a("DragBar")})})}),p(E,I(n({},R),{styles:n({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},i),children:r.is.function(m)?p(m,{}):m}))]})})},Custom:e=>{let D=e,{sheetID:t,sheetGroups:s,bodyScrolls:c,event:l,parent:m,nextToCursor:f,gravityPoint:o=22,content:d,close_option:b,hold_state:x,openAfter:y,closeAfter:P,overwrap:Y,isOpen:j,backgroundEffect:v,styles:i,freeCSS:R}=D,z=G(D,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect","styles","freeCSS"]),[S]=N(r.uuid.gen()),w=r.is.element(m)||r.is.jsmin(m)?r(m):F(m),_='[data-sheet-id="'+S+'"]',W='[data-sheet-content="'+S+'"]';o=o;let O=o%5||5,H=Math.ceil(o/5);const M=()=>{if(f&&l){let Q=r.getScreenSize(),q=r.getCursor(l);return{top:q.y-Q.pageYOffset,left:q.x-Q.pageXOffset}}let u={},{top:h,right:L,bottom:g,left:B,height:k,width:oe}=w.position();return[1,2].includes(O)?u.left=B:O==3?u.left=B+oe/2:[4,5].includes(O)&&(u.left=L),o<=10?u.top=h:o<=15?u.top=h+k/2:o<=25&&(u.top=g),u};let[Z,V]=N(M());return U(()=>{const u=h=>{let L=F(_).position(),g=F(W).position(),B=r.getScreenSize(),k=n({},h);return g.top<0&&(k.top=L.top-g.top),g.left<0&&(k.left=L.left-g.left),g.right>B.width&&(k.left=L.left-(g.right-B.width)),g.bottom>B.height&&(k.top=L.top-(g.bottom-B.height)),k};F(_).await(10).addClass(a("Open")).await(250).callback(()=>{V(h=>u(h))}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{V(h=>u(h))},200)}}})},[]),w[0]?p(E,{className:[a("BB"),a("CustomSheet")].join(" "),"data-sheet-id":S,styles:{transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0},freeCSS:Z,children:p(ne,{className:[a("GPT"),a("GPT_"+o),a("Col_"+O),a("Row_"+H)].join(" "),styles:{position:"absolute"},children:p(E,I(n({"data-sheet-content":S},z),{styles:n({flexSizing:"none",maxHeight:"viewHeight",overflow:"auto",padding:1},i),freeCSS:n({maxWidth:"98vw"},R),children:r.is.function(d)?p(d,{}):d}))})}):null}},TapSensor:e=>p(E,{className:a("TapSensor"),children:p(te.Button.Plain,{className:a("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&A.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},A={Wrapper:()=>p(C.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let s=e.sheetID||r.uuid.gen(),t=e,{type:c,src:l}=t,m=G(t,["type","src"]);A.open(I(n({type:"normal.topCenter"},m),{styles:n({backgroundColor:"trans"},m.styles),sheetID:s,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[f]=N(r.flatArray(l)),[o,d]=N(0),b=[],x=[];return f.forEach((y,P)=>{b.push({value:P,label:p(ee,{src:r.flatArray(y)[0],styles:{width:"auto",height:1},freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),x.push(p(ee,{styles:{width:1,height:"auto"},src:r.flatArray(y)[0]}))}),X(K,{styles:{gap:0},children:[X(J.Separate,{styles:{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary"},children:[p(le.Radio,{tone:"border",icon:!1,value:o,override:"force",styles:{horizontalAlign:"center"},onUpdateValidValue:({value:y})=>{d(y[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:b}),X(te.Button.Border.R,{color:"cloud",styles:{isRounded:!0},onClick:()=>{A.close(s)},children:["\u9589\u3058\u308B ",p(se.Times,{})]})]}),p(ae,{slideIndex:o,options:{loop:f.length>1,onSlideCallback:y=>{d(y)}},slides:x,wrapper:y=>p(E,{styles:{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary"},children:y})})]})}}));return}C.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let s=T.get(e.sheetID);s&&s.refresh&&s.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,s){var l;e=e==null?void 0:e.replace(/\./g,"-");let c=C.contents[e];if(c&&!(t=="Escape"&&!((l=c.p.close_option)!=null&&l.escapeKeyDown))){let{p:m}=c,{sheetID:f}=m,o=T.get(f);o&&o.close&&o.close(s)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[s,c]of Object.entries(C.contents))(t=c.p.sheetGroups)!=null&&t.includes(e)&&A.close(s)},closeAll:e=>{var t;for(let[s,c]of Object.entries(C.contents))e&&((t=c.p.close_option)==null?void 0:t.pageTransit)==!1||A.close(s,"pageTransit",!0)},Comps:{Body:e=>p(E,I(n({className:a("BaseBody")},e),{styles:n({backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e.styles)}))}};export{A as Sheet,A as default};
|
|
1
|
+
import{b as m,c as T,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as i,jsxs as X}from"react/jsx-runtime";import r from"@mingoo/jsmin";import{useState as O,useEffect as G,useRef as te}from"react";import{$$fromRoot as W,Config as U,useStore as x}from"../@utils";import z from"../atoms/Box";import q from"../atoms/Img";import oe from"../atoms/FAI";import re from"../atoms/Flex";import K from"../mols/Column";import Z from"../mols/Row";import ee from"./Button";import ne from"./SwipeView";import ae from"./Input";import{SheetClasses as s}from"../@styles/componentClasses";const C={currentIndex:0,contents:{},addNewSheet:function(e){let t=T(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)});if(t.type=="custom"&&(t.parent=t.parent||t.event.currentTarget),this.contents[t.sheetID]){let p=x.get(t.sheetID);p&&p.refresh&&p.refresh(t,!0);return}this.contents[t.sheetID]={isOpen:!0,hold_state:!!t.hold_state,p:t,created_at:r.Time()};let n=x.get("Sheet-"+U.get().sessionUID);n&&n.refresh()},Wrapper:()=>{let[e,t]=O(r.uuid.gen());G(()=>{x.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{t(r.uuid.gen())}}}),r(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:l,metaKey:c}=p;if(l=="Escape"||l==","&&c){let h=Object.values(C.contents).filter(d=>d.isOpen);if(!h.length)return;let o=h.reduce((d,I)=>d.created_at.value>I.created_at.value?d:I);N.close(o.p.sheetID,l)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){var h;let l=Object.values(C.contents).filter(o=>o.p.type=="custom");!l.length||l.find(o=>{let{p:d}=o,I=d.parent,R=p.target,S=W(I)[0];return!!(I==R||S===R||r(S).find(R).length)})||(h=p.target)!=null&&h.closest("."+s("CustomSheet"))||l.forEach(o=>{var d;(d=o.p.close_option)!=null&&d.aroundClick&&N.close(o.p.sheetID)})}})},[]);let n=Object.entries(C.contents).map(([p,l])=>i(z,{id:"Sheet-"+p,children:i(C.Core,m({isOpen:l.isOpen},l.p),p)},p));return i(z,{className:["AMOTIFY_be",s("Wrapper")].join(" "),children:n})},Core:e=>{var F;let[t]=O(r.uuid.gen()),[n,p]=O(e),[l,c]=O(e.isOpen),{type:h,sheetID:o,openAfter:d,closeAfter:I}=n,R=!n.overwrap,S=C.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[h]];G(()=>{x.set({[o]:{refresh:(g,a)=>{p(g),c(a!=null?a:!1)},resize:g=>{if(h=="drawer.bottom"){let a=x.get(t);a&&a.resize&&a.resize(g)}else(n.type.includes("normal")||n.type.includes("drawer"))&&p(a=>T(m({},a),{size:g}))},close:g=>{C.contents[o].isOpen=!1,c(!1)},open:()=>{C.contents[o].isOpen=!0,c(!0)}}})}),G(()=>{r.scope(()=>{if(!R||!n.backgroundEffect)return;let g=Object.values(C.contents).filter(_=>_.isOpen&&!_.p.overwrap&&_.p.type!="custom").length,a=W(".AMOTIFY_be_root");if(l){if(a.hasClass(s("FixScroll")))return;let _=r("html"),b=0;g==1&&(b=_[0].scrollTop|0,p(v=>T(m({},v),{bodyScrolls:b}))),U.get().isPhone||(_[0].scrollTop=0,a.addClass(s("FixScroll")).callback(v=>{v[0].scrollTop=b}).await(40).addClass(s("Float")));return}U.get().isPhone||g==0&&a.hasClass(s("FixScroll"))&&a.removeClass(s("Float")).await(251).removeClass(s("FixScroll")).callback(()=>{r("html")[0].scrollTop=n.bodyScrolls||0,a[0].scrollTop=0})}),r.scope(()=>{let g=W("#"+t);if(l){g.await(10).removeClass(s("Hide")).await(10).addClass(s("Open")).callback(()=>{C.contents[o].isOpen=!0,d&&d()});return}g.await(10).removeClass(s("Open")).await(251).addClass(s("Hide")).callback(()=>{if(!I||I(),C.contents[o].isOpen=!1,n.hold_state)return;delete C.contents[o];let a=x.get("Sheet-"+U.get().sessionUID);a&&a.refresh()})})},[l]),G(()=>{C.currentIndex++;let{close_option:g}=n;r.scope(()=>{if(!(g!=null&&g.parentBlur))return;let a=r(n.parent);a[0]&&a.addEvent({eventID:"SheetClosation-"+o,eventType:"mouseout",callback:()=>{a.removeEvent("SheetClosation-"+o),c(!1)}})})},[]);let[L,$]=h.split(".");return i(z,{className:[s("Wrap"),s("Tcate_"+L),s("Tpos_"+$),s("isNewSheet_"+R)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:C.currentIndex+1},id:t,children:X(K,{className:s("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!R&&i(C.TapSensor,{sheetID:o,delegateAroundClick:(F=n.close_option)==null?void 0:F.aroundClick}),i(S,m({componentID:t},n))]})},t)},Types:{Normal:e=>{let D=e,{sheetID:t,sheetGroups:n,bodyScrolls:p,content:l,className:c="",type:h,size:o="R",freeCSS:d,openAfter:I,closeAfter:R,close_option:S,hold_state:L,overwrap:$,isOpen:F,backgroundEffect:g}=D,a=H(D,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[_,b]=h.split("."),v={},B=[];return b.match(/top/)?(B.push("top"),v.marginBottom="auto"):b.match(/middle/)?(B.push("center"),v.marginTop="auto",v.marginBottom="auto"):b.match(/bottom/)&&(B.push("bottom"),v.marginTop="auto"),b.match(/left/i)?(B.push("left"),v.marginRight="auto"):b.match(/center/i)?(B.push("center"),v.marginLeft="auto",v.marginRight="auto"):b.match(/right/i)&&(B.push("right"),v.marginLeft="auto"),i(z,T(m(m({className:[s("BB"),c].join(" "),padding:1,transition:"long",opacity:"trans"},a),v),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:B.join(" ")},d),children:r.is.function(l)?i(l,{}):l}))},Edge:e=>{let a=e,{sheetID:t,sheetGroups:n,bodyScrolls:p,type:l,content:c,className:h="",size:o="R",openAfter:d,closeAfter:I,close_option:R,hold_state:S,overwrap:L,isOpen:$,backgroundEffect:F}=a,g=H(a,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return i(z,T(m(T(m({className:[s("BB"),h].join(" ")},l=="drawer.right"?{marginLeft:"auto"}:l=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),g),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},g.freeCSS),children:r.is.function(c)?i(c,{}):c}))},Bottom:e=>{let V=e,{componentID:t,sheetID:n,sheetGroups:p,bodyScrolls:l,content:c,size:h="R",sizeChanged:o,baseStyles:d,openAfter:I,closeAfter:R,close_option:{swipeDown:S=!0}={},hold_state:L,overwrap:$,isOpen:F,backgroundEffect:g}=V,a=H(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),_=r.getScreenSize(),b=[0,.2,.6,.95],v={ZERO:0,S:1,R:2,L:3},[B,D]=O(h),[M,j]=O({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[v[h]]});x.update({[t]:{val_edit:M,resize:y=>{let u=b[v[y]];j(f=>T(m({},f),{value:u})),D(y)}}});const A={Start:y=>{r(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:A.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:A.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:A.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:A.End});let u=r.getCursor(y),f=T(m({},M),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:M.value,viewHeight:r.getScreenSize().height});x.update({[t]:{val_edit:f}}),j(f)},Move:y=>{var E;let u=(E=x.get(t))==null?void 0:E.val_edit;if(!u.process)return;let k=(r.getCursor(y).y-u.originY)/u.viewHeight,w=u.originValue-k;if(w>.95)w=.95+(w-.95)*.5;else if(w<.2){let P=.2-w;P-=.1,w=.1+(.1-P)*.5}j(T(m({},u),{value:w}))},End:y=>{var w;let u=(w=x.get(t))==null?void 0:w.val_edit;if(!u.process)return;r(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let f=0;if(u.value<.1||(u.value<.5?f=1:u.value>.75?f=3:f=2),new Date().getTime()-u.processStart<300){let E=r.getCursor(y).y-u.originY;if(Math.abs(E)>=20){let P=+(E<0)*2-1;f+=P,f=Math.min(Math.max(f,0),b.length-1)}}f==0&&(S||(f=1)),D(["ZERO","S","R","L"][f]),j(T(m({},u),{value:b[f],process:!1}))}},Y=te(!1);return G(()=>{Y.current?B=="ZERO"?S&&N.close(n):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(B)},250):Y.current=!0},[B]),i(z,{className:s("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:m({maxWidth:12*60,height:_.height*M.value},M.process?{transition:"0s"}:{}),children:X(K,T(m({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},d),{children:[i(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:i(Z.Center,{onMouseDown:A.Start,onTouchStart:A.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(z,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:s("DragBar")})})}),i(z,T(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},a),{children:r.is.function(c)?i(c,{}):c}))]}))})},Custom:e=>{let V=e,{sheetID:t,sheetGroups:n,bodyScrolls:p,event:l,parent:c,nextToCursor:h,gravityPoint:o=22,content:d,close_option:I,hold_state:R,openAfter:S,closeAfter:L,overwrap:$,isOpen:F,backgroundEffect:g}=V,a=H(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[_]=O(r.uuid.gen()),b=r.is.element(c)||r.is.jsmin(c)?r(c):W(c),v='[data-sheet-id="'+_+'"]',B='[data-sheet-content="'+_+'"]';o=o;let D=o%5||5,M=Math.ceil(o/5);const j=()=>{if(h&&l){let J=r.getScreenSize(),Q=r.getCursor(l);return{top:Q.y-J.pageYOffset,left:Q.x-J.pageXOffset}}let y={},{top:u,right:f,bottom:k,left:w,height:E,width:P}=b.position();return[1,2].includes(D)?y.left=w:D==3?y.left=w+P/2:[4,5].includes(D)&&(y.left=f),o<=10?y.top=u:o<=15?y.top=u+E/2:o<=25&&(y.top=k),y};let[A,Y]=O(j());return G(()=>{const y=u=>{let f=W(v).position(),k=W(B).position(),w=r.getScreenSize(),E=m({},u);return k.top<0&&(E.top=f.top-k.top),k.left<0&&(E.left=f.left-k.left),k.right>w.width&&(E.left=f.left-(k.right-w.width)),k.bottom>w.height&&(E.top=f.top-(k.bottom-w.height)),E};W(v).await(10).addClass(s("Open")).await(250).callback(()=>{Y(u=>y(u))}),x.update({["customSheet-"+e.sheetID]:{reposition:()=>{setTimeout(()=>{Y(u=>y(u))},200)}}})},[]),b[0]?i(z,{className:[s("BB"),s("CustomSheet")].join(" "),"data-sheet-id":_,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:A,children:i(re,{position:"absolute",className:[s("GPT"),s("GPT_"+o),s("Col_"+D),s("Row_"+M)].join(" "),children:i(z,T(m({"data-sheet-content":_,flexSizing:"none",maxHeight:"viewHeight",overflow:"auto",padding:1},a),{freeCSS:m({maxWidth:"98vw"},a.freeCSS),children:r.is.function(d)?i(d,{}):d}))})}):null}},TapSensor:e=>i(z,{className:s("TapSensor"),children:i(ee.Button.Plain,{className:s("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&N.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>i(C.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let n=e.sheetID||r.uuid.gen(),t=e,{type:p,src:l}=t,c=H(t,["type","src"]);N.open(T(m({type:"normal.topCenter",backgroundColor:"trans"},c),{sheetID:n,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[h]=O(r.flatArray(l)),[o,d]=O(0),I=[],R=[];return h.forEach((S,L)=>{I.push({value:L,label:i(q,{src:r.flatArray(S)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),R.push(i(q,{width:1,height:"auto",src:r.flatArray(S)[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(ae.Radio,{tone:"border",icon:!1,value:o,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:S})=>{d(S[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:I}),i(ee.Button.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{N.close(n)},children:X(Z.Center,{gap:"1/3",children:["\u9589\u3058\u308B",i(oe.Times,{})]})})]}),i(ne,{slideIndex:o,options:{loop:h.length>1,onSlideCallback:S=>{d(S)}},slides:R,wrapper:S=>i(z,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:S})})]})}}));return}C.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let n=x.get(e.sheetID);n&&n.refresh&&n.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=x.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=x.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,n){var l;e=e==null?void 0:e.replace(/\./g,"-");let p=C.contents[e];if(p&&!(t=="Escape"&&!((l=p.p.close_option)!=null&&l.escapeKeyDown))){let{p:c}=p,{sheetID:h}=c,o=x.get(h);o&&o.close&&o.close(n)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[n,p]of Object.entries(C.contents))(t=p.p.sheetGroups)!=null&&t.includes(e)&&N.close(n)},closeAll:e=>{var t;for(let[n,p]of Object.entries(C.contents))e&&((t=p.p.close_option)==null?void 0:t.pageTransit)==!1||N.close(n,"pageTransit",!0)},Comps:{Body:e=>i(z,m({className:s("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{N as Sheet,N as default};
|
package/dist/fn/Snackbar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as c,c as p,d as D}from"../chunk-C5N2D3ZX.js";import{Fragment as T,jsx as r,jsxs as F}from"react/jsx-runtime";import{createElement as _}from"react";import l from"@mingoo/jsmin";import{Config as h,useStore as u,$$fromRoot as w}from"../@utils";import{useState as k,useEffect as C}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 I}from"../@styles/componentClasses";const f={add:function(s){let t=u.get("Snackbar-"+h.get().sessionUID);return t&&t.add(s),this},remove:function(s){let t=u.get("Snackbar-"+h.get().sessionUID);return t&&t.remove(s),this},Wrapper:()=>r(B.Wrapper,{})},B={Cell:s=>{let b=s,{snackID:t,secondsToClose:o,componentID:g=l.uuid.gen(),children:d,customChildren:e}=b,a=D(b,["snackID","secondsToClose","componentID","children","customChildren"]),[n]=k(g),[i,m]=k(s.secondsToClose||10);C(()=>{let v=w('[data-component-id="'+n+'"]');setTimeout(()=>{v.addClass(I("FadeIn"))},10),u.set({["Snackbar-"+t]:{remove:()=>{v.addClass(I("FadeOut"))}}})},[]),C(()=>{l.interval.clear("Snackbar-"+n),l.interval.standBy("Snackbar-"+n,1e3,()=>{i<=0||m(i-1)}),i===0&&f.remove(t)},[i]);let S=r(T,{});return e?S=r(e,{close:()=>{f.remove(t)}}):S=F(R.Separate,{verticalAlign:"top",children:[r(x,{padding:["1/4",0],flexSizing:0,children:l.is.function(d)?r(d,{}):d}),r(A.Button.Clear.R,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{f.remove(t)},children:r(E.Times,{})})]}),r(x,p(c({className:I("Cell"),componentID:n,onMouseOver:()=>{m(-1)},onMouseOut:()=>{m(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},a),{children:S}))},Wrapper:()=>{let[s,t]=k(l.uuid.gen()),[o,g]=k([]);C(()=>{u.set({["Snackbar-"+h.get().sessionUID]:{add:e=>{e.snackID=e.snackID||l.uuid.gen();let a=o.findIndex(n=>n.snackID==e.snackID);if(a==-1)o.unshift(p(c({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=p(c({},e),{snackID:e.snackID}),o=n}t(l.uuid.gen())},remove:e=>{let a=u.get("Snackbar-"+e);a&&a.remove&&(a.remove(),setTimeout(()=>{let n=o.findIndex(m=>m.snackID==e);if(n==-1)return;let i=[...o];i.splice(n,1),g(i)},210))}}})},[o.length]);let d=o.map(e=>_(B.Cell,p(c({},e),{key:e.snackID})));return r(y,{className:["AMOTIFY_be",I("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:d})}};export{f as Snackbar,f as default};
|
package/dist/fn/SwipeView.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
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=[],slideIndex:_}=D,E=k(D,["options","wrapper","slides","slideIndex"]),[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
|
|
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",gap:0,override:"force",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};
|
package/dist/fn/Table/Data.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as R,d as Q}from"../../chunk-C5N2D3ZX.js";import{Fragment as j,jsx as o,jsxs as P}from"react/jsx-runtime";import{useState as F,useEffect as Y}from"react";import w from"@mingoo/jsmin";import{useStore as _}from"../../@utils";import O from"../../atoms/Box";import M from"../../atoms/Flex";import K from"../../atoms/FAI";import te from"../../atoms/Span";import re from"../../mols/Column";import A from"../../mols/Row";import E from"../Button";import W from"../Sheet";import L from"../Input";import{faArrowUp as le}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as ae}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as oe}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ne}from"@fortawesome/free-solid-svg-icons/faFilter";import k from"./Parts";import se from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,D;let{val_status:e,set_status:r,KeywordFilterRows:u}=a({},t),{order:c,filter:n}=e,[m,b]=c.current,h=[],d=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0};h.push(o(k.TH,{styles:a(a(R(a({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V(s)),e.cellStylesCallback?e.cellStylesCallback(s):{}),freeCSS:R(a(a({},(g=e.cellStyles)==null?void 0:g.freeCSS),e.cellStylesCallback?e.cellStylesCallback(s).freeCSS:{}),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:o(O,{styles:{flexCenter:!0},children:o(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:l})=>{let i=e.rows;i.forEach(p=>{p.checked=l}),r(R(a({},e),{rows:i}))}})})},-1))}for(let s=0;s<e.colLength;s++){let l=d[s];if(!l)continue;let i=l.children||l.data,p=c.enabled&&c.column[s],x=n.enabled&&n.column[s],Z=p?o(K,{styles:{fontSize:"1.mini",fontColor:s==m?"1.clear":"5.translucent"},icon:s==m?b=="DESC"?ae:le:oe}):null,J=o(j,{});if(x){let T=u.map(B=>{var N;return(N=B[s])==null?void 0:N.data});T=[...new Set(T)].order({direction:"ASC"});let v=n.current[s];if(v){let B=T.filter(C=>!v.includes(C)),N=[];T.forEach(C=>{C&&N.push({value:C,label:o(O,{styles:{flexSizing:"auto"},children:C})})});let X="BUTTON-"+e.componentID+"-"+s,$=e.componentID+"-"+s,q={sheetID:$,parent:"#"+X,gravityPoint:23,type:"custom",content:P(M,{styles:{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1},freeCSS:{minWidth:12*20,maxWidth:12*30},children:[o(re,{styles:{gap:"1/3",overflow:"auto",padding:"2/3"},freeCSS:{maxHeight:12*30},children:o(L.Checkbox,{tone:"cloud",icon:!0,value:B,styles:{display:"flex",gap:"1/2"},override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:C})=>{let H=T.filter(ee=>!C.includes(ee)),G=a({},e);G.filter.current[s]=H,r(G)}})}),P(A.Separate,{styles:{gap:"2/3",padding:"2/3",horizontalAlign:"right"},children:[o(E.Button.Border.S,{styles:{isRounded:!0},onClick:()=>{W.close($)},children:"\u9589\u3058\u308B"}),o(E.Button.Prime.S,{color:"theme",styles:{isRounded:!0,ssEffectsOnActive:"shrink"},onClick:()=>{let C=[];v.length||(C=T);let H=a({},e);H.filter.current[s]=C,r(H)},children:"\u5168\u9078\u629E"})]})]})};W.refresh(q,!0),J=o(O,{className:y("FilterRegion"),children:o(E.Button.Sub.S,{styles:{ssSphere:2.5,fontSize:"1.mini"},className:y("Filtering_"+!!v.length),id:X,onClick:C=>{C.stopPropagation(),W.open(q)},children:o(K,{icon:ne})})})}}let z={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0};l=R(a({},l),{styles:R(a(a(a(a({},e.cellStyles),V(z)),e.cellStylesCallback?e.cellStylesCallback(z):{}),l.styles),{ssPushable:p}),freeCSS:a(a(a({},(D=e.cellStyles)==null?void 0:D.freeCSS),e.cellStylesCallback?e.cellStylesCallback(z).freeCSS:{}),l.freeCSS),className:[y("Cell"),e.cellClassName,l.className].join(" ")}),delete l.orderIndex,h.push(o(k.TH,R(a({},l),{styles:a({fontWeight:"2.normal",position:"sticky",top:0},l.styles),freeCSS:a({zIndex:2},l.freeCSS),onClick:T=>{if(p){let v=a({},e),B=[s,m===s&&b=="ASC"?"DESC":"ASC"];v.order.current=B,r(v),e.onOrderChanged&&e.onOrderChanged(B)}},children:P(M,{styles:{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0},children:[J,P(M,{styles:{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center"},children:[Z,i]})]})}),s))}return o(k.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((c,n)=>{var h;let m=[...c],b=[];if(e.checker){let d={top:n==0&&!e.head,bottom:n==r.length-1,left:!0,right:!e.colLength,rowIndex:n,colIndex:0,isBody:!0,isHeader:!1};b.push(o(k.TH,{styles:a(a(a({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V(d)),e.cellStylesCallback?e.cellStylesCallback(d):{}),freeCSS:a(a({},(h=e.cellStyles)==null?void 0:h.freeCSS),e.cellStylesCallback?e.cellStylesCallback(d).freeCSS:{}),className:[y("Cell"),e.cellClassName].join(" "),children:o(O,{styles:{flexCenter:!0},children:o(L.Checker,{label:null,value:c.checked,override:"force",onUpdateValidValue:({value:g})=>{let D=e.rows;D[n].checked=g,t.set_status(s=>R(a({},s),{rows:D}))}})})},-1))}m.forEach((d,g)=>{var x;if(!d)return;let p=d,{type:D="td"}=p,s=Q(p,["type"]),l={top:n==0&&!e.head,bottom:n==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:n,colIndex:g,isBody:!0,isHeader:!1};s=R(a({},s),{styles:a(a(a(a({},e.cellStyles),s.styles),V(l)),e.cellStylesCallback?e.cellStylesCallback(l):{}),freeCSS:a(a(a({},(x=e.cellStyles)==null?void 0:x.freeCSS),s.freeCSS),e.cellStylesCallback?e.cellStylesCallback(l).freeCSS:{}),className:[y("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let i=k[D=="td"?"TD":"TH"];b.push(o(i,a({},s),g))}),u.push(o(k.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:b,onClick:d=>{e.onRowClick&&e.onRowClick(JSON.parse(c.rowID),d)}},n))}),!r.length){let c=o(O,{styles:{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin"},children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(c=o(j,{children:e.noRecords})),u.push(o(k.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:o(k.TD,{colSpan:e.colLength,className:y("Cell"),children:c})},"dataNotFound"))}return o(j,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:c,order:n,paging:m}=e,b=[...e.rows],h=[...e.rows],d=[...e.rows],g=[...e.rows];if(u&&(h=b.filter(l=>(l.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),d=[...h],g=[...h]),c.enabled)for(let l=0;l<e.colLength;l++){let i=c.column[l],p=c.current[l];i&&p&&p.length&&(d=d.filter(x=>!p.includes(x[l].data)),g=[...d])}n.enabled&&(d=d.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]}),g=[...d]);{let{currentPageIndex:l,rowLength:i}=m;g=[...g].splice((l-1)*i,i)}let D=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:b.length,pageRows:g.length,filteredRows:d.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return _.update({[D]:{status:s,updatePageIndex:l=>{let i=Math.min(Math.max(1,l),e.paging.pageLength),p=a({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:l=>{let i=a({},e);i.paging={rowLength:l,currentPageIndex:1,pageLength:Math.ceil(d.length/l)},r(i)},updateKeyword:l=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=a({},e);i.searchKeyword=l,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let l=[...b];return n.enabled&&(l=l.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]})),l.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;l.find(x=>x.rowID==p).currentPage=!0}),d.forEach(i=>{let{rowID:p}=i;l.find(x=>x.rowID==p).filtered=!0}),l}}}),Y(()=>{let l=f.Propagations[e.tableID]||[];Object.keys(l).forEach(i=>{let p=_.get(i);p!=null&&p.refresh&&p.refresh()})}),o(O,{className:y("TableBase"),children:o(k.Table,{className:y("Table"),children:P(k.Body,{children:[o(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),o(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=a({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,c)=>{var n;return w.is.boolean(t.filter)?t.filter:(n=t.filter[c])!=null?n:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,c)=>{var n;return w.is.boolean(t.order)?t.order:(n=t.order[c])!=null?n:!0}),t=a({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,c)=>{u.rowID=JSON.stringify(u.rowID||c);let n=[];u.forEach((m,b)=>{let{data:h,children:d,orderIndex:g}=m;m.orderIndex=w.is.exist(g)?String(g):String(h),m.children=d||String(h),n.push(String(m.data))}),u.__sys4SearchKey=n.join("/")}),o(f.StateManager,a({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:c="",filter:n,order:m,defaultOrder:b=[0,"ASC"],pageRowLength:h=30}=t,[d]=F(w.uuid.gen()),g={tableID:t.tableID||d,componentID:d,colLength:e,checker:u,searchKeyword:c,filter:{enabled:n!==!1,column:n,current:Array.from({length:e},()=>[])},order:{enabled:m!==!1,column:m,current:b},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},[D,s]=F(g),[l,i]=F(t.eventID);return l!=t.eventID&&(i(t.eventID),s(g)),o(f.Core,{val_status:D,set_status:s})}},S={__memoryID:f.__memoryID,useStatus:t=>{var n;let[e]=F(w.uuid.gen()),[r,u]=F(w.uuid.gen()),c=f.__memoryID+"_"+t;return Y(()=>(f.Propagations[t]=R(a({},f.Propagations[t]),{[e]:1}),_.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((n=_.get(c))==null?void 0:n.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=_.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=_.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=_.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=_.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},U={SearchInput:t=>{let e=S.useStatus(t.tableID);return e.tableComponentDidMount?o(L.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,styles:{padding:"2/3",paddingRight:3},rightIcon:o(L.Comps.RightIcon,{styles:{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,()=>{S.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=S.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return P(M,{styles:{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur"},children:[o(te,{styles:{fontSize:"4.thirdTitle",fontColor:"theme"},children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=S.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return P(A.Center,{children:[P(A.Center,{styles:{gap:"1/2"},children:["\u30DA\u30FC\u30B8 :",o(L.Select,{enableUnSelected:!1,styles:{padding:["1/3","2/3"]},rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:u})=>{S.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),P(A.Right,{styles:{gap:"1/2"},children:[o(E.Button.Sub.R,{styles:{ssSphere:3},onClick:()=>{if(e.paging.currentPageIndex==1){S.setPageIndex(t.tableID,e.paging.pageLength);return}S.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:o(K.ChevronLeft,{})}),o(E.Button.Sub.R,{styles:{ssSphere:3},onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){S.setPageIndex(t.tableID,1);return}S.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:o(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=S.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,c=t.lengthSelect.map(n=>(u|=+(n==r),{value:n,label:n.toString()}));return u||c.push({value:r,label:r.toString()}),c=c.order({direction:"ASC",keys:["value"]}),P(A.Center,{styles:{gap:"1/2"},children:["\u4EF6\u6570 :",o(L.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",styles:{padding:["1/3","2/3"]},value:e.paging.rowLength,options:c,onUpdateValidValue:({value:n})=>{S.setRowLength(t.tableID,n)}})]})}},ie=t=>o(se,R(a({},t),{type:"data",JSXChildren:f.DataLeveler})),I=ie;I.__memoryID=f.__memoryID,I.useStatus=S.useStatus,I.getRowData=S.getRowData,I.setPageIndex=S.setPageIndex,I.setRowLength=S.setRowLength,I.setSearchKeyword=S.setSearchKeyword,I.Info=U.Info,I.Paging=U.Paging,I.RowLength=U.RowLength,I.SearchInput=U.SearchInput;export{I as Data,I as default};
|
|
1
|
+
import{b as l,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as o,jsxs as _}from"react/jsx-runtime";import{useState as A,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import N from"../../atoms/Box";import U from"../../atoms/Flex";import E from"../../atoms/FAI";import ae from"../../atoms/Span";import le from"../../mols/Column";import H from"../../mols/Row";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as oe}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as ne}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemStyles as z}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=l({},t),{order:d,filter:n}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=z(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(o(P.TH,x(l(l(l({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},a),e.cellStyles),i),{freeCSS:x(l(l({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:o(N,{flexCenter:!0,children:o(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(l({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children||a.data,p=d.enabled&&d.column[s],C=n.enabled&&n.column[s],B=p?o(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?ne:oe:se}):null,F=o(J,{});if(C){let T=u.map(O=>{var K;return(K=O[s])==null?void 0:K.data});T=[...new Set(T)].order({direction:"ASC"});let v=n.current[s];if(v){let O=T.filter(I=>!v.includes(I)),K=[];T.forEach(I=>{I&&K.push({value:I,label:o(N,{flexSizing:"auto",children:I})})});let q="BUTTON-"+e.componentID+"-"+s,G=e.componentID+"-"+s,Q={sheetID:G,parent:"#"+q,gravityPoint:23,type:"custom",content:_(U,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[o(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:o(L.Checkbox,{tone:"cloud",icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:K,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=T.filter(re=>!I.includes(re)),Y=l({},e);Y.filter.current[s]=V,r(Y)}})}),_(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[o(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(G)},children:"\u9589\u3058\u308B"}),o(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];v.length||(I=T);let V=l({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),F=o(N,{className:S("FilterRegion"),children:o(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!v.length),id:q,onClick:I=>{I.stopPropagation(),j.open(Q)},children:o(E,{icon:ie})})})}}let X={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=z(X),$=e.cellStylesCallback?e.cellStylesCallback(X):{};a=x(l(l(l(l({},te),e.cellStyles),a),$),{ssPushable:p,freeCSS:l(l(l({},(R=e.cellStyles)==null?void 0:R.freeCSS),$.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(o(P.TH,x(l({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:l({zIndex:2},a.freeCSS),onClick:T=>{if(p){let v=l({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];v.order.current=O,r(v),e.onOrderChanged&&e.onOrderChanged(O)}},children:_(U,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[F,_(U,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[B,i]})]})}),s))}return o(P.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,n)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:n==0&&!e.head,bottom:n==r.length-1,left:!0,right:!e.colLength,rowIndex:n,colIndex:0,isBody:!0,isHeader:!1},g=z(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(o(P.TH,x(l(l(l({unitWidth:4,padding:0,borderRight:!0},g),e.cellStyles),R),{freeCSS:l(l({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:o(N,{flexCenter:!0,children:o(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[n].checked=s,t.set_status(i=>x(l({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var F;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:n==0&&!e.head,bottom:n==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:n,colIndex:g,isBody:!0,isHeader:!1},i=z(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(l(l(l(l({},i),e.cellStyles),s),p),{freeCSS:l(l(l({},(F=e.cellStyles)==null?void 0:F.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=P[R=="td"?"TD":"TH"];y.push(o(C,l({},s),g))}),u.push(o(P.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},n))}),!r.length){let d=o(N,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=o(J,{children:e.noRecords})),u.push(o(P.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:o(P.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return o(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:n,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}n.enabled&&(c=c.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)*i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=l({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=l({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=l({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return n.enabled&&(a=a.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(i=>{let p=k.get(i);p!=null&&p.refresh&&p.refresh()})}),o(N,{className:S("TableBase"),children:o(P.Table,{className:S("Table"),children:_(P.Body,{children:[o(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),o(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=l({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var n;return w.is.boolean(t.filter)?t.filter:(n=t.filter[d])!=null?n:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var n;return w.is.boolean(t.order)?t.order:(n=t.order[d])!=null?n:!0}),t=l({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID||d);let n=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c||String(h),n.push(String(b.data))}),u.__sys4SearchKey=n.join("/")}),o(f.StateManager,l({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:n,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=A(w.uuid.gen()),g={tableID:t.tableID||c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:n!==!1,column:n,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,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},[R,s]=A(g),[a,i]=A(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),o(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var n;let[e]=A(w.uuid.gen()),[r,u]=A(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(l({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((n=k.get(d))==null?void 0:n.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)}},W={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?o(L.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:o(L.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:o(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(U,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return _(H.Center,{children:[_(H.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",o(L.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),_(H.Right,{gap:"1/2",children:[o(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:o(E.ChevronLeft,{})}),o(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:o(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(n=>(u|=+(n==r),{value:n,label:n.toString()}));return u||d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),_(H.Center,{gap:"1/2",children:["\u4EF6\u6570 :",o(L.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,onUpdateValidValue:({value:n})=>{m.setRowLength(t.tableID,n)}})]})}},de=t=>o(ue,x(l({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=W.Info,D.Paging=W.Paging,D.RowLength=W.RowLength,D.SearchInput=W.SearchInput;export{D as Data,D as default};
|
package/dist/fn/Table/Drag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as
|
|
1
|
+
import{b as e,c as b,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as r,jsxs as J}from"react/jsx-runtime";import{useState as P,useEffect as O}from"react";import R from"@mingoo/jsmin";import{$$fromRoot as x,useStore as N}from"../../@utils";import k from"../../atoms/FAI";import j from"../Button";import U from"../Tooltips";import h from"./Parts";import _ from"./Wrapper";import{faGripVertical as $}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as E}from"./cellStyling";import{TableClasses as n}from"../../@styles/componentClasses";const H={HeadRow:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,colLength:m,head:l,rows:d}=o;if(!l)return null;let c=[];for(let p=0;p<m;p++){let u=l[p],v=h[u.type=="th"?"TH":"TD"],T={top:!0,bottom:!d.length,left:p==0,right:p==m-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},y=E(T),a=s?s(T):{};c.push(r(v,b(e(e(e(e({},y),t),u),a),{freeCSS:e(e(e({},t.freeCSS),a.freeCSS),u.freeCSS),className:[n("Cell"),i,u.className].join(" ")}),p))}return r(h.Row,{className:[n("Row"),n("HeadRow")].join(" "),children:c})},BodyRows:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,head:m,rows:l,colLength:d,onOrderChanged:c}=o,[p]=P(R.uuid.gen()),[u,v]=P({rows:l,origin:0,to:NaN}),T=[];if(u.rows.forEach((y,a)=>{let S=[];{let f={top:a==0&&!m,bottom:a==l.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},g=E(f),D=s?s(f):{};S.push(r(h.TH,b(e(e(e({padding:0,borderRight:!0},g),t),D),{freeCSS:e(e({},t.freeCSS),D.freeCSS),className:[n("Cell"),n("Draggable"),i].join(" "),children:r(j.Button.Clear.R,{className:n("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:C=>{w.Start(C,{id:p,index:a,rows:u.rows,maxLength:l.length})},onTouchStart:C=>{w.Start(C,{id:p,index:a,rows:u.rows,maxLength:l.length})},children:r(k,{icon:$})})}),"DragOrigin"))}y.forEach((f,g)=>{f=e({},f);let D=h[f.type=="th"?"TH":"TD"],C={top:!!m&&!m.length,bottom:a==l.length-1,left:!1,right:g==d-2,rowIndex:a,colIndex:g,isBody:!0,isHeader:!1},B=E(C),I=s?s(C):{};S.push(r(D,b(e(e(e(e({},B),t),f),I),{freeCSS:e(e(e({},t.freeCSS),I.freeCSS),f.freeCSS),className:[n("Cell"),i,f.className].join(" ")}),g))}),T.push(r(h.Row,{id:"TableRow-"+p+"-"+a,className:[n("Row"),n("BodyRow")].join(" "),children:S},a))}),!isNaN(u.to)){let{origin:y,to:a}=u,S=[];S.push(r(h.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[n("Cell"),n("Draggable"),i].join(" "),children:r(k.ArrowRight,{fontColor:"theme"})},"dragButton")),u.rows[y].forEach((g,D)=>{g=e({},g);let C=h[g.type=="th"?"TH":"TD"],B={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},I=E(B),M=s?s(B):{};S.push(r(C,b(e(e(b(e({className:[n("Cell"),i,g.className].join(" ")},I),{backgroundColor:"theme.opa.low"}),M),g),{freeCSS:e(e(e({},t.freeCSS),M.freeCSS),g.freeCSS)})))}),T.splice(a,0,r(h.Row,{className:[n("Row"),n("Pre")].join(" "),children:S},"preSet"))}return O(()=>{N.set({[p]:{swap:(y,a)=>{if(a||a==0){let S=u.rows[y],f=[...u.rows];f.splice(y,1),f.splice(a-(y<a?1:0),0,S),v({rows:f,origin:0,to:NaN}),c(f.map(g=>JSON.parse(g.rowID)))}},preSet:y=>{let{origin:a,index:S}=y;v({rows:u.rows,origin:a,to:S})}}})}),O(()=>()=>{N.delete(p)},[]),r(A,{children:T})},Drag:o=>(o=e({},o),o.colLength=o.colLength+1,o.head&&(o.head=[{children:r(j.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{U.open({parent:t.currentTarget,content:J(U.Comps.Body,{children:[r(k,{icon:$}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(k.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...o.head]),o.rows=o.rows.map((t,i)=>(t.rowID=JSON.stringify(t.rowID||i),t)),r(h.Table,{className:n("Table"),children:J(h.Body,{children:[r(H.HeadRow,e({},o)),r(H.BodyRows,e({},o))]})}))},z=o=>r(_,b(e({type:"drag"},o),{JSXChildren:H.Drag})),w={Start:function(o,t){return L(this,null,function*(){o.stopPropagation(),o.preventDefault();let{id:i,index:s,rows:m,maxLength:l}=t;x("#TableRow-"+i+"-"+s).addClass(n("DraggerOrigin")),R(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:d=>{w.End(d,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:d=>{w.End(d,t)}})})},Move:function(o,t){let{id:i,maxLength:s}=t,m=R.getCursor(o).y-R.getScreenSize().scrollY;for(let l=0;l<s;l++){let d=x("#TableRow-"+i+"-"+l),{top:c,bottom:p,height:u}=d.position();l==0&&m<c?t.insertIndex=0:l===s-1&&p<=m?t.insertIndex=s:m>=c&&m<p&&(t.insertIndex=l+1)}{let{index:l,insertIndex:d}=t,c=N.get(i);c&&c.preSet&&c.preSet({origin:l,index:d})}return o.stopPropagation(),o.preventDefault(),!1},End:function(o,t){let{id:i,index:s,insertIndex:m}=t,l=N.get(i);l&&l.swap&&l.swap(s,m),x("#TableRow-"+i+"-"+s).removeClass(n("DraggerOrigin")),R(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{z as Drag,z as default};
|
package/dist/fn/Table/Normal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c
|
|
1
|
+
import{b as e,c}from"../../chunk-C5N2D3ZX.js";import{Fragment as H,jsx as a,jsxs as g}from"react/jsx-runtime";import n from"./Parts";import D from"./Wrapper";import{DefaultCellSystemStyles as N}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const T={HeadRow:l=>{let{cellStyles:t={},cellClassName:C="",cellStylesCallback:f,colLength:w,head:S,rows:R}=l;if(!S)return null;let i=[];return S.forEach((r,s)=>{let p=n[r.type=="th"?"TH":"TD"],u={top:!0,bottom:!R.length,left:s==0,right:s==w-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},o=N(u),m=f?f(u):{};i.push(a(p,c(e(e(e(e({},o),t),m),r),{freeCSS:e(e(e({},t.freeCSS),m.freeCSS),r.freeCSS),className:[y("Cell"),C,r.className].join(" ")}),s))}),a(n.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:i})},BodyRows:l=>{let{cellStyles:t={},cellClassName:C="",cellStylesCallback:f,head:w,rows:S,colLength:R,onRowClick:i}=l,r=[];return S.forEach((s,p)=>{let u=[];s.forEach((o,m)=>{let B=n[o.type=="th"?"TH":"TD"],b={top:p==0&&!w,bottom:p==S.length-1,left:m==0,right:m==R-1,rowIndex:p,colIndex:m,isBody:!0,isHeader:!1},k=N(b),h=f?f(b):{};u.push(a(B,c(e(e(e(e({},k),t),o),h),{freeCSS:e(e(e({},t.freeCSS),h.freeCSS),o.freeCSS),className:[y("Cell"),C,o.className].join(" ")}),m))}),r.push(a(n.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:u,onClick:o=>{i&&i(s.rowID,o)}},p))}),a(H,{children:r})},Normal:l=>(l=e({},l),l.rows=l.rows.map((t,C)=>(t.rowID=t.rowID||C,t)),a(n.Table,{className:y("Table"),children:g(n.Body,{children:[a(T.HeadRow,e({},l)),a(T.BodyRows,e({},l))]})}))},d=l=>a(D,c(e({type:"normal"},l),{JSXChildren:T.Normal}));export{d as Normal,d as default};
|
package/dist/fn/Table/Parts.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t,c as r}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{
|
|
1
|
+
import{b as t,c as r}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{GenerateHTMLProps 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};
|
package/dist/fn/Table/Wrapper.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t,c as
|
|
1
|
+
import{b as t,c as l,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as s}from"react/jsx-runtime";import d from"@mingoo/jsmin";import{GenerateHTMLProps as u}from"../../@utils";import C from"../../atoms/Box";import{DefaultCellStyles as c}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=t({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let o=l(t({tableID:e.tableID||d.uuid.gen(),tone:e.tone},e),{cellStyles:t(t({},c(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(o=t({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},o));let a=u(o),{className:m,style:f}=a,b=p(a,["className","style"]),T=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!o.onRowClick)].join(" ");return s(C,{className:T,style:f,children:s(i,t({},b))})};export{n as Wrapper,n as default};
|
package/dist/fn/Tooltips.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as
|
|
1
|
+
import{b as e,c as n,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import i from"@mingoo/jsmin";import d from"../atoms/Box";import t from"./Sheet";const l={__memoryID:i.uuid.gen(),open:o=>{let s=o,{tipsID:a=i.uuid.gen(),tipsGroups:u=[]}=s,r=p(s,["tipsID","tipsGroups"]);t.open(n(e({sheetID:a,sheetGroups:["tooltips",...u]},r),{type:"custom",close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},r.close_option)}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>c(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{l as Tooltips,l as default};
|
package/dist/index.d.ts
CHANGED
|
@@ -402,8 +402,9 @@ declare const amotify: {
|
|
|
402
402
|
isAvocado: boolean;
|
|
403
403
|
};
|
|
404
404
|
};
|
|
405
|
-
ReadStyleSet:
|
|
406
|
-
|
|
405
|
+
ReadStyleSet: (p: any) => any;
|
|
406
|
+
GenerateHTMLProps: (p: any) => any;
|
|
407
|
+
ExtractStyles: (p: any) => utils.TagProperty.States;
|
|
407
408
|
React: typeof utils.React;
|
|
408
409
|
LaunchReactApp: (p: utils.LaunchReactApp.Input) => import("react/jsx-runtime").JSX.Element;
|
|
409
410
|
$$fromRoot: (args: any) => import("@mingoo/jsmin").default.Chains;
|
package/dist/mols/Accordion.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as m,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as D}from"react/jsx-runtime";import{useState as p,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 _=e=>{e=m({},e);let v=e,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:y=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=p(c.uuid.gen()),[g]=p(c.uuid.gen()),[s,a]=p(f);s!=f&&y&&a(f);const h=R(!1);return w(()=>{let n=r('[data-accordion-content-id="'+g+'"]')[0];if(n){let i=n.offsetHeight,o=0;x=="fast"?(o=i/1e3,o=Math.max(o,.2)):x=="slow"&&(o=i/300),r("#"+d).css({transition:o+"s"})}},[]),w(()=>{let n=r("#"+d),i=r('[data-accordion-content-id="'+g+'"]')[0];if(h.current){if(i){let o=i.offsetHeight;c.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:o+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let o=i.offsetHeight;c.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.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,m({"data-accordion-content-id":g},C))})},u=_;u.fn={open:e=>{let t=l.get("Accordion-"+e);!t||t.open()},close:e=>{let t=l.get("Accordion-"+e);!t||t.close()},toggle:e=>{let t=l.get("Accordion-"+e);!t||t.toggle()}};export{u as Accordion,u as default};
|
package/dist/mols/Column.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
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};
|
package/dist/mols/List.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as
|
|
1
|
+
import{b as e,c as t,d as o}from"../chunk-C5N2D3ZX.js";import{jsx as S}from"react/jsx-runtime";import{Flex as a}from"../atoms/Flex";const n=i=>{let p=i,{rows:m,rowStyles:r}=p,y=o(p,["rows","rowStyles"]),c=m.map((f,x)=>{let s=f,{children:C}=s,l=o(s,["children"]);return S(a,t(e(e({},r),l),{freeCSS:e(e({},r==null?void 0:r.freeCSS),l.freeCSS),children:C}),x)});return S(a,t(e({flexType:"col"},y),{children:c}))};export{n as List,n as default};
|
package/dist/mols/Row.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as t
|
|
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
|
|
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};
|