amotify 0.2.96 → 0.2.97
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/app.tsx +9 -0
- package/demo/esbuild/bundler.ts +2 -2
- package/demo/esbuild/designBook.tsx +94 -73
- package/demo/esbuild/public/index.js +240 -55
- package/dist/@utils/LaunchReactApp.js +1 -1
- package/dist/atoms/Img.js +1 -1
- package/dist/fn/Input/Slider.js +1 -1
- package/dist/fn/Sheet.d.ts +1 -1
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/SwipeView.js +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Table/Drag.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunk-C5N2D3ZX.js";import{Fragment as R,jsx as e,jsxs as p}from"react/jsx-runtime";import{Config as o}from".";import s from"./useRefresh";import{Box as l}from"../atoms";import{Sheet as
|
|
1
|
+
import"../chunk-C5N2D3ZX.js";import{Fragment as R,jsx as e,jsxs as p}from"react/jsx-runtime";import{Config as o}from".";import s from"./useRefresh";import{Box as l}from"../atoms";import{Sheet as m,Snackbar as c,Loader as f,Effect as r}from"../fn";const i=t=>{var a;let n=s.catch("RootViewController_"+o.get().sessionUID);return p(R,{children:[e("style",{children:t.inlineCSS}),p("amotify-app",{id:"appRoot_"+o.get().sessionUID,children:[e(r.Pudding.Wrapper,{}),e(r.Ripple.Wrapper,{}),e(f.Wrapper,{}),e(c.Wrapper,{}),e(m.Wrapper,{}),e(l,{className:["AMOTIFY_be","AMOTIFY_be_root",(a=t.isRootPage)==null||a?"AMOTIFY_be_origin":"",t.originClassName||""].join(" "),children:t.children},n)]})]})};export{i as LaunchReactApp,i as default};
|
package/dist/atoms/Img.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as r,c as s,d as i}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import c from"./Box";import{Sheet as f}from"../fn";import{ImgClasses as m}from"../@styles/componentClasses";const p=l=>{let a=l,{src:n="",alt:g="",showExpand:t}=a,o=i(a,["src","alt","showExpand"]);return I(c,s(r({htmlTag:"img",src:n,alt:g},o),{className:[m("Img"),m("ShowExpand_"+!!t),o.className].join(" "),onPointerDown:e=>{o.onPointerDown&&o.onPointerDown(e),t&&e.stopPropagation()},onClick:e=>{o.onClick&&o.onClick(e),t&&(e.stopPropagation(),f.open({type:"image",src:t!=!0?t:n}))},freeCSS:r({cursor:t?"zoom-in":"inherit"},o.freeCSS)}))};export{p as Img,p as default};
|
package/dist/fn/Input/Slider.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as C,c as _,d as B}from"../../chunk-C5N2D3ZX.js";import{jsx as d,jsxs as W}from"react/jsx-runtime";import y,{UUID as R}from"jmini";import{useState as k,useEffect as P}from"react";import{$$fromRoot as I,GenerateHTMLProps as $}from"../../@utils";import{Box as D,Flex as A,Column as q}from"../../atoms";import{Button as O}from"../Button";import{OptionalInputWrapper as G,BoxWrapper as X,CoreEffects as F}from"./core";import{InputSliderClasses as c}from"../../@styles/componentClasses";function j(
|
|
1
|
+
import{b as C,c as _,d as B}from"../../chunk-C5N2D3ZX.js";import{jsx as d,jsxs as W}from"react/jsx-runtime";import y,{UUID as R}from"jmini";import{useState as k,useEffect as P}from"react";import{$$fromRoot as I,GenerateHTMLProps as $}from"../../@utils";import{Box as D,Flex as A,Column as q}from"../../atoms";import{Button as O}from"../Button";import{OptionalInputWrapper as G,BoxWrapper as X,CoreEffects as F}from"./core";import{InputSliderClasses as c}from"../../@styles/componentClasses";function j(t){let{value:e,states:n}=t,{required:s}=n,o=[];return s&&!e&&o.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!o.filter(({type:i})=>i=="invalid").length,notice:o}}const z=t=>{let{value:e,val_status:n}=t,{min:s,max:o,step:i}=n;e=Math.max(e,s),e=Math.min(e,o);let a=e/o*o;return a=Math.round(a/i),{stepValue:a*i,stepIndex:a,positionLeft:a*i/o*100+"%"}},N={IndicatorLabels:t=>{let{componentID:e,min:n,max:s,step:o,customLegends:i}=t,r=[],a=Math.round(n/o),p=Math.round(s/o),S=p-a+1;for(var u=a;u<=p;u++){let l=u*o;l=Math.max(l,n),l=Math.min(l,s);let f=l/s*100+"%";r.push(d(D,{className:c("Label"),id:"Legend-"+e+"-"+u,display:u==a||u==p?"flex":"none",position:"absolute",top:0,unitHeight:1,unitWidth:1.5,transition:"middle",fontColor:"1.clear",verticalAlign:"center",horizontalAlign:"center",freeCSS:{left:f,whiteSpace:"nowrap",textAlign:"center"},children:i?i(l):l.rank()},l))}return P(()=>{const l=()=>{let f=I("#Labels-"+e),{width:v}=f.position(),L=Math.round(v/50)-1,b=Math.round(S/L);for(let m=a+1;m<p;m++)I("#Legend-"+e+"-"+m).css({display:m%b==0?"flex":"none"})};return y(window).addEvent({eventID:"SliderResizeCallback-"+e,eventType:"resize",callback:()=>{l()}}),l(),()=>{y(window).removeEvent("SliderResizeCallback-"+e)}},[]),d(A,{className:c("Labels"),verticalAlign:"center",horizontalAlign:"between",fontSize:"0.xs",position:"relative",unitHeight:1,id:"Labels-"+e,children:d(D,{position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:r})})},Rail:t=>{let{val_status:e,set_status:n,DotData:s,form:o,enableFormSubmit:i}=t,{componentID:r}=e;return W(A,{className:c("Rail"),position:"relative",paddingLeft:"1/2",unitHeight:1.5,verticalAlign:"center",freeCSS:{minWidth:"10rem",zIndex:1,cursor:"pointer"},onPointerDown:a=>{t.rootStates.disabled||(a.stopPropagation(),g.Effects.Start(a,{val_status:e,set_status:n,DotData:s}))},children:[d(D,{className:c("Bar"),backgroundColor:"layer.4",position:"relative",isRounded:!0,transition:"middle",flexSizing:"none",unitHeight:"2/3",width:1,id:r+"_Bar",children:d(D,{className:c("BarColor"),position:"relative",height:1,width:0,left:0,transition:"long",borderRadius:"inherit",backgroundColor:t.color,opacity:"middle",overflow:"hidden",freeCSS:{width:s.positionLeft},id:r+"_BarColor"})}),d(D,{className:c("BallWrap"),position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:d(O.Plain,{className:c("Ball"),position:"absolute",backgroundColor:t.color,top:0,left:0,ssSphere:1.5,freeCSS:{zIndex:2,left:s.positionLeft},id:r+"_Ball",onKeyDown:a=>{g.KeyDownEvent({event:a,val_status:e,set_status:n,DotData:s}),i&&F.SubmitForm(a,o)}})})]})}},g={Effects:{Start:(t,e)=>{y(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:n=>{g.Effects.Move(n,e)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:n=>{g.Effects.Move(n,e)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{g.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{g.Effects.End()}})},Move:(t,e)=>{let n=y.getCursor(t).x,{val_status:s,set_status:o}=e,{componentID:i,min:r,max:a}=s,p=I("#"+i+"_Ball"),S=I("#"+i+"_Bar"),u=I("#"+i+"_BarColor"),{width:l,left:f}=S.position(),v=(n-f)/l;v=Math.max(v,0),v=Math.min(v,1);let L=v*a,b=z({value:L,val_status:s}),m=b.positionLeft,w=b.stepValue;return p.css({left:m}),u.css({width:m}),o(x=>{let E=x.dataValue;return w==E?x:_(C({},x),{dataValue:w,eventType:"update",eventID:R()})}),t.preventDefault(),t.stopPropagation(),!1},End:()=>{y(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},KeyDownEvent:t=>{let{event:e,val_status:n,set_status:s}=t,{min:o,max:i,step:r}=n,{key:a,metaKey:p,ctrlKey:S}=e,u=S||p,l=n.dataValue;a.match(/Arrow/)&&(e.preventDefault(),a.match(/Left|Up/)?u?l=o:l-=r:a.match(/Right|Down/)&&(u?l=i:l+=r),l=Math.max(Math.min(l,i),o),s(f=>_(C({},f),{dataValue:l,eventType:"update",eventID:R()})))}},J=t=>{let V=t,{color:e="theme",required:n,form:s="",legends:{enable:o=!0,custom:i,showAlways:r=!1}={},min:a,max:p,step:S,enableFormSubmit:u,checkValidationAtFirst:l,onValidate:f,onUpdateValue:v,onUpdateValidValue:L,value:b="",className:m,freeCSS:w,wrapStyles:x}=V,E=B(V,["color","required","form","legends","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","className","freeCSS","wrapStyles"]),[h,T]=k({componentID:t.componentID||"",dataValue:b,min:a,max:p,step:S,eventType:"init",eventID:R()}),[M,K]=k({ok:!1,notice:[]});F.CommonEffects({type:"slider",states:t,val_status:h,set_status:T,val_validate:M,set_validate:K,SystemValidation:j});let U=z({value:h.dataValue,val_status:h});return d(X,{val_status:h,set_status:T,val_validate:M,states:t,children:W(q,{gap:"1/2",flexSizing:"auto",className:[c("Wrap"),m,c("ShowLegendsAlways_"+r)].join(" "),children:[d(N.Rail,{rootStates:t,color:e,val_status:h,set_status:T,DotData:U,form:s,enableFormSubmit:u}),!!o&&d(N.IndicatorLabels,{componentID:h.componentID,min:a,max:p,step:S,customLegends:i})]})})},H=t=>{let e=C({},t);return d(G,{componentID:t.componentID,children:J,states:$(e)})};export{H as Slider,H as default};
|
package/dist/fn/Sheet.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { Box } from '../atoms';
|
|
|
5
5
|
declare namespace Sheet {
|
|
6
6
|
type Methods = {
|
|
7
7
|
Wrapper(): JSX.Element;
|
|
8
|
-
open<T extends Input>(p: T, defaultOpen?: boolean): void;
|
|
8
|
+
open<T extends Input>(p: T, defaultOpen?: boolean | 'inherit'): void;
|
|
9
9
|
resize(p: {
|
|
10
10
|
sheetID: string;
|
|
11
11
|
size: Size;
|
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as C,c as R,d as X}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as F}from"react/jsx-runtime";import h,{UUID as J,Time as ae,useStore as T}from"jmini";import{useState as z,useEffect as G,useRef as le}from"react";import{$$fromRoot as Y,Config as K}from"../@utils";import{Box as E,Flex as pe,Img as ne,FAI as ce,Column as re}from"../atoms";import{Row as Q}from"../mols";import{Button as ie}from"./Button";import he from"./SwipeView";import ue from"./Input";import{SheetClasses as m}from"../@styles/componentClasses";const O={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=T.get("sessionStates-"+K.get().sessionUID);return t||null},getNewSheetStates:t=>{var d;let e=R(C({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||J(),isOpen:!0,created_at:ae()});if(e.type=="custom"){let l=e;l.parent=l.parent||((d=l==null?void 0:l.event)==null?void 0:d.currentTarget),e=l}return e}},q={Wrapper:()=>{let[t,e]=z(!1),[d,l]=z([]),v={val_sheets:d,set_sheets:l};T.set({["sessionStates-"+K.get().sessionUID]:v}),G(()=>{T.set({["Sheet-"+K.get().sessionUID]:{add:(n,r)=>{let a=T.get("Sheet-"+K.get().sessionUID);if(!a)return;let s=O.getNewSheetStates(n);if(s.isOpen=r!=null?r:!0,!!a.find(s.sheetID)){l(g=>{let w=[...g],y=w.findIndex(k=>k.sheetID==s.sheetID);return y==-1||(w[y]=s),w});return}l(g=>[s,...g])},find:n=>{let r=O.getSessionStates();if(!r)return null;let{val_sheets:a}=r;return a.find(s=>s.sheetID==n)}}}),h(K.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(n){let{key:r,metaKey:a}=n;if(r=="Escape"||r==","&&a){let s=O.getSessionStates();if(!s)return;let{val_sheets:p}=s,g=p.filter(y=>y.isOpen);if(!g.length)return;let w=g.reduce((y,k)=>y.created_at.value>k.created_at.value?y:k);N.close(w.sheetID,r)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(n){let r=O.getSessionStates();if(!r)return;let{val_sheets:a}=r,s=n.target;if(!s||s!=null&&s.closest("."+m("CustomSheet")))return;let p=a.filter(g=>g.type=="custom");p.length&&p.forEach(g=>{let{parent:w}=g;if(!g.closeAtAroundClick)return;let y=Y(w)[0];w!==s&&y!==s&&(h(y).find(s).length||N.close(g.sheetID))})}})},[]),G(()=>{let n=d.filter(r=>r.backgroundEffect&&r.isOpen&&!r.overwrap&&r.type!="custom");e(!!n.length)},[d]),G(()=>{let n=Y(".AMOTIFY_be_root");if(t){let a=h("html").position(),s=32/a.height,p=32/a.width;n.addClass(m("BodyEffect")).css({transform:`scale(${1-p},${1-s})`})}else n.css({transform:"scale(1)"}).removeClass(m("BodyEffect"))},[t]);let f=d.map(n=>u(q.Core,R(C({},v),{val_sheet:n,patch_sheet:r=>{l(a=>{let s=[...a],p=s.findIndex(g=>g.sheetID==n.sheetID);return p==-1||(s[p]=C(C({},s[p]),r)),s})},delete_sheet:()=>{l(r=>{let a=[...r],s=a.findIndex(p=>p.sheetID==n.sheetID);return s==-1||a.splice(s,1),a})}}),n.sheetID));return u(E,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:f})},Core:t=>{let{val_sheet:e,patch_sheet:d}=t,[l,v]=z(O.currentIndex+2),[f]=z(J()),n=e.type!="custom"&&!e.overwrap;G(()=>{O.currentIndex++,h.scope(()=>{if(!e.closeAtParentBlur)return;let p=h(e.parent);p[0]&&p.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{p.removeEvent("SheetClosation-"+e.sheetID),d({isOpen:!1})}})}),T.set({[e.sheetID]:{resize:p=>{if(e.type=="drawer.bottom"){let g=T.get(f);g&&g.resize&&g.resize(p)}else(e.type.includes("normal")||e.type.includes("drawer"))&&d({size:p})},close:p=>{d({isOpen:!1})},open:()=>{d({isOpen:!0})}}})},[]),G(()=>{h.scope(()=>{let p=Y("#"+f);if(e.isOpen){e.hold_state&&v(O.currentIndex+1),p.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}p.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),n&&h(K.get().appRoot).focus(),e.hold_state)return d({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[r,a]=e.type.split("."),s=q.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"}[e.type]];return u(E,{className:[m("Wrap"),m("Tcate_"+r),m("Tpos_"+a),m("isMainSheet_"+n)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:l},id:f,children:F(re,{className:m("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!n&&u(q.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),u(s,C({componentID:f},e))]})},f)},Types:{Normal:t=>{let H=t,{sheetID:e,sheetGroups:d,bodyScrolls:l,content:v,className:f="",type:n,size:r="R",freeCSS:a,openAfter:s,closeAfter:p,closeAtAroundClick:g,closeAtEscapeKeyDown:w,closeAtPageTransit:y,closeAtParentBlur:k,closeAtSwipeDown:j,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:W}=H,U=X(H,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[$,A]=n.split("."),I={},D=[];return A.match(/top/)?(D.push("top"),I.marginBottom="auto"):A.match(/middle/)?(D.push("center"),I.marginTop="auto",I.marginBottom="auto"):A.match(/bottom/)&&(D.push("bottom"),I.marginTop="auto"),A.match(/left/i)?(D.push("left"),I.marginRight="auto"):A.match(/center/i)?(D.push("center"),I.marginLeft="auto",I.marginRight="auto"):A.match(/right/i)&&(D.push("right"),I.marginLeft="auto"),u(E,R(C(C({className:[m("BB"),f].join(" "),padding:1,transition:"long",opacity:"trans"},U),I),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[r],maxWidth:"96vw",transformOrigin:D.join(" ")},a),children:h.is.function(v)?u(v,{}):v}))},Edge:t=>{let U=t,{sheetID:e,sheetGroups:d,bodyScrolls:l,type:v,content:f,className:n="",size:r="R",openAfter:a,closeAfter:s,closeAtAroundClick:p,closeAtEscapeKeyDown:g,closeAtPageTransit:w,closeAtParentBlur:y,closeAtSwipeDown:k,hold_state:j,overwrap:ee,isOpen:te,backgroundEffect:oe}=U,W=X(U,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return u(E,R(C(R(C({className:[m("BB"),n].join(" ")},v=="drawer.right"?{marginLeft:"auto"}:v=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),W),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},W.freeCSS),children:h.is.function(f)?u(f,{}):f}))},Bottom:t=>{let V=t,{componentID:e,sheetID:d,sheetGroups:l,bodyScrolls:v,content:f,size:n="R",sizeChanged:r,baseStyles:a,openAfter:s,closeAfter:p,closeAtAroundClick:g,closeAtEscapeKeyDown:w,closeAtPageTransit:y,closeAtParentBlur:k,closeAtSwipeDown:j=!0,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:W}=V,U=X(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),$=h.getScreenSize(),A=[0,.2,.6,.95],I={ZERO:0,S:1,R:2,L:3},[D,H]=z(n),[x,B]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:A[I[n]]});T.update({[e]:{val_edit:x,resize:b=>{let S=A[I[b]];B(c=>R(C({},c),{value:S})),H(b)}}});const _={Start:b=>{h(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:_.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:_.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:_.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:_.End});let S=h.getCursor(b),c=R(C({},x),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:x.value,viewHeight:h.getScreenSize().height});T.update({[e]:{val_edit:c}}),B(c)},Move:b=>{var P;let S=(P=T.get(e))==null?void 0:P.val_edit;if(!S.process)return;let L=(h.getCursor(b).y-S.originY)/S.viewHeight,o=S.originValue-L;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let M=.2-o;M-=.1,o=.1+(.1-M)*.5}B(R(C({},S),{value:o}))},End:b=>{var o;let S=(o=T.get(e))==null?void 0:o.val_edit;if(!S.process)return;h(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let c=0;if(S.value<.1||(S.value<.5?c=1:S.value>.75?c=3:c=2),new Date().getTime()-S.processStart<300){let P=h.getCursor(b).y-S.originY;if(Math.abs(P)>=20){let M=+(P<0)*2-1;c+=M,c=Math.min(Math.max(c,0),A.length-1)}}c==0&&(j||(c=1)),H(["ZERO","S","R","L"][c]),B(R(C({},S),{value:A[c],process:!1}))}},Z=le(!1);return G(()=>{Z.current?D=="ZERO"?j&&N.close(d):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(D)},250):Z.current=!0},[D]),u(E,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:$.height*x.value},x.process?{transition:"0s"}:{}),children:F(re,R(C({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},a),{children:[u(Q.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(Q.Center,{onMouseDown:_.Start,onTouchStart:_.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(E,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})})}),u(E,R(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},U),{children:h.is.function(f)?u(f,{}):f}))]}))})},Custom:t=>{let V=t,{sheetID:e,sheetGroups:d,bodyScrolls:l,event:v,parent:f,nextToCursor:n,gravityPoint:r=22,content:a,closeAtAroundClick:s,closeAtEscapeKeyDown:p,closeAtPageTransit:g,closeAtParentBlur:w,closeAtSwipeDown:y,hold_state:k,openAfter:j,closeAfter:ee,overwrap:te,isOpen:oe,resize:W,backgroundEffect:U}=V,$=X(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","resize","backgroundEffect"]),[A]=z(J()),I=h.is.element(f)||h.is.jmini(f)?h(f):Y(f),D='[data-sheet-id="'+A+'"]',H='[data-sheet-content="'+A+'"]';r=r;let x=r%5||5,B=Math.ceil(r/5);const _={Init:()=>{if(n&&v){let i=h.getScreenSize(),se=h.getCursor(v);return{top:se.y-i.pageYOffset,left:se.x-i.pageXOffset}}let b={};if(!I||!I[0])return b;let{top:S,right:c,bottom:L,left:o,height:P,width:M}=I.position();return[1,2].includes(x)?b.left=o:x==3?b.left=o+M/2:[4,5].includes(x)&&(b.left=c),r<=10?b.top=S:r<=15?b.top=S+P/2:r<=25&&(b.top=L),b},Adjust:()=>{let b=Y(D).position(),S=Y(H).position(),c=I.position(),L=h.getScreenSize(),o={};for(let i in S)o[i]=S[i];if(h.scope(()=>{if(t.nextToCursor)return;let i=0;B==1?i=c.top-o.bottom:B==2?i=c.top-o.top:B==3?i=c.top-o.top+(c.height-o.height)/2:B==4?i=c.bottom-o.bottom:B==5&&(i=c.bottom-o.top),o.top+=i,o.bottom+=i}),h.scope(()=>{if(t.nextToCursor)return;let i=0;x==1?i=c.left-o.right:x==2?i=c.left-o.left:x==3?i=c.left-o.left+(c.width-o.width)/2:x==4?i=c.right-o.right:x==5&&(i=c.right-o.left),o.left+=i,o.right+=i}),o.top<0){let i=-o.top;o.top+=i,o.bottom+=i}if(o.bottom>L.height){let i=o.bottom-L.height;o.top-=i,o.bottom-=i}if(o.left<0){let i=-o.left;o.left+=i,o.right+=i}if(o.right>L.width){let i=o.right-L.width;o.left-=i,o.right-=i}let P=o.top-S.top,M=o.left-S.left;h(D).css({top:b.top+P+"px",left:b.left+M+"px"})}};let[Z]=z(_.Init());return G(()=>{Y(D).await(10).addClass(m("Open")).await(200).callback(()=>{(W==null||W)&&_.Adjust()}),T.update({["customSheet-"+t.sheetID]:{reposition:()=>{_.Adjust()}}})},[]),I[0]?u(E,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":A,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Z,children:u(pe,{position:"absolute",className:[m("GPT"),m("GPT_"+r),m("Col_"+x),m("Row_"+B)].join(" "),children:u(E,R(C({"data-sheet-content":A,flexSizing:"none",maxHeight:"viewHeight"},$),{freeCSS:C({maxWidth:"98vw"},$.freeCSS),children:h.is.function(a)?u(a,{}):a}))})}):null}},TapSensor:t=>u(E,{className:m("TapSensor"),children:u(ie.Plain,{className:m("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&N.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>u(q.Wrapper,{}),open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let v=t.sheetID||J(),l=t,{type:f,src:n}=l,r=X(l,["type","src"]);N.open(R(C({type:"normal.topCenter",backgroundColor:"trans"},r),{sheetID:v,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=z(h.flatArray(n)),[s,p]=z(0),g=[],w=[];return a.forEach((y,k)=>{g.push({value:k,label:u(ne,{src:h.flatArray(y)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),w.push(u(ne,{width:1,height:"auto",src:h.flatArray(y)[0]}))}),F(re,{gap:0,children:[F(Q.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[u(ue.Radio.Border,{icon:!1,value:s,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:y})=>{p(y)},cellStyles:{borderWidth:2,padding:"1/3"},options:g}),u(ie.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{N.close(v)},children:F(Q.Center,{gap:"1/3",children:["\u9589\u3058\u308B",u(ce.Times,{})]})})]}),u(he,{slideIndex:s,options:{loop:a.length>1,onSlideCallback:y=>{p(y)}},slides:w,wrapper:y=>u(E,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:y})})]})}}));return}let d=T.get("Sheet-"+K.get().sessionUID);d&&d.add(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=T.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=T.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,d){let l=O.getSessionStates();if(!l)return;let{val_sheets:v}=l;t=t==null?void 0:t.replace(/\./g,"-");let f=v.find(r=>r.sheetID==t);if(!f||e=="Escape"&&!f.closeAtEscapeKeyDown)return;let n=T.get(f.sheetID);n&&n.close&&n.close(d)},closeGroup:t=>{let e=O.getSessionStates();if(!e)return;let{val_sheets:d}=e;t=(t||"").replace(/\./g,"-");for(let l of d)l.sheetGroups&&l.sheetGroups==t&&N.close(l.sheetID)},closeAll:t=>{let e=O.getSessionStates();if(!e)return;let{val_sheets:d}=e;for(let l of d)t&&!l.closeAtPageTransit||N.close(l.sheetID,"pageTransit",!0)},Body:t=>u(E,C({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{N as Sheet,N as default};
|
|
1
|
+
import{b as C,c as E,d as K}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as Q}from"react/jsx-runtime";import h,{UUID as Z,Time as ae,useStore as T}from"jmini";import{useState as B,useEffect as G,useRef as le}from"react";import{$$fromRoot as X,Config as Y}from"../@utils";import{Box as k,Flex as pe,Img as ne,FAI as ce,Column as oe}from"../atoms";import{Row as re}from"../mols";import{Button as ie}from"./Button";import he from"./Input";import{SheetClasses as m}from"../@styles/componentClasses";import ue from"./Effect";const z={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=T.get("sessionStates-"+Y.get().sessionUID);return t||null},getNewSheetStates:t=>{var f;let e=E(C({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:ae()});if(e.type=="custom"){let l=e;l.parent=l.parent||((f=l==null?void 0:l.event)==null?void 0:f.currentTarget),e=l}return e}},J={Wrapper:()=>{let[t,e]=B(!1),[f,l]=B([]),y={val_sheets:f,set_sheets:l};T.set({["sessionStates-"+Y.get().sessionUID]:y}),G(()=>{T.set({["Sheet-"+Y.get().sessionUID]:{add:(n,r)=>{let a=T.get("Sheet-"+Y.get().sessionUID);if(!a)return;let s=z.getNewSheetStates(n);if(r!="inherit"&&(s.isOpen=r!=null?r:!0),!!a.find(s.sheetID)){l(g=>{let I=[...g],w=I.findIndex(L=>L.sheetID==s.sheetID);return w==-1||(I[w]=s),I});return}l(g=>[s,...g])},find:n=>{let r=z.getSessionStates();if(!r)return null;let{val_sheets:a}=r;return a.find(s=>s.sheetID==n)}}}),h(Y.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(n){let{key:r,metaKey:a}=n;if(r=="Escape"||r==","&&a){let s=z.getSessionStates();if(!s)return;let{val_sheets:c}=s,g=c.filter(w=>w.isOpen);if(!g.length)return;let I=g.reduce((w,L)=>w.created_at.value>L.created_at.value?w:L);N.close(I.sheetID,r)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(n){let r=z.getSessionStates();if(!r)return;let{val_sheets:a}=r,s=n.target;if(!s||s!=null&&s.closest("."+m("CustomSheet")))return;let c=a.filter(g=>g.type=="custom");c.length&&c.forEach(g=>{let{parent:I}=g;if(!g.closeAtAroundClick)return;let w=X(I)[0];I!==s&&w!==s&&(h(w).find(s).length||N.close(g.sheetID))})}})},[]),G(()=>{let n=f.filter(r=>r.backgroundEffect&&r.isOpen&&!r.overwrap&&r.type!="custom");e(!!n.length)},[f]),G(()=>{let n=X(".AMOTIFY_be_root");if(t){let a=h("html").position(),s=32/a.height,c=32/a.width;n.addClass(m("BodyEffect")).css({transform:`scale(${1-c},${1-s})`})}else n.css({transform:"scale(1)"}).removeClass(m("BodyEffect"))},[t]);let d=f.map(n=>u(J.Core,E(C({},y),{val_sheet:n,patch_sheet:r=>{l(a=>{let s=[...a],c=s.findIndex(g=>g.sheetID==n.sheetID);return c==-1||(s[c]=C(C({},s[c]),r)),s})},delete_sheet:()=>{l(r=>{let a=[...r],s=a.findIndex(c=>c.sheetID==n.sheetID);return s==-1||a.splice(s,1),a})}}),n.sheetID));return u(k,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:d})},Core:t=>{let{val_sheet:e,patch_sheet:f}=t,[l,y]=B(z.currentIndex+2),[d]=B(Z()),n=e.type!="custom"&&!e.overwrap;G(()=>{z.currentIndex++,h.scope(()=>{if(!e.closeAtParentBlur)return;let c=h(e.parent);c[0]&&c.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{c.removeEvent("SheetClosation-"+e.sheetID),f({isOpen:!1})}})}),T.set({[e.sheetID]:{resize:c=>{if(e.type=="drawer.bottom"){let g=T.get(d);g&&g.resize&&g.resize(c)}else(e.type.includes("normal")||e.type.includes("drawer"))&&f({size:c})},close:c=>{f({isOpen:!1})},open:()=>{f({isOpen:!0})}}})},[]),G(()=>{h.scope(()=>{let c=X("#"+d);if(e.isOpen){e.hold_state&&y(z.currentIndex+1),c.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}c.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),n&&h(Y.get().appRoot).focus(),e.hold_state)return f({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[r,a]=e.type.split("."),s=J.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"}[e.type]];return u(k,{className:[m("Wrap"),m("Tcate_"+r),m("Tpos_"+a),m("isMainSheet_"+n)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:l},id:d,children:Q(oe,{className:m("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!n&&u(J.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),u(s,C({componentID:d},e))]})},d)},Types:{Normal:t=>{let H=t,{sheetID:e,sheetGroups:f,bodyScrolls:l,content:y,className:d="",type:n,size:r="R",freeCSS:a,openAfter:s,closeAfter:c,closeAtAroundClick:g,closeAtEscapeKeyDown:I,closeAtPageTransit:w,closeAtParentBlur:L,closeAtSwipeDown:j,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:W}=H,U=K(H,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[F,A]=n.split("."),b={},x=[];return A.match(/top/)?(x.push("top"),b.marginBottom="auto"):A.match(/middle/)?(x.push("center"),b.marginTop="auto",b.marginBottom="auto"):A.match(/bottom/)&&(x.push("bottom"),b.marginTop="auto"),A.match(/left/i)?(x.push("left"),b.marginRight="auto"):A.match(/center/i)?(x.push("center"),b.marginLeft="auto",b.marginRight="auto"):A.match(/right/i)&&(x.push("right"),b.marginLeft="auto"),u(k,E(C(C({className:[m("BB"),d].join(" "),padding:1,transition:"long",opacity:"trans"},U),b),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[r],maxWidth:"96vw",transformOrigin:x.join(" ")},a),children:h.is.function(y)?u(y,{}):y}))},Edge:t=>{let U=t,{sheetID:e,sheetGroups:f,bodyScrolls:l,type:y,content:d,className:n="",size:r="R",openAfter:a,closeAfter:s,closeAtAroundClick:c,closeAtEscapeKeyDown:g,closeAtPageTransit:I,closeAtParentBlur:w,closeAtSwipeDown:L,hold_state:j,overwrap:q,isOpen:ee,backgroundEffect:te}=U,W=K(U,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return u(k,E(C(E(C({className:[m("BB"),n].join(" ")},y=="drawer.right"?{marginLeft:"auto"}:y=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),W),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},W.freeCSS),children:h.is.function(d)?u(d,{}):d}))},Bottom:t=>{let $=t,{componentID:e,sheetID:f,sheetGroups:l,bodyScrolls:y,content:d,size:n="R",sizeChanged:r,baseStyles:a,openAfter:s,closeAfter:c,closeAtAroundClick:g,closeAtEscapeKeyDown:I,closeAtPageTransit:w,closeAtParentBlur:L,closeAtSwipeDown:j=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:W}=$,U=K($,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),F=h.getScreenSize(),A=[0,.2,.6,.95],b={ZERO:0,S:1,R:2,L:3},[x,H]=B(n),[D,R]=B({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:A[b[n]]});T.update({[e]:{val_edit:D,resize:v=>{let S=A[b[v]];R(p=>E(C({},p),{value:S})),H(v)}}});const _={Start:v=>{h(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:_.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:_.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:_.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:_.End});let S=h.getCursor(v),p=E(C({},D),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:D.value,viewHeight:h.getScreenSize().height});T.update({[e]:{val_edit:p}}),R(p)},Move:v=>{var P;let S=(P=T.get(e))==null?void 0:P.val_edit;if(!S.process)return;let O=(h.getCursor(v).y-S.originY)/S.viewHeight,o=S.originValue-O;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let M=.2-o;M-=.1,o=.1+(.1-M)*.5}return R(E(C({},S),{value:o})),v.preventDefault(),v.stopPropagation(),!1},End:v=>{var o;let S=(o=T.get(e))==null?void 0:o.val_edit;if(!S.process)return;h(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(S.value<.1||(S.value<.5?p=1:S.value>.75?p=3:p=2),new Date().getTime()-S.processStart<300){let P=h.getCursor(v).y-S.originY;if(Math.abs(P)>=20){let M=+(P<0)*2-1;p+=M,p=Math.min(Math.max(p,0),A.length-1)}}p==0&&(j||(p=1)),H(["ZERO","S","R","L"][p]),R(E(C({},S),{value:A[p],process:!1}))}},V=le(!1);return G(()=>{V.current?x=="ZERO"?j&&N.close(f):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(x)},250):V.current=!0},[x]),u(k,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:F.height*D.value},D.process?{transition:"0s"}:{}),children:Q(oe,E(C({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},a),{children:[u(re.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(re.Center,{onMouseDown:_.Start,onTouchStart:_.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(k,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})})}),u(k,E(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},U),{children:h.is.function(d)?u(d,{}):d}))]}))})},Custom:t=>{let $=t,{sheetID:e,sheetGroups:f,bodyScrolls:l,event:y,parent:d,nextToCursor:n,gravityPoint:r=22,content:a,closeAtAroundClick:s,closeAtEscapeKeyDown:c,closeAtPageTransit:g,closeAtParentBlur:I,closeAtSwipeDown:w,hold_state:L,openAfter:j,closeAfter:q,overwrap:ee,isOpen:te,resize:W,backgroundEffect:U}=$,F=K($,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","resize","backgroundEffect"]),[A]=B(Z()),b=h.is.element(d)||h.is.jmini(d)?h(d):X(d),x='[data-sheet-id="'+A+'"]',H='[data-sheet-content="'+A+'"]';r=r;let D=r%5||5,R=Math.ceil(r/5);const _={Init:()=>{if(n&&y){let i=h.getScreenSize(),se=h.getCursor(y);return{top:se.y-i.pageYOffset,left:se.x-i.pageXOffset}}let v={};if(!b||!b[0])return v;let{top:S,right:p,bottom:O,left:o,height:P,width:M}=b.position();return[1,2].includes(D)?v.left=o:D==3?v.left=o+M/2:[4,5].includes(D)&&(v.left=p),r<=10?v.top=S:r<=15?v.top=S+P/2:r<=25&&(v.top=O),v},Adjust:()=>{let v=X(x).position(),S=X(H).position(),p=b.position(),O=h.getScreenSize(),o={};for(let i in S)o[i]=S[i];if(h.scope(()=>{if(t.nextToCursor)return;let i=0;R==1?i=p.top-o.bottom:R==2?i=p.top-o.top:R==3?i=p.top-o.top+(p.height-o.height)/2:R==4?i=p.bottom-o.bottom:R==5&&(i=p.bottom-o.top),o.top+=i,o.bottom+=i}),h.scope(()=>{if(t.nextToCursor)return;let i=0;D==1?i=p.left-o.right:D==2?i=p.left-o.left:D==3?i=p.left-o.left+(p.width-o.width)/2:D==4?i=p.right-o.right:D==5&&(i=p.right-o.left),o.left+=i,o.right+=i}),o.top<0){let i=-o.top;o.top+=i,o.bottom+=i}if(o.bottom>O.height){let i=o.bottom-O.height;o.top-=i,o.bottom-=i}if(o.left<0){let i=-o.left;o.left+=i,o.right+=i}if(o.right>O.width){let i=o.right-O.width;o.left-=i,o.right-=i}let P=o.top-S.top,M=o.left-S.left;h(x).css({top:v.top+P+"px",left:v.left+M+"px"})}};let[V]=B(_.Init());return G(()=>{X(x).await(10).addClass(m("Open")).await(200).callback(()=>{(W==null||W)&&_.Adjust()}),T.update({["customSheet-"+t.sheetID]:{reposition:()=>{_.Adjust()}}})},[]),b[0]?u(k,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":A,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:V,children:u(pe,{position:"absolute",className:[m("GPT"),m("GPT_"+r),m("Col_"+D),m("Row_"+R)].join(" "),children:u(k,E(C({"data-sheet-content":A,flexSizing:"none",maxHeight:"viewHeight"},F),{freeCSS:C({maxWidth:"98vw"},F.freeCSS),children:h.is.function(a)?u(a,{}):a}))})}):null}},TapSensor:t=>u(k,{className:m("TapSensor"),children:u(ie.Plain,{className:m("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&N.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>u(J.Wrapper,{}),open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let y=t.sheetID||Z(),l=t,{type:d,src:n}=l,r=K(l,["type","src"]);N.open(E(C({type:"normal.topCenter",size:"MAX",backgroundColor:"trans",height:"viewHeight"},r),{sheetID:y,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=B(h.flatArray(n)),[s,c]=B(0),g=[];return a.forEach((I,w)=>{g.push({value:w,label:u(ne,{src:h.flatArray(I)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),Q(oe,{gap:0,height:1,position:"relative",children:[Q(re.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[u(he.Radio,{icon:!1,value:s,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:I})=>{c(I)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:g}),u(ie.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{N.close(y)},children:u(ce.Times,{})})]}),u(ue.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:u(ne,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:a[s]})},s)]})}}));return}let f=T.get("Sheet-"+Y.get().sessionUID);f&&f.add(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=T.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=T.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,f){let l=z.getSessionStates();if(!l)return;let{val_sheets:y}=l;t=t==null?void 0:t.replace(/\./g,"-");let d=y.find(r=>r.sheetID==t);if(!d||e=="Escape"&&!d.closeAtEscapeKeyDown)return;let n=T.get(d.sheetID);n&&n.close&&n.close(f)},closeGroup:t=>{let e=z.getSessionStates();if(!e)return;let{val_sheets:f}=e;t=(t||"").replace(/\./g,"-");for(let l of f)l.sheetGroups&&l.sheetGroups==t&&N.close(l.sheetID)},closeAll:t=>{let e=z.getSessionStates();if(!e)return;let{val_sheets:f}=e;for(let l of f)t&&!l.closeAtPageTransit||N.close(l.sheetID,"pageTransit",!0)},Body:t=>u(k,C({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{N as Sheet,N as default};
|
package/dist/fn/SwipeView.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as w,c as m,d as D}from"../chunk-C5N2D3ZX.js";import{jsx as T}from"react/jsx-runtime";import c,{UUID as P}from"jmini";import{useState as V,useEffect as k,useRef as X}from"react";import{$$fromRoot as f}from"../@utils";import{Box as L,Flex as j}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let M=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:o=0,loop:s=!1,disableMousedrag:r=!1,disableTouch:l=!1}={},wrapper:i=n=>n,slides:S=[],slideIndex:B}=M,g=D(M,["options","wrapper","slides","slideIndex"]),[h]=V(P()),[d,b]=V({eventType:"init",index:t.slideIndex});const C=X(!1);k(()=>{b({eventType:"usr",index:t.slideIndex}),C.current||(C.current=!0)},[t.slideIndex]),k(()=>{let n=d.index+(s?1:0),v=[-1,S.length].includes(d.index);v||e&&setTimeout(()=>{e(d.index)},300);let E=f("#Swiper-"+h);if(d.eventType=="adjustLoop")E.await(250).css({transition:"0s",transform:x(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(d.eventType=="sys")E.await(250).css({transform:x(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(E.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:x(n)}).await(250).css({transition:"0s"}),v){let y=d.index==-1?S.length-1:0;b({eventType:"adjustLoop",index:y})}o&&!v&&c.interval(()=>{let y=d.index+1;!s&&y>S.length-1&&(y=0),b({eventType:"usr",index:y})},o-(d.eventType=="sys"?310:0),"SwipeTimer-"+h).once()},[d]);let p=S.map((n,v)=>T(L,{flexSizing:"none",width:1,height:0,className:a("Child"),children:i(n)},v));s&&(p.push(m(w({},p[0]),{key:p[0].key+"-Shallow0"})),p.unshift(m(w({},p[p.length-2]),{key:p[p.length-2].key+"-Shallow0"})));let A={x:0,y:0,process:!1,effectStartAt:0,id:h,loop:s,index:d.index,minIndex:s?-1:0,maxIndex:S.length+(s?1:-1),width:0,set_event:b},N=d.index+ +!!s;return T(L,m(w({overflow:"hidden",position:"relative"},g),{className:[g.className,a("SwipeView")].join(" "),freeCSS:w({zIndex:1},g.freeCSS),"data-swipe-id":h,onPointerDown:n=>{if(console.log(n),n.pointerType=="touch"){if(l)return}else if(n.pointerType=="mouse"&&(r||n.buttons!=1))return;I.Start(n,A)},children:T(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+h,freeCSS:w({},C.current?{}:{transform:x(N)}),children:p})}))},x=t=>`translateX( calc( ${-100*t}% - ${12*t}px ) )`,I={Start:(t,e)=>{let{x:u,y:o}=c.getCursor(t),s=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=m(w({},e),{x:u-e.x+window.scrollX,y:o-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:f("#Swiper-"+e.id).position().width});let{swipeId:l}=s.dataset;l==e.id&&c(document).addEvent({eventID:"SwipeView.PointerMove",eventType:"pointermove",callback:i=>{I.Check(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.PointerUp",eventType:"pointerup",callback:i=>{I.End(i,e)},options:{passive:!1}})},Check:(t,e)=>{if(e.process)return;let{x:u,y:o}=c.getCursor(t),s=Math.abs(u-e.x+window.scrollX),r=Math.abs(o-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+s<15))if(r>s/2)c(document).removeEvent(["SwipeView.PointerMove"]);else{e.process=!0;let l=e.index+(e.loop?1:0);f("#Swiper-"+e.id).children(l-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeView.Check.MouseMove",eventType:"mousemove",callback:i=>{I.Move(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.Check.TouchMove",eventType:"touchmove",callback:i=>{I.Move(i,e)},options:{passive:!1}}),t.preventDefault();return}},Move:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),o=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-o/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let l=r-e.maxIndex;r=e.maxIndex+l/2}f("#Swiper-"+e.id).css({transition:"0s",transform:x(r)}),t.preventDefault()},End:(t,e)=>{if(e.process){let o=c.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),r=s-e.effectStartAt,l=e.index+(e.loop?1:0),i=0;r<400?i=l-(+(o>0)*2-1):i=Math.round(l-o/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,l===i?(e.effectStartAt=s,f("#Swiper-"+e.id).css({transition:".2s",transform:x(i)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(l).addClass(a("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}c(document).removeEvent(["SwipeView.PointerMove","SwipeView.Check.MouseMove","SwipeView.Check.TouchMove","SwipeView.PointerUp"])}},R=t=>T(_,m(w({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{R as SwipeView,R as default};
|
package/dist/fn/Table/Data.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as r,c as m,d as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as z,jsx as l,jsxs as x}from"react/jsx-runtime";import D,{UUID as Z,useStore as ee}from"jmini";import{useState as te,useEffect as W}from"react";import{useRefresh as F}from"../../@utils";import{Box as B,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as se}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ie}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ce}from"@fortawesome/free-solid-svg-icons/faFilter";import R from"./Parts";import de from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:Z(),Header:t=>{var h,b;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(R.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(B,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let C=e.rows;C.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:C}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],C=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?se:ne:ie}):null,v=l(z,{});if(C){let _=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});_=[...new Set(_)].order({direction:"ASC"});let T=a.current[o];if(T){let P=_.filter(w=>!T.includes(w)),A=[];_.forEach(w=>{w&&A.push({value:w,label:l(B,{flexSizing:"auto",children:w})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,G={sheetID:$,parent:"#"+X,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:w})=>{let M=_.filter(ae=>!w.includes(ae)),Q=r({},e);Q.filter.current[o]=M,n(Q)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{j.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let w=[];T.length||(w=_);let M=r({},e);M.filter.current[o]=w,n(M)},children:"\u5168\u9078\u629E"})]})]})};j.open(G,!1),v=l(B,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!T.length),id:X,onClick:w=>{w.stopPropagation(),j.open(G)},children:l(N,{icon:ce})})})}}let q={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},re=V(q),J=e.cellStylesCallback?e.cellStylesCallback(q):{};i=m(r(r(r(r({},e.cellStyles),re),i),J),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),J.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(R.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:_=>{if(S){let T=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];T.order.current=P,n(T),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[v,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(R.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),b=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(R.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),b),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),b.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(B,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>D.is.equal(S.rowID,s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var v;if(!c)return;let O=c,{type:b="td"}=O,o=Y(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(v=e.cellStyles)==null?void 0:v.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let C=R[b=="td"?"TD":"TH"];g.push(l(C,r({},o),h))}),u.push(l(R.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(B,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(z,{children:e.noRecords})),u.push(l(R.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(R.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(z,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(C=>!S.includes(C[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let b=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return ee.update({[b]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(C=>D.is.equal(C.rowID,S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(C=>D.is.equal(C.rowID,S)).filtered=!0}),i}}}),W(()=>{F.release(e.tableID,o)}),l(B,{className:y("TableBase"),children:l(R.Table,{className:y("Table"),children:x(R.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return D.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return D.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=D.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=te(Z()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,b]=te(c);return W(()=>{b(o=>m(r({},o),{rows:c.rows}))},[D.Stringify(c.rows)]),W(()=>{b(o=>m(r({},o),{head:c.head}))},[D.Stringify(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=ee.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},U={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),D.interval(()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))},200,"InputSearchTime").once()}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],SelectorStyles:{freeCSS:{minWidth:12*9}},SelectorPosition:4,value:n.paging.rowLength,options:d,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ge=t=>l(de,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),k=ge;k.__memoryID=I.__memoryID,k.getRowData=ue.getRowData,k.Info=U.Info,k.Paging=U.Paging,k.RowLength=U.RowLength,k.SearchInput=U.SearchInput;export{k as Data,k as default};
|
|
1
|
+
import{b as r,c as m,d as G}from"../../chunk-C5N2D3ZX.js";import{Fragment as j,jsx as l,jsxs as x}from"react/jsx-runtime";import D,{UUID as Q,useStore as Y}from"jmini";import{useState as Z,useEffect as W}from"react";import{useRefresh as F}from"../../@utils";import{Box as B,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import ee from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as se}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ie}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ce}from"@fortawesome/free-solid-svg-icons/faFilter";import R from"./Parts";import de from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:Q(),Header:t=>{var h,b;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(R.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(B,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let C=e.rows;C.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:C}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],C=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?se:ne:ie}):null,v=l(j,{});if(C){let _=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});_=[...new Set(_)].order({direction:"ASC"});let T=a.current[o];if(T){let P=_.filter(w=>!T.includes(w)),A=[];_.forEach(w=>{w&&A.push({value:w,label:l(B,{flexSizing:"auto",children:w})})});let J="BUTTON-"+e.componentID+"-"+o,X=e.componentID+"-"+o,re={sheetID:X,parent:"#"+J,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"2/3",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:w})=>{let M=_.filter(ae=>!w.includes(ae)),$=r({},e);$.filter.current[o]=M,n($)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{ee.close(X)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let w=[];T.length||(w=_);let M=r({},e);M.filter.current[o]=w,n(M)},children:"\u5168\u9078\u629E"})]})]})};v=l(B,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!T.length),id:J,onClick:w=>{w.stopPropagation(),ee.open(re)},children:l(N,{icon:ce})})})}}let z={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},te=V(z),q=e.cellStylesCallback?e.cellStylesCallback(z):{};i=m(r(r(r(r({},e.cellStyles),te),i),q),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),q.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(R.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:_=>{if(S){let T=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];T.order.current=P,n(T),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[v,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(R.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),b=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(R.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),b),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),b.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(B,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>D.is.equal(S.rowID,s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var v;if(!c)return;let O=c,{type:b="td"}=O,o=G(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(v=e.cellStyles)==null?void 0:v.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let C=R[b=="td"?"TD":"TH"];g.push(l(C,r({},o),h))}),u.push(l(R.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(B,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(j,{children:e.noRecords})),u.push(l(R.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(R.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(j,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(C=>!S.includes(C[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let b=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return Y.update({[b]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(C=>D.is.equal(C.rowID,S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(C=>D.is.equal(C.rowID,S)).filtered=!0}),i}}}),W(()=>{F.release(e.tableID,o)}),l(B,{className:y("TableBase"),children:l(R.Table,{className:y("Table"),children:x(R.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return D.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return D.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=D.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=Z(Q()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,b]=Z(c);return W(()=>{b(o=>m(r({},o),{rows:c.rows}))},[D.Stringify(c.rows)]),W(()=>{b(o=>m(r({},o),{head:c.head}))},[D.Stringify(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=Y.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},U={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),D.interval(()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))},200,"InputSearchTime").once()}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],SelectorStyles:{freeCSS:{minWidth:12*9}},SelectorPosition:4,value:n.paging.rowLength,options:d,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ge=t=>l(de,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),k=ge;k.__memoryID=I.__memoryID,k.getRowData=ue.getRowData,k.Info=U.Info,k.Paging=U.Paging,k.RowLength=U.RowLength,k.SearchInput=U.SearchInput;export{k as Data,k 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 h,e as P}from"../../chunk-C5N2D3ZX.js";import{Fragment as Y,jsx as a,jsxs as z}from"react/jsx-runtime";import w,{UUID as _,useStore as N}from"jmini";import{useState as j,useEffect as L}from"react";import{$$fromRoot as H}from"../../@utils";import{FAI as k}from"../../atoms";import{Button as A}from"../Button";import O from"../Tooltips";import C from"./Parts";import W from"./Wrapper";import{faGripVertical as U}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemAdjustingStyles as E}from"./cellStyling";import{TableClasses as n}from"../../@styles/componentClasses";const x={HeadRow:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,colLength:c,head:l,rows:p}=o;if(!l)return null;let u=[];for(let d=0;d<c;d++){let f=l[d],v=C[f.type=="th"?"TH":"TD"],b={top:!0,bottom:!p.length,left:d==0,right:d==c-1,rowIndex:0,colIndex:d,isBody:!1,isHeader:!0},y=E(b),r=s?s(b):{};u.push(a(v,h(e(e(e(e({},t),y),f),r),{freeCSS:e(e(e({},t.freeCSS),r.freeCSS),f.freeCSS),className:[n("Cell"),i,f.className].join(" ")}),d))}return a(C.Row,{className:[n("Row"),n("HeadRow")].join(" "),children:u})},BodyRows:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,head:c,rows:l,colLength:p,onOrderChanged:u}=o,[d]=j(_()),[f,v]=j({rows:l,origin:0,to:NaN}),b=[];if(f.rows.forEach((y,r)=>{let S=[];{let g={top:r==0&&!c,bottom:r==l.length-1,left:!0,right:!1,rowIndex:r,colIndex:0,isBody:!0,isHeader:!1},m=E(g),D=s?s(g):{};S.push(a(C.TH,h(e(e(e({padding:0,borderRight:!0},t),m),D),{freeCSS:e(e({},t.freeCSS),D.freeCSS),className:[n("Cell"),n("Draggable"),i].join(" "),children:a(A.Clear,{className:n("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onPointerDown:T=>{R.Start(T,{id:d,index:r,rows:f.rows,maxLength:l.length})},children:a(k,{icon:U})})}),"DragOrigin"))}y.forEach((g,m)=>{g=e({},g);let D=C[g.type=="th"?"TH":"TD"],T={top:!!c&&!c.length,bottom:r==l.length-1,left:!1,right:m==p-2,rowIndex:r,colIndex:m,isBody:!0,isHeader:!1},I=E(T),B=s?s(T):{};S.push(a(D,h(e(e(e(e({},t),I),g),B),{freeCSS:e(e(e({},t.freeCSS),B.freeCSS),g.freeCSS),className:[n("Cell"),i,g.className].join(" ")}),m))}),b.push(a(C.Row,{id:"TableRow-"+d+"-"+r,className:[n("Row"),n("BodyRow")].join(" "),children:S},r))}),!isNaN(f.to)){let{origin:y,to:r}=f,S=[];S.push(a(C.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[n("Cell"),n("Draggable"),i].join(" "),children:a(k.ArrowRight,{fontColor:"theme"})},"dragButton")),f.rows[y].forEach((m,D)=>{m=e({},m);let T=C[m.type=="th"?"TH":"TD"],I={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},B=E(I),M=s?s(I):{};S.push(a(T,h(e(e(h(e({className:[n("Cell"),i,m.className].join(" ")},B),{backgroundColor:"theme.opa.low"}),M),m),{freeCSS:e(e(e({},t.freeCSS),M.freeCSS),m.freeCSS)})))}),b.splice(r,0,a(C.Row,{className:[n("Row"),n("Pre")].join(" "),children:S},"preSet"))}return L(()=>{N.set({[d]:{swap:(y,r)=>{if(r||r==0){let S=f.rows[y],g=[...f.rows];g.splice(y,1),g.splice(r-(y<r?1:0),0,S),v({rows:g,origin:0,to:NaN}),u(g.map(m=>w.Objectify(m.rowID)))}},preSet:y=>{let{origin:r,index:S}=y;v({rows:f.rows,origin:r,to:S})}}})}),L(()=>()=>{N.delete(d)},[]),a(Y,{children:b})},Drag:o=>(o=e({},o),o.colLength=o.colLength+1,o.head&&(o.head=[{children:a(A.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{O.open({parent:t.currentTarget,content:z(O.Body,{children:[a(k,{icon:U}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:a(k.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...o.head]),o.rows=o.rows.map((t,i)=>(t.rowID=w.Stringify(t.rowID||i),t)),a(C.Table,{className:n("Table"),children:z(C.Body,{children:[a(x.HeadRow,e({},o)),a(x.BodyRows,e({},o))]})}))},$=o=>a(W,h(e({type:"drag"},o),{JSXChildren:x.Drag})),R={Start:function(o,t){return P(this,null,function*(){o.stopPropagation(),o.preventDefault();let{id:i,index:s,rows:c,maxLength:l}=t;H("#TableRow-"+i+"-"+s).addClass(n("DraggerOrigin")),w(document).addEvent({eventID:"DragMouseMove",eventType:"pointermove",callback:p=>{R.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:p=>{R.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"pointerup",callback:p=>{R.End(p,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:p=>{R.End(p,t)}})})},Move:function(o,t){let{id:i,maxLength:s}=t,c=w.getCursor(o).y-w.getScreenSize().scrollY;for(let l=0;l<s;l++){let p=H("#TableRow-"+i+"-"+l),{top:u,bottom:d,height:f}=p.position();l==0&&c<u?t.insertIndex=0:l===s-1&&d<=c?t.insertIndex=s:c>=u&&c<d&&(t.insertIndex=l+1)}{let{index:l,insertIndex:p}=t,u=N.get(i);u&&u.preSet&&u.preSet({origin:l,index:p})}return o.stopPropagation(),o.preventDefault(),!1},End:function(o,t){let{id:i,index:s,insertIndex:c}=t,l=N.get(i);l&&l.swap&&l.swap(s,c),H("#TableRow-"+i+"-"+s).removeClass(n("DraggerOrigin")),w(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{$ as Drag,$ as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "amotify",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.97",
|
|
4
4
|
"description": "UI Component for React,NextJS,esbuild",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "run-p clean build:*",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@fortawesome/free-regular-svg-icons": "^6.5.2",
|
|
90
90
|
"@fortawesome/free-solid-svg-icons": "^6.6.0",
|
|
91
91
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
92
|
-
"jmini": "^0.0.
|
|
92
|
+
"jmini": "^0.0.21",
|
|
93
93
|
"react": "^18.3.1"
|
|
94
94
|
},
|
|
95
95
|
"devDependencies": {
|