amotify 0.1.7 → 0.1.9

package/dist/fn/Layout/SwipeView.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration/_';
+declare namespace SwipeView {
+    type Input = TagProperty.BasicElement & {
+        slideIndex?: number;
+        slides: ReactElement[];
+        wrapper?: {
+            (slide: ReactElement): ReactElement;
+        };
+        options?: {
+            onSlideCallback?: {
+                (index: number): void;
+            };
+            visibilitySurroundSlide?: boolean;
+            autoSwipeSeconds?: number;
+            loop?: boolean;
+            disableMousedrag?: boolean;
+            disableTouch?: boolean;
+        };
+    };
+    type SlideEvent = {
+        eventType: 'usr' | 'sys' | 'init' | 'adjustLoop';
+        index: number;
+    };
+    type SliderInfo = {
+        x: number;
+        y: number;
+        effectStartAt: number;
+        process: boolean;
+        loop: boolean;
+        id: string;
+        index: number;
+        minIndex: number;
+        maxIndex: number;
+        width: number;
+        set_event: React.Dispatch<React.SetStateAction<SlideEvent>>;
+    };
+}
+declare const SwipeView: (params: SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
+export { SwipeView, SwipeView as default };

package/dist/fn/Layout/SwipeView.js

@@ -0,0 +1 @@
+import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as g}from"react/jsx-runtime";import{useState as R,useEffect as M,useRef as N}from"react";import{$$ as r,Config as h,useStore as X}from"../../@utils/_";import L from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as o}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipeSeconds:p=0,loop:s=!1,disableMousedrag:a=!1,disableTouch:d=!1}={},wrapper:i=n=>n,slides:v=[]}=D,I=k(D,["options","wrapper","slides"]),[w]=R(r.uuid.gen()),[c,y]=R({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const E=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),E.current||(E.current=!0)},[t.slideIndex]),M(()=>{let n=c.index+(s?1:0),m=[-1,v.length].includes(c.index);m||e&&setTimeout(()=>{e(c.index)},300);let b=r(h.get().appRoot).find("#Swiper-"+w);if(c.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass([o("Display"),o("LoopAdjusting")]).await(100).removeClass(o("LoopAdjusting"));else if(c.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(o("Display")).parent().children(n).addClass(o("Display"));else if(b.children().removeClass(o("Display")).parent().children(n).addClass(o("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=c.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}p&&!m&&(r.interval.clear("SwipeTimer-"+w),r.interval.standBy("SwipeTimer-"+w,p-(c.eventType=="sys"?310:0),()=>{let x=c.index+1;!s&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[c]);let S=v.map((n,m)=>g(L,{flexSizing:"none",width:1,height:0,className:o("Child"),children:i(n)},m));s&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:s,index:c.index,minIndex:s?-1:0,maxIndex:v.length+(s?1:-1),width:0,set_event:y},A=c.index+(s?1:0);return g(L,T(f({overflow:"hidden",position:"relative"},I),{className:[I.className,o("SwipeView")].join(" "),freeCSS:f({zIndex:1},I.freeCSS),"data-swipe-id":w,onMouseDown:n=>{a||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;d||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:g(j,{flexWrap:!1,gap:1,transition:"long",className:[o("Rail"),o("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},E.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:p}=r.getCursor(t),s=t.currentTarget,a=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(a.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:p-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:r(h.get().appRoot).find("#Swiper-"+e.id).position().width});let{swipeId:d}=s.dataset;d==e.id&&r(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:i=>{l.EffectCheck(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:i=>{l.EffectEnd(i,e)},option:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:p}=r.getCursor(t),s=Math.abs(u-e.x+window.scrollX),a=Math.abs(p-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(a+s<15))if(a>s/2)r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let d=e.index+(e.loop?1:0);r(h.get().appRoot).find("#Swiper-"+e.id).children(d-1).addClass(o("Display")),r(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:i=>{l.EffectMove(i,e)},option:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=r.getCursor(t),p=u-e.x+window.scrollX,a=e.index+(e.loop?1:0)-p/e.width;if(a<0)a/=2;else if(a>e.maxIndex){let d=a-e.maxIndex;a=e.maxIndex+d/2}r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(a)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let p=r.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),a=s-e.effectStartAt,d=e.index+(e.loop?1:0),i=0;a<400?i=d-(+(p>0)*2-1):i=Math.round(d-p/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,d===i?(e.effectStartAt=s,r(h.get().appRoot).find("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(i)}).await(310).css({transition:"0s"}).children().removeClass(o("Display")).parent().children(d).addClass(o("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}r(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>g(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};

package/dist/fn/Layout/TabBar.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration/_';
+declare namespace TabBar {
+    type Input = {
+        tabIndex: number;
+        tabs: ReactElement[];
+        onTabChange?: {
+            (index: number): void;
+        };
+        componentDidMount?: {
+            (): void;
+        };
+    } & TagProperty.BasicElement;
+}
+declare const TabBar: React.FC<TabBar.Input>;
+export { TabBar, TabBar as default };

package/dist/fn/Layout/TabBar.js

@@ -0,0 +1 @@
+import{b as o,c as l,d as m}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as s}from"react";import c from"../../atoms/Box";import x from"../../atoms/Flex";import v from"../Input/_";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),a(x,l(o({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(c,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];r&&r(t)}})})}))};export{u as TabBar,u as default};

package/dist/fn/Layout/_.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import _SwipeView from './SwipeView';
+import _PageViewController from './PageViewController';
+import _TabBar from './TabBar';
+import _Plate from './Plate';
+import _PageNotFound from './PageNotFound';
+import _PageRouter from './PageRouter';
+import _RootViewController from './RootViewController';
+declare namespace Layout {
+    type Methods = {
+        PageViewController: React.FC<_PageViewController.Input>;
+        TabBar: React.FC<_TabBar.Input>;
+        Plate: React.FC<_Plate.Input>;
+        SwipeView: React.FC<_SwipeView.Input>;
+        PageRouter: React.FC<_PageRouter.Input>;
+        PageNotFound: React.FC<{}>;
+        RootViewController: _RootViewController.Methods;
+    };
+    export import PageViewController = _PageViewController;
+    export import TabBar = _TabBar;
+    export import Plate = _Plate;
+    export import SwipeView = _SwipeView;
+    export import PageRouter = _PageRouter;
+    export import PageNotFound = _PageNotFound;
+    export import RootViewController = _RootViewController;
+}
+export { Layout, Layout as default };

package/dist/fn/Layout/_.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.js";import r from"./SwipeView";import t from"./PageViewController";import p from"./TabBar";import i from"./Plate";import a from"./PageNotFound";import m from"./PageRouter";import l from"./RootViewController";var o;(e=>(e.PageViewController=t,e.TabBar=p,e.Plate=i,e.SwipeView=r,e.PageRouter=m,e.PageNotFound=a,e.RootViewController=l))(o||(o={}));export{o as Layout,o as default};

package/dist/fn/Loader/_.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { TagProperty } from '../../@declaration/_';
+declare namespace Loader {
+    type Methods = Color & FNs;
+    type Color = {
+        Theme: Size<CompInput>;
+        Posi: Size<CompInput>;
+        Nega: Size<CompInput>;
+        Warn: Size<CompInput>;
+        White: Size<CompInput>;
+        Cloud: Size<CompInput>;
+    };
+    type Size<T> = {
+        S: React.FC<T>;
+        R: React.FC<T>;
+        L: React.FC<T>;
+        XL: React.FC<T>;
+        MAX: React.FC<T>;
+    };
+    type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX';
+    type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'cloud';
+    type CompInput = TagProperty.Params & {
+        showInitial?: boolean;
+        loaderID?: string;
+    };
+    type FNs = {
+        Wrapper(): JSX.Element;
+        fn: {
+            stopALL(): void;
+            top: {
+                active(): void;
+                stop(): void;
+            };
+            corner: {
+                active(): void;
+                stop(): void;
+            };
+            mini: {
+                active(loaderID?: string): void;
+                stop(loaderID?: string): void;
+                stopALL(): void;
+            };
+        };
+    };
+}
+declare const Loader: Loader.Methods;
+export { Loader, Loader as default };

package/dist/fn/Loader/_.js

@@ -0,0 +1 @@
+import{b as n}from"../../chunk-VY3566IV.js";import{jsx as a,jsxs as g}from"react/jsx-runtime";import{$$ as l,Config as p,useStore as i}from"../../@utils/_";import L from"../../atoms/Box";import{LoaderClasses as m}from"../../@styles/componentClasses/_";import{Top as C}from"./top";import{Mini as c}from"./mini";import{Corner as f}from"./corner";const s=o=>{let t=o.color;return{S:e=>a(c,n({size:"S",color:t},e)),R:e=>a(c,n({size:"R",color:t},e)),L:e=>a(c,n({size:"L",color:t},e)),XL:e=>a(c,n({size:"XL",color:t},e)),MAX:e=>a(c,n({size:"MAX",color:t},e))}},d={Wrapper:()=>g(L,{className:["AMOTIFY_be",m("Wrapper")].join(" "),children:[a(C,{}),a(f,{})]}),Theme:s({color:"theme"}),Posi:s({color:"posi"}),Nega:s({color:"nega"}),Warn:s({color:"warn"}),White:s({color:"white"}),Cloud:s({color:"cloud"}),fn:{top:{active:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-top-"+p.get().sessionUID+"-corner");o&&o.stop()}},corner:{active:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=i.get("Loader-corner-"+p.get().sessionUID+"-corner");o&&o.stop()}},mini:{active:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.active&&r.active(o)})},stop:(o="")=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=i.get(e);r&&r.stop&&r.stop(o)})},stopALL:()=>{l(p.get().appRoot).find("."+m("MiniLoader")).for(o=>{let{dataset:{componentId:t}={}}=o;if(!t)return;let e=i.get(t);e&&e.stopForce&&e.stopForce()})}},stopALL:()=>{d.fn.top.stop(),d.fn.corner.stop(),d.fn.mini.stopALL()}}};export{d as Loader,d as default};

package/dist/fn/Loader/corner.d.ts

@@ -0,0 +1 @@
+export declare const Corner: () => import("react/jsx-runtime").JSX.Element;

package/dist/fn/Loader/corner.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.js";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Config as n,useStore as l}from"../../@utils/_";import{useState as d,useEffect as c}from"react";import o from"../../atoms/Box";import s from"../../atoms/Flex";import{LoaderClasses as e}from"../../@styles/componentClasses/_";const N=()=>{let[i,r]=d(!1);return c(()=>{l.set({key:"Loader-corner-"+n.get().sessionUID+"-corner",value:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),e("Active_"+i)].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{pointerEvents:"none",transform:"translateX(-50%)"},children:[t(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(o,{className:e("Ld4")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld1")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld4")})]}),a(o,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading"})]})};export{N as Corner};

package/dist/fn/Loader/mini.d.ts

@@ -0,0 +1,6 @@
+import { Loader } from './_';
+declare const Mini: (params: Loader.CompInput & {
+    color?: Loader.Colors;
+    size?: Loader.Sizes;
+}) => import("react/jsx-runtime").JSX.Element;
+export { Mini };

package/dist/fn/Loader/mini.js

@@ -0,0 +1 @@
+import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as k}from"react/jsx-runtime";import{$$ as g,Config as L,useStore as z}from"../../@utils/_";import{useState as l,useEffect as w}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses/_";import I from"../../mols/Row";const R=u=>{let m=u,{color:C="theme",size:t="R",showInitial:c=!1,loaderID:S=""}=m,y=h(m,["color","size","showInitial","loaderID"]),[n]=l(S),[s]=l(g.uuid.gen()),[p,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[C];return w(()=>{let r=g(L.get().appRoot).find('[data-component-id="'+s+'"]');p?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[p]),w(()=>{z.set({key:s,value:{active:r=>{n==r&&a(!0)},stop:r=>{n==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:s,position:"relative"},y),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};

package/dist/fn/Loader/top.d.ts

@@ -0,0 +1,2 @@
+declare const Top: () => import("react/jsx-runtime").JSX.Element;
+export { Top };

package/dist/fn/Loader/top.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Config as t,useStore as c}from"../../@utils/_";import{useState as n,useEffect as C}from"react";import{LoaderClasses as o}from"../../@styles/componentClasses/_";import l from"../../atoms/Box";import a from"../../atoms/Flex";const d=()=>{let[s,i]=n(!1);return C(()=>{c.set({key:"Loader-top-"+t.get().sessionUID+"-corner",value:{active:()=>{i(!0)},stop:()=>{i(!1)}}})},[]),e(a,{className:[o("TopLoader"),o("Active_"+s)].join(" "),position:"fixed",top:0,left:0,right:0,bottom:0,horizontalAlign:"center",transition:"long",opacity:"trans",backgroundColor:"lcOpHigh",freeCSS:{paddingTop:12*8,pointerEvents:"none"},children:r(a,{flexType:"col",position:"relative",children:[e(a,{className:o("Center"),flexCenter:!0,children:r(l,{children:[e(l,{className:[o("Child"),o("Child1")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarken"})}),e(l,{className:[o("Child"),o("Child2")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarker"})}),e(l,{className:[o("Child"),o("Child3")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcDarkest"})}),e(l,{className:[o("Child"),o("Child4")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighten"})}),e(l,{className:[o("Child"),o("Child5")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLighter"})}),e(l,{className:[o("Child"),o("Child6")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"tcLightest"})}),e(l,{className:[o("Child"),o("Child7")].join(" "),children:e(l,{className:o("Circle"),backgroundColor:"theme"})})]})}),e(l,{flexCenter:!0,fontSize:"2.normal",children:"Loading..."})]})})};export{d as Top};

package/dist/fn/Sheet.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+import { $$ } from '../@utils/_';
+import Box from '../atoms/Box';
+declare namespace Sheet {
+    type Methods = {
+        Wrapper(): JSX.Element;
+        open(params: Params): void;
+        refresh(params: Params, open: boolean): void;
+        resize(params: {
+            sheetID: string;
+            size: SizeParams;
+        }): void;
+        reposition(sheetID: string): void;
+        close(key: string, eventType?: 'Escape' | 'pageTransit', force?: boolean): void;
+        closeGroup(keyGroup: string): void;
+        closeAll(pageTransit?: boolean): void;
+        Comps: {
+            Body: React.FC<Box.Input>;
+        };
+    };
+    type Params = NormalParams | EdgeParams | CustomParams | ImageParams | Bottom.Params;
+    type UniParams = {
+        sheetID?: string;
+        sheetGroups?: string | string[];
+        backgroundEffect?: boolean;
+        content: ReactElement | {
+            (): JSX.Element;
+        };
+        overwrap?: boolean;
+        close_option?: CloseOptions;
+        hold_state?: boolean;
+        openAfter?(): void;
+        closeAfter?(): void;
+    } & TagProperty.BasicElement;
+    type SizeParams = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
+    type CloseOptions = {
+        pageTransit?: boolean;
+        escapeKeyDown?: boolean;
+        aroundClick?: boolean;
+        elementBlur?: $$.Args;
+    };
+    type Sheet = 'normal.topLeft' | 'normal.topCenter' | 'normal.topRight' | 'normal.middleLeft' | 'normal.middleCenter' | 'normal.middleRight' | 'normal.bottomLeft' | 'normal.bottomCenter' | 'normal.bottomRight' | 'drawer.left' | 'drawer.right' | 'drawer.bottom' | 'custom' | 'image';
+    type NormalParams = UniParams & {
+        type: Sheet;
+        size?: SizeParams;
+    };
+    type EdgeParams = UniParams & {
+        type: Sheet;
+        size?: SizeParams;
+    };
+    type CustomParams = UniParams & {
+        type: 'custom';
+        parent: $$.Args;
+        gravityPoint?: number;
+    };
+    type ImageParams = Omit<UniParams, 'content'> & {
+        type: 'image';
+        src: string | string[];
+    };
+    namespace Bottom {
+        type Sizes = 'S' | 'R' | 'L';
+        type Params = UniParams & {
+            type: 'drawer.bottom';
+            size: Sizes;
+            sizeChanged?(size: Sizes): void;
+            baseStyles?: TagProperty.Params;
+            close_option?: CloseOptions & {
+                swipeDown?: boolean;
+            };
+        };
+    }
+}
+declare const Sheet: Sheet.Methods;
+export { Sheet, Sheet as default };

package/dist/fn/Sheet.js

@@ -0,0 +1 @@
+import{b as d,c as B,d as O}from"../chunk-VY3566IV.js";import{jsx as n,jsxs as j}from"react/jsx-runtime";import{useState as z,useEffect as H,useRef as K}from"react";import{$$ as t,Config as R,useStore as _}from"../@utils/_";import P from"../atoms/Box";import V from"../atoms/Img";import $ from"../atoms/FAI";import Z from"../atoms/Flex";import G from"../mols/Column";import U from"../mols/Row";import Y from"./Button";import J from"./Layout/_";import Q from"./Input/_";import{SheetClasses as l}from"../@styles/componentClasses/_";const h={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},Wrapper:()=>{let[e,o]=z(t.uuid.gen());_.set({key:"Sheet-"+R.get().sessionUID,value:{refresh:()=>{o(t.uuid.gen())}}}),H(()=>{t(document).addEvent({eventType:"keyup",callback:function(s){let{key:r,metaKey:f}=s;if(r=="Escape"||r==","&&f){let g=Object.values(h.contents).filter(S=>S.open);if(!g.length)return;let a=g.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(a.params.sheetID,r)}}}).addEvent({eventType:"click",callback:function(s){var g;let r=Object.values(h.contents).filter(a=>a.params.type=="custom");!r.length||r.find(a=>{let{params:S}=a,w=t(R.get().appRoot).find(S.parent),I=t(R.get().appRoot).find(s.target);return w[0]==I[0]||!!w.find(I).length})||(g=s.target)!=null&&g.closest("."+l("CustomSheet"))||r.forEach(a=>{var S;(S=a.params.close_option)!=null&&S.aroundClick&&x.close(a.params.sheetID)})}})},[]);let m=Object.entries(h.contents).map(([s,r])=>n(P,{id:"Sheet-"+s,children:n(h.Core,d({},r.params))}));return n(P,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:m})},addNewSheet:function(e){if(e=B(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||t.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,!0);return}this.contents[e.sheetID]={open:!0,hold_state:!!e.hold_state,params:e,created_at:t.Time()};let o=_.get("Sheet-"+R.get().sessionUID);o&&o.refresh()},Core:e=>{var y;let[o]=z(t.uuid.gen()),[m,s]=z(e),[r,f]=z(!0),{type:g,sheetID:a,openAfter:S,closeAfter:w}=m,I=!e.overwrap,v=h.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[g]];H(()=>{_.set({key:a,value:{refresh:(i,u)=>{s(i),f(u!=null?u:!1)},resize:i=>{if(g=="drawer.bottom"){let u=_.get(o);u&&u.resize&&u.resize(i)}else(m.type.includes("normal")||m.type.includes("drawer"))&&s(B(d({},m),{size:i}))},close:i=>{h.contents[a].open=!1,f(!1)},open:()=>{h.contents[a].open=!0,f(!0)}}})}),H(()=>{h.currentIndex++;let{close_option:i}=e;t.scope(()=>{if(!(i!=null&&i.elementBlur))return;let u=t(R.get().appRoot).find(i.elementBlur);u[0]&&u.addEvent({eventID:"SheetClosation-"+a,eventType:"mouseout",callback:()=>{x.close(a),t().removeEvent("SheetClosation-"+a)}})})},[]),H(()=>{t.scope(()=>{if(I&&e.backgroundEffect)if(h.subSheetLength=h.subSheetLength+(r?1:-1),r){let i=t("html");if(h.subSheetLength==1){let u=i[0].scrollTop;h.mainSheetScrolls=u}R.get().isPhone||(i.abort().addClass(l("FixHeight")).callback(()=>{t(R.get().appRoot).find(".AMOTIFY_be_root").addClass(l("FixScroll"))[0].scrollTop=h.mainSheetScrolls}).addClass([l("FloatMainSheet"),l("Type_"+g)])[0].scrollTop=0)}else{if(h.subSheetLength!=0||R.get().isPhone)return;t("html").abort().removeClass(l("FloatMainSheet")).await(251).removeClass(l("FixHeight")).callback(u=>{u[0].scrollTop=h.mainSheetScrolls|0,t(R.get().appRoot).find(".AMOTIFY_be_root")[0].scrollTop=0})}}),t.scope(()=>{let i=t(R.get().appRoot).find("#"+o);r?t(i).abort().await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{S&&S()}):t(i).abort().await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{!w||w(),!e.hold_state&&(delete h.contents[a],t(R.get().appRoot).find("#Sheet-"+a).remove(),t().removeEvent("SheetClosation-"+a))})})},[r]);let[T,C]=g.split(".");return n(P,{className:[l("Wrap"),l("Tcate_"+T),l("Tpos_"+C),l("isNewSheet_"+I)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:h.currentIndex+1},id:o,children:j(G,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[I?n(h.TapSensor,{sheetID:a,delegateAroundClick:(y=e.close_option)==null?void 0:y.aroundClick}):null,n(v,d({componentID:o},m))]})})},Types:{Normal:e=>{let u=e,{sheetID:o,sheetGroups:m,content:s,className:r="",type:f,size:g="R",freeCSS:a,openAfter:S,hold_state:w,overwrap:I}=u,v=O(u,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","hold_state","overwrap"]),[T,C]=f.split("."),y={},i=[];return C.match(/top/)?(i.push("top"),y.marginBottom="auto"):C.match(/middle/)?(i.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(i.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(i.push("left"),y.marginRight="auto"):C.match(/center/i)?(i.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(i.push("right"),y.marginLeft="auto"),n(P,B(d(d({className:[l("BB"),r].join(" "),transition:"long",opacity:"trans"},y),v),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"95vw"}[g],maxWidth:"96vw",transformOrigin:i.join(" ")},a),children:t.is.function(s)?n(s,{}):s}))},Edge:e=>{let T=e,{sheetID:o,sheetGroups:m,type:s,content:r,className:f="",size:g="R",freeCSS:a,close_option:S,hold_state:w,overwrap:I}=T,v=O(T,["sheetID","sheetGroups","type","content","className","size","freeCSS","close_option","hold_state","overwrap"]);return n(P,B(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),f].join(" ")},s=="drawer.right"?{marginLeft:"auto"}:s=="drawer.left"?{marginRight:"auto"}:{}),v),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"95vw"}[g]},a),children:t.is.function(r)?n(r,{}):r}))},Bottom:e=>{let F=e,{componentID:o,sheetID:m,sheetGroups:s,content:r,size:f="R",sizeChanged:g,baseStyles:a,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:I}=F,v=O(F,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),T=t.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[i,u]=z(f),[N,M]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[f]]});_.update({key:o,value:{val_edit:N,resize:k=>{let p=C[y[k]];M(B(d({},N),{value:p})),u(k)}}});const D={Start:k=>{t(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:D.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:D.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:D.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:D.End});let p=t.getCursor(k),c=B(d({},N),{process:!0,processStart:new Date().getTime(),originY:p.y,originValue:N.value,viewHeight:t.getScreenSize().height});_.update({key:o,value:{val_edit:c}}),M(c)},Move:k=>{var L;let p=(L=_.get(o))==null?void 0:L.val_edit;if(!p.process)return;let E=(t.getCursor(k).y-p.originY)/p.viewHeight,b=p.originValue-E;if(b>.95)b=.95+(b-.95)*.5;else if(b<.2){let A=.2-b;A-=.1,b=.1+(.1-A)*.5}M(B(d({},p),{value:b}))},End:k=>{var b;let p=(b=_.get(o))==null?void 0:b.val_edit;if(!p.process)return;t(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let c=0;if(p.value<.1||(p.value<.5?c=1:p.value>.75?c=3:c=2),new Date().getTime()-p.processStart<300){let L=t.getCursor(k).y-p.originY;if(Math.abs(L)>=20){let A=+(L<0)*2-1;c+=A,c=Math.min(Math.max(c,0),C.length-1)}}c==0&&(S||(c=1)),u(["ZERO","S","R","L"][c]),M(B(d({},p),{value:C[c],process:!1}))}},W=K(!1);return H(()=>{W.current?i=="ZERO"?S&&x.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(i)},250):W.current=!0},[i]),n(P,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:T.height*N.value},N.process?{transition:"0s"}:{}),children:j(G,B(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},a),{children:[j(U.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[n(U.Center,{flexSizing:0,padding:"2/3",onMouseDown:D.Start,onTouchStart:D.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:n(P,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:l("DragBar")})}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{x.close(m)},children:n($.Times,{})})]}),n(P,B(d({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},v),{children:t.is.function(r)?n(r,{}):r}))]}))})},Custom:e=>{let k=e,{sheetID:o,sheetGroups:m,parent:s,gravityPoint:r=22,content:f,close_option:g,hold_state:a,overwrap:S,openAfter:w,closeAfter:I}=k,v=O(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[T]=z(t.uuid.gen()),C=t(R.get().appRoot).find(s),y=t(R.get().appRoot).find('[data-sheet-id="'+T+'"]'),i=t(R.get().appRoot).find('[data-sheet-content="'+T+'"]');r=r;let u=r%5||5,N=Math.ceil(r/5);const M=()=>{let p={},{top:c,right:E,bottom:b,left:L,height:A,width:X}=C.position();return[1,2].includes(u)?p.left=L:u==3?p.left=L+X/2:[4,5].includes(u)&&(p.left=E),r<=10?p.top=c:r<=15?p.top=c+A/2:r<=25&&(p.top=b),p};let[D,W]=z(M());const F=()=>{let p=y.position(),c=i.position(),E=t.getScreenSize(),b=d({},D);return c.top<0&&(b.top=p.top-c.top),c.left<0&&(b.left=p.left-c.left),c.right>E.width&&(b.left=p.left-(c.right-E.width)),c.bottom>E.height&&(b.top=p.top-(c.bottom-E.height)),b};return H(()=>{y.await(10).addClass(l("Open")).await(250).callback(()=>{W(F())}),_.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(F())},200)}}})},[]),C[0]?n(P,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":T,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:D,children:n(Z,{className:[l("GPT"),l("GPT_"+r),l("Col_"+u),l("Row_"+N)].join(" "),position:"absolute",children:n(P,B(d({flexSizing:"none","data-sheet-content":T,maxHeight:"viewHeight",overflow:"auto",padding:1},v),{freeCSS:d({maxWidth:"98vw"},v.freeCSS),children:t.is.function(f)?n(f,{}):f}))})}):null}},TapSensor:e=>n(Y.Button.Plain,{className:l("TapSensor"),onClick:()=>{var o;(o=e.delegateAroundClick)!=null&&o&&x.close(e.sheetID)},freeCSS:{cursor:"default"},children:n(P,{className:l("TapContent")})})},x={Wrapper:()=>n(h.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let o=e,{type:m,sheetID:s=t.uuid.gen(),src:r}=o,f=O(o,["type","sheetID","src"]);x.open(B(d({type:"normal.topCenter",sheetID:s,backgroundColor:"trans",boxShadow:"none"},f),{close_option:d({},e.close_option),freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=z(t.flatArray(r)),[a,S]=z(0),w=[],I=[];return g.forEach((v,T)=>{w.push({value:T,label:n(V,{src:t.flatArray(v)[0],width:"auto",height:1,freeCSS:{maxHeight:12*3}})}),I.push(n(V,{width:1,height:"auto",src:t.flatArray(v)[0]}))}),j(G,{gap:0,children:[j(U.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[n(Q.Radio,{tone:"border",icon:!1,value:a,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:v})=>{S(v[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),n(Y.Button.Sub.R,{color:"cloud",ssSphere:3,fontSize:"4.thirdTitle",onClick:()=>{x.close(s)},children:n($.Times,{})})]}),n(J.SwipeView,{slideIndex:a,options:{loop:g.length>1,onSlideCallback:v=>{S(v)}},slides:I,wrapper:v=>n(P,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:v})})]})}}));return}h.addNewSheet(e)},refresh:(e,o)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=_.get(e.sheetID);m&&m.refresh&&m.refresh(e,o)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let o=_.get(e.sheetID);o&&o.resize&&o.resize(e.size)},reposition:e=>{let o=_.get("customSheet-"+e);o&&o.reposition&&o.reposition()},close:function(e,o,m){var r;let s;if(e=e==null?void 0:e.replace(/\./g,"-"),s=h.contents[e],!!s&&!(o=="Escape"&&!((r=s.params.close_option)!=null&&r.escapeKeyDown))){let{params:f}=s,{sheetID:g}=f,a=_.get(g);a&&a.close&&a.close(m)}},closeGroup:e=>{var o;e=(e||"").replace(/\./g,"-");for(let[m,s]of Object.entries(h.contents))(o=s.params.sheetGroups)!=null&&o.includes(e)&&x.close(m)},closeAll:e=>{var o;for(let[m,s]of Object.entries(h.contents))e&&((o=s.params.close_option)==null?void 0:o.pageTransit)==!1||x.close(m,"pageTransit",!0)},Comps:{Body:e=>n(P,d({className:l("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{x as Sheet,x as default};

package/dist/fn/Snackbar.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ReactElement } from '../@declaration/_';
+import Box from '../atoms/Box';
+declare namespace Snackbar {
+    type Methods = {
+        add(props: AddParams): Snackbar.Methods;
+        remove(snackID: string): Snackbar.Methods;
+        Wrapper(): JSX.Element;
+    };
+    type AddParams = Omit<Box.Input, 'children'> & {
+        children?: ReactElement | {
+            (): JSX.Element;
+        };
+        customChildren?: {
+            (params: {
+                close(): void;
+            }): JSX.Element;
+        };
+        snackID?: string;
+        secondsToClose?: number;
+    };
+}
+declare const Snackbar: Snackbar.Methods;
+export { Snackbar, Snackbar as default };

package/dist/fn/Snackbar.js

@@ -0,0 +1 @@
+import{b as m,c,d as C}from"../chunk-VY3566IV.js";import{Fragment as A,jsx as a,jsxs as O}from"react/jsx-runtime";import{createElement as P}from"react";import{$$ as o,Config as f,useStore as p}from"../@utils/_";import{useState as k,useEffect as D}from"react";import x from"../atoms/Box";import w from"../atoms/Flex";import y from"../atoms/FAI";import E from"../mols/Row";import R from"./Button";import{SnackbarClasses as g}from"../@styles/componentClasses/_";const u={add:function(l){return p.get("Snackbar-"+f.get().sessionUID).add(l),this},remove:function(l){return p.get("Snackbar-"+f.get().sessionUID).remove(l),this},Wrapper:()=>a(B.Wrapper,{})},B={Cell:l=>{let b=l,{snackID:i,secondsToClose:n=10,componentID:S=o.uuid.gen(),children:d,customChildren:e}=b,r=C(b,["snackID","secondsToClose","componentID","children","customChildren"]),[t]=k(S),[s,h]=k(!1);D(()=>{let v=o(f.get().appRoot).find('[data-component-id="'+t+'"]');setTimeout(()=>{v.addClass(g("FadeIn"))},10),p.set({key:"Snackbar-"+i,value:{remove:()=>{v.addClass(g("FadeOut"))}}})},[]),D(()=>{o.interval.clear("Snackbar-"+t),s||setTimeout(()=>{o.interval.standBy("Snackbar-"+t,n*1e3,()=>{s||u.remove(i)})},100)},[s]);let I=a(A,{});return e?I=a(e,{close:()=>{u.remove(i)}}):I=O(E.Separate,{verticalAlign:"top",children:[a(x,{padding:["1/4",0],flexSizing:0,children:o.is.function(d)?a(d,{}):d}),a(R.Button.Clear.R,{color:"layer",backgroundColor:"lcOpLow",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(i)},children:a(y.Times,{})})]}),a(x,c(m({className:g("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:t,onMouseOver:()=>{h(!0)},onMouseOut:()=>{h(!1)}},r),{children:I}))},Wrapper:()=>{let[l,i]=k(o.uuid.gen()),[n,S]=k([]);p.set({key:"Snackbar-"+f.get().sessionUID,value:{add:e=>{e.snackID=e.snackID||o.uuid.gen();let r=n.findIndex(t=>t.snackID==e.snackID);if(r==-1)n.unshift(c(m({},e),{snackID:e.snackID}));else{let t=[...n];t[r]=c(m({},e),{snackID:e.snackID}),n=t}i(o.uuid.gen())},remove:e=>{let r=p.get("Snackbar-"+e);r&&r.remove&&(r.remove(),setTimeout(()=>{let t=n.findIndex(s=>s.snackID==e);if(t!=-1){let s=[...n];s.splice(t,1),n=s,i(o.uuid.gen())}},210))}}});let d=n.map(e=>P(B.Cell,c(m({},e),{key:e.snackID})));return a(w,{className:["AMOTIFY_be",g("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",children:d,overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"}})}};export{u as Snackbar,u as default};

package/dist/fn/Table/Data.d.ts

@@ -0,0 +1,128 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration/_';
+import { TableTypes } from './_';
+import TableParts from './Parts';
+declare namespace Data {
+    type Cell = TableParts.TableCell & {
+        type?: 'th' | 'td';
+        data: string | number;
+        option?: any;
+        orderIndex?: string | number;
+    };
+    type HeadRow = Cell[];
+    type BodyRow = Array<Cell> & ArrayObject;
+    type ArrayObject = {
+        rowID?: any;
+        __sys4SearchKey?: string;
+        checked?: boolean;
+        filtered?: boolean;
+        currentPage?: boolean;
+    };
+    type Input = TableTypes.UniInput & {
+        tableID?: string;
+        head: HeadRow;
+        rows: BodyRow[];
+        onRowClick?: TableTypes.OnRowClick;
+        eventID?: string;
+        checker?: boolean;
+        searchKeyword?: string;
+        filter?: boolean | boolean[];
+        order?: boolean | boolean[];
+        defaultOrder?: Order;
+        pageRowLength: number;
+        noRecords?: ReactElement;
+        onOrderChanged?: {
+            (order: Order): void;
+        };
+    };
+    type FNs = {
+        __memoryID: string;
+        useStatus(tableID: string): useStatusOutput;
+        getRowData(tableID: string): BodyRow[];
+        setPageIndex(tableID: string, pageIndex: number): void;
+        setRowLength(tableID: string, rowLength: number): void;
+        setSearchKeyword(tableID: string, keyword: string): void;
+    };
+    type Parts = {
+        SearchInput: React.FC<{
+            tableID: string;
+        }>;
+        Info: React.FC<{
+            tableID: string;
+        }>;
+        Paging: React.FC<{
+            tableID: string;
+        }>;
+        RowLength: React.FC<{
+            tableID: string;
+            lengthSelect: number[];
+        }>;
+    };
+    type useStatusOutput = {
+        tableComponentDidMount: boolean;
+        totalRows: number;
+        pageRows: number;
+        filteredRows: number;
+        searchKeyword: string;
+        filter: {
+            enabled: boolean;
+            column: boolean[];
+            current: (string[])[];
+        };
+        order: {
+            enabled: boolean;
+            column: boolean[];
+            current: Data.Order;
+        };
+        paging: {
+            rowLength: number;
+            pageLength: number;
+            currentPageIndex: number;
+        };
+    };
+    type FilterColumnsProps = {
+        index: number;
+        keyword: string;
+        enabled: boolean;
+    }[];
+    type Order = [number, 'ASC' | 'DESC'];
+    type Options = {
+        tableID: string;
+        componentID: string;
+        colLength: number;
+        checker: boolean;
+        searchKeyword: string;
+        filter: {
+            enabled: boolean;
+            column: boolean[];
+            current: (string[])[];
+        };
+        order: {
+            enabled: boolean;
+            column: boolean[];
+            current: Data.Order;
+        };
+        paging: {
+            rowLength: number;
+            pageLength: number;
+            currentPageIndex: number;
+        };
+        head: Data.HeadRow;
+        rows: Data.BodyRow[];
+        noRecords: ReactElement;
+        cellStyles?: TagProperty.Params;
+        cellClassName?: string;
+        cellStylesCallback?: {
+            (params: TableTypes.StylesCallbackInput): TagProperty.Params;
+        };
+        onRowClick?: TableTypes.OnRowClick;
+        onOrderChanged?: {
+            (args: Data.Order): void;
+        };
+    };
+    type Methods = {
+        (props: Data.Input): JSX.Element;
+    } & FNs & Parts;
+}
+declare const Data: Data.Methods;
+export { Data, Data as default };

package/dist/fn/Table/Data.js

@@ -0,0 +1 @@
+import{b as s,c as R,d as q}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as n,jsxs as x}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import{$$ as I,useStore as L}from"../../@utils/_";import B from"../../atoms/Box";import M from"../../atoms/Flex";import K from"../../atoms/FAI";import Y from"../../atoms/Span";import Z from"../../mols/Column";import A from"../../mols/Row";import E from"../Button";import U from"../Sheet";import O from"../Input/_";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as oe}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ne from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as b}from"../../@styles/componentClasses/_";const f={__memoryID:I.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:o}=e,[w,S]=u.current,c=[],d=[...e.head];e.checker&&c.push(n(P.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[b("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:!1,onUpdateValidValue:({value:l})=>{let h=e.rows;h.forEach(C=>{C.checked=l}),r(R(s({},e),{rows:h}))}})})})));for(let l=0;l<e.colLength;l++){let h=d[l];if(!h)continue;let C=h.children||h.data,a=u.enabled&&u.column[l],g=o.enabled&&o.column[l],p=a?n(K,{fontSize:"1.mini",fontColor:l==w?"1.clear":"5.translucent",icon:l==w?S=="DESC"?te:ee:re}):null,_=n(W,{});if(g){let k=i.map(T=>{var N;return(N=T[l])==null?void 0:N.data});k=[...new Set(k)].order({direction:"ASC"});let v=o.current[l];if(v){let T=k.filter(y=>!v.includes(y)),N=[];k.forEach(y=>{y&&N.push({value:y,label:n(B,{flexSizing:"auto",children:y})})});let j="BUTTON-"+e.componentID+"-"+l,J=e.componentID+"-"+l,$={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:x(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"1.layer.base",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(O.Checkbox,{tone:"cloud",icon:!0,value:T,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+l+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:y})=>{let H=k.filter(Q=>!y.includes(Q)),X=s({},e);X.filter.current[l]=H,r(X)}})}),x(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),n(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let y=[];v.length||(y=k);let H=s({},e);H.filter.current[l]=y,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh($,!0),_=n(B,{className:b("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:b("Filtering_"+!!v.length),id:j,onClick:y=>{y.stopPropagation(),U.open($)},children:n(K,{icon:oe})})})}}h=R(s(s(s(s({},e.cellStyles),h),V({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:l==Number(e.checker),right:l==e.colLength-1,rowIndex:0,colIndex:l,isBody:!1,isHeader:!0}):{}),{ssPushable:a,className:[b("Cell"),e.cellClassName,h.className].join(" ")}),c.push(n(P.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:s({zIndex:2},h.freeCSS),onClick:k=>{if(a){let v=s({},e),T=[l,w===l&&S=="ASC"?"DESC":"ASC"];v.order.current=T,r(v),e.onOrderChanged&&e.onOrderChanged(T)}},children:x(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[_,x(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})})))}return n(P.Row,{className:[b("Row"),b("HeadRow")].join(" "),children:c})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,o)=>{let w=[...u],S=[];e.checker&&S.push(n(P.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName].join(" "),children:n(B,{flexCenter:!0,children:n(O.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:c})=>{let d=e.rows;d[o].checked=c,t.set_status(R(s({},e),{rows:d}))}})})}))),w.forEach((c,d)=>{if(!c)return;let a=c,{type:l="td"}=a,h=q(a,["type"]);h=R(s(s(s(s({},e.cellStyles),h),V({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:d==0,right:d==e.colLength-1,rowIndex:o,colIndex:d,isBody:!0,isHeader:!1}):{}),{className:[b("Cell"),e.cellClassName,h.className].join(" ")});let C=P[l=="td"?"TD":"TH"];S.push(n(C,s({},h),d))}),i.push(n(P.Row,{className:[b("Row"),b("BodyRow")].join(" "),children:S,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),c)}},o))}),!r.length){let u=n(B,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=n(W,{children:e.noRecords})),i.push(n(P.Row,{className:[b("Row"),b("BodyRow"),b("DataNotFound")].join(" "),children:n(P.TD,{colSpan:e.colLength,className:b("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:o,paging:w}=e,S=[...e.rows],c=[...e.rows],d=[...e.rows],l=[...e.rows];if(i&&(c=S.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),d=[...c],l=[...c]),u.enabled)for(let a=0;a<e.colLength;a++){let g=u.column[a],p=u.current[a];g&&p&&p.length&&(d=d.filter(_=>!p.includes(_[a].data)),l=[...d])}o.enabled&&(d=d.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),l=[...d]);{let{currentPageIndex:a,rowLength:g}=w;l=[...l].splice((a-1)*g,g)}let h=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:S.length,pageRows:l.length,filteredRows:d.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return L.update({key:h,value:{status:C,updatePageIndex:a=>{let g=Math.min(Math.max(1,a),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=g,r(p)},updateRowLength:a=>{let g=s({},e);g.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(d.length/a)},r(g)},updateKeyword:a=>{I.interval.clear("InputSearchTime"),I.interval.standBy("InputSearchTime",200,()=>{let g=s({},e);g.searchKeyword=a,g.paging.currentPageIndex=1,g.filter.current=g.filter.current.map(()=>[]),r(g)})},getRowData:()=>{let a=[...S];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(g=>{g.currentPage=!1,g.filtered=!1}),l.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).currentPage=!0}),d.forEach(g=>{let{rowID:p}=g;a.find(_=>_.rowID==p).filtered=!0}),a}}}),G(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(g=>{let p=L.get(g);p!=null&&p.refresh&&p.refresh()})}),n(B,{className:b("TableBase"),children:x(P.Table,{className:b("Table"),children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:c}),n(f.Body,{val_status:e,set_status:r,PageRows:l})]})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.filter)?t.filter:(o=t.filter[u])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var o;return I.is.boolean(t.order)?t.order:(o=t.order[u])!=null?o:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let o=[];i.forEach((w,S)=>{let{data:c,children:d,orderIndex:l}=w;w.orderIndex=I.is.exist(l)?String(l):String(c),w.children=d||String(c),o.push(String(w.data))}),i.__sys4SearchKey=o.join("/")}),n(f.StateManager,s({eventID:I.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:o,order:w,defaultOrder:S=[0,"ASC"],pageRowLength:c=30}=t,[d]=F(I.uuid.gen()),l={tableID:t.tableID||d,componentID:d,colLength:e,checker:i,searchKeyword:u,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:w!==!1,column:w,current:S},paging:{rowLength:c,pageLength:Math.ceil(t.rows.length/c),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,C]=F(l),[a,g]=F(t.eventID);return a!=t.eventID&&(g(t.eventID),C(l)),n(f.Core,{val_status:h,set_status:C})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=F(I.uuid.gen()),[r,i]=F(I.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),L.set({key:e,value:{refresh:()=>{i(I.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=L.get(u))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=L.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=L.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(O.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(O.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{m.setSearchKeyword(t.tableID,r)}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return x(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return x(A.Center,{children:[x(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(O.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{m.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),x(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(K.ChevronLeft,{})}),n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(o=>(i|=+(o==r),{value:o,label:o.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),x(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(O.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},le=t=>n(ne,R(s({type:"normal"},t),{children:n(f.DataLeveler,s({},t))})),D=le;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=z.Info,D.Paging=z.Paging,D.RowLength=z.RowLength,D.SearchInput=z.SearchInput;export{D as Data,D as default};

package/dist/fn/Table/Drag.d.ts

@@ -0,0 +1,18 @@
+import { TableTypes } from './_';
+import TableParts from './Parts';
+declare namespace Drag {
+    type Cell = TableParts.Cell;
+    type HeadRow = Cell[];
+    type BodyRow = Cell[] & {
+        rowID?: any;
+    };
+    type Input = TableTypes.UniInput & {
+        head: HeadRow | false;
+        rows: BodyRow[];
+        onOrderChanged: {
+            (orderList: any[]): void;
+        };
+    };
+}
+declare const Drag: (params: Drag.Input) => import("react/jsx-runtime").JSX.Element;
+export { Drag, Drag as default };

package/dist/fn/Table/Drag.js

@@ -0,0 +1 @@
+import{b as l,c as C,e as I}from"../../chunk-VY3566IV.js";import{Fragment as W,jsx as r,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import{$$ as w,Config as N,useStore as R}from"../../@utils/_";import v from"../../atoms/FAI";import M from"../Button";import L from"../Tooltips";import b from"./Parts";import U from"./Wrapper";import{faGripVertical as O}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as S}from"./cellStyling";import{TableClasses as g}from"../../@styles/componentClasses/_";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,colLength:s,head:o,rows:i}=e;if(!o)return null;let f=[];for(let p=0;p<s;p++){let c=o[p],D=b[c.type=="th"?"TH":"TD"];f.push(r(D,l(C(l(l(l({},t),S({top:!0,bottom:!i.length,left:p==0,right:p==s-1})),n?n({top:!0,bottom:!i.length,left:p==0,right:p==s-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),d,c.className].join(" ")}),c)))}return r(b.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:f})},BodyRows:e=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:n,head:s,rows:o,colLength:i,onOrderChanged:f}=e,[p]=k(w.uuid.gen()),[c,D]=k({rows:o,origin:0,to:NaN}),B=[];if(c.rows.forEach((y,a)=>{let m=[];m.push(r(b.TH,C(l(l(l({padding:0,borderRight:!0},t),S({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1})),n?n({top:a==0&&!s,bottom:a==o.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),d].join(" "),children:r(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},onTouchStart:u=>{T.Start(u,{id:p,index:a,rows:c.rows,maxLength:o.length})},children:r(v,{icon:O})})}),"DragOrigin")),y.forEach((u,h)=>{u=l({},u);let H=b[u.type=="th"?"TH":"TD"];m.push(r(H,l(C(l(l(l({},t),S({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2})),n?n({top:!!s&&!s.length,bottom:a==o.length-1,left:!1,right:h==i-2,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,u.className].join(" ")}),u)))}),B.push(r(b.Row,{id:"TableRow-"+p+"-"+a,"data-rowId":a,className:[g("Row"),g("BodyRow")].join(" "),children:m},a))}),!isNaN(c.to)){let{origin:y,to:a}=c,m=[];m.push(r(b.TH,{backgroundColor:"tcOpLow",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),d].join(" "),children:r(v.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[y].forEach((h,H)=>{h=l({},h);let z=b[h.type=="th"?"TH":"TD"];m.push(r(z,l(C(l(l(l({},t),S({top:!1,bottom:!1,left:!1,right:!1})),n?n({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),d,h.className].join(" "),backgroundColor:"tcOpLow"}),h)))}),B.splice(a,0,r(b.Row,{className:[g("Row"),g("Pre")].join(" "),children:m},"preSet"))}return x(()=>{R.set({key:p,value:{swap:(y,a)=>{if(a||a==0){let m=c.rows[y],u=[...c.rows];u.splice(y,1),u.splice(a-(y<a?1:0),0,m),D({rows:u,origin:0,to:NaN}),f(u.map(h=>JSON.parse(h.rowID)))}},preSet:y=>{let{origin:a,index:m}=y;D({rows:c.rows,origin:a,to:m})}}})}),x(()=>()=>{R.delete(p)},[]),r(W,{children:B})},Drag:e=>(e=l({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:r(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[r(v,{icon:O}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,d)=>(t.rowID=JSON.stringify(t.rowID||d),t)),j(b.Table,{className:g("Table"),children:[r(E.HeadRow,l({},e)),r(E.BodyRows,l({},e))]}))},P=e=>r(U,C(l({type:"normal"},e),{children:r(E.Drag,l({},e))})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:d,index:n,rows:s,maxLength:o}=t;w(N.get().appRoot).find("#TableRow-"+d+"-"+n).addClass(g("DraggerOrigin")),w(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{T.Move(i,t)},option:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{T.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{T.End(i,t)}})})},Move:function(e,t){let{id:d,maxLength:n}=t,s=w.getCursor(e).y-w.getScreenSize().scrollY;for(let o=0;o<n;o++){let i=w(N.get().appRoot).find("#TableRow-"+d+"-"+o),{top:f,bottom:p,height:c}=i.position();o==0&&s<f?t.insertIndex=0:o===n-1&&p<=s?t.insertIndex=n:s>=f&&s<p&&(t.insertIndex=o+1)}{let{index:o,insertIndex:i}=t,f=R.get(d);f&&f.preSet&&f.preSet({origin:o,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:d,index:n,insertIndex:s}=t,o=R.get(d);o&&o.swap&&o.swap(n,s),w(N.get().appRoot).find("#TableRow-"+d+"-"+n).removeClass(g("DraggerOrigin")),w(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{P as Drag,P as default};

package/dist/fn/Table/Normal.d.ts

@@ -0,0 +1,16 @@
+import { TableTypes } from './_';
+import TableParts from './Parts';
+declare namespace Normal {
+    type Cell = TableParts.Cell;
+    type HeadRow = Cell[];
+    type BodyRow = Cell[] & {
+        rowID?: string | number;
+    };
+    type Input = TableTypes.UniInput & {
+        head: HeadRow | false;
+        rows: BodyRow[];
+        onRowClick?: TableTypes.OnRowClick;
+    };
+}
+declare const Normal: (params: Normal.Input) => import("react/jsx-runtime").JSX.Element;
+export { Normal, Normal as default };

package/dist/fn/Table/Normal.js

@@ -0,0 +1 @@
+import{b as e,c as f}from"../../chunk-VY3566IV.js";import{Fragment as H,jsx as t,jsxs as B}from"react/jsx-runtime";import C from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as N}from"./cellStyling";import{TableClasses as s}from"../../@styles/componentClasses/_";const c={HeadRow:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,colLength:y,head:m,rows:h}=l;if(!m)return null;let R=[];return m.forEach((p,o)=>{let a=C[p.type=="th"?"TH":"TD"];R.push(t(a,e(f(e(e(e({},r),N({top:!0,bottom:!h.length,left:o==0,right:o==y-1})),n?n({top:!0,bottom:!h.length,left:o==0,right:o==y-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),i,p.className].join(" ")}),p)))}),t(C.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:R})},BodyRows:l=>{let{cellStyles:r={},cellClassName:i="",cellStylesCallback:n,head:y,rows:m,colLength:h,onRowClick:R}=l,p=[];return m.forEach((o,a)=>{let b=[];o.forEach((u,w)=>{let g=C[u.type=="th"?"TH":"TD"];b.push(t(g,e(f(e(e(e({},r),N({top:a==0&&!y,bottom:a==m.length-1,left:w==0,right:w==h-1})),n?n({top:a==0&&!y,bottom:a==m.length-1,left:w==0,right:w==h-1,rowIndex:a,colIndex:w,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),i,u.className].join(" ")}),u)))}),p.push(t(C.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:b,onClick:u=>{R&&R(o.rowID,u)}},a))}),t(H,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,i)=>(r.rowID=r.rowID||i,r)),B(C.Table,{className:s("Table"),children:[t(c.HeadRow,e({},l)),t(c.BodyRows,e({},l))]}))},T=l=>t(d,f(e({type:"normal"},l),{children:t(c.Normal,e({},l))}));export{T as Normal,T as default};

package/dist/fn/Table/Parts.d.ts

@@ -0,0 +1,24 @@
+import { TagProperty } from '../../@declaration/_';
+import React from 'react';
+import { TableTypes } from './_';
+declare namespace TableParts {
+    type Table = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableElement>;
+    type TableHead = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TableBody = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TR = TagProperty.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
+    type TableCell = TagProperty.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
+    type Cell = TableCell & {
+        type?: 'th' | 'td';
+    };
+    type Methods = {
+        Table: React.FC<Table>;
+        Head: React.FC<TableHead>;
+        Body: React.FC<TableBody>;
+        Row: React.FC<TR>;
+        TH: React.FC<TableCell>;
+        TD: React.FC<TableCell>;
+        RightIndicator: Cell;
+    };
+}
+declare const TableParts: TableParts.Methods;
+export { TableParts, TableParts as default };

package/dist/fn/Table/Parts.js

@@ -0,0 +1 @@
+import{b as t,c as r}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{GenerateClassName as l}from"../../@utils/_";import b from"../../atoms/FAI";const o={Table:e=>{let T=l(e);return a("table",r(t({},T),{border:T.border}))},Head:e=>a("thead",t({},l(e))),Body:e=>a("tbody",t({},l(e))),Row:e=>a("tr",t({},l(e))),TH:e=>a("th",t({},l(e))),TD:e=>a("td",t({},l(e))),RightIndicator:{type:"td",unitWidth:4,children:a(b.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};export{o as TableParts,o as default};

package/dist/fn/Table/Wrapper.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TableTypes } from './_';
+declare namespace Wrapper {
+    type Input = TableTypes.UniInput & {
+        type: TableTypes.Types;
+        children: React.ReactElement;
+    };
+}
+declare const Wrapper: React.FC<Wrapper.Input>;
+export { Wrapper, Wrapper as default };

package/dist/fn/Table/Wrapper.js

@@ -0,0 +1 @@
+import{b as r,c as s,d as n}from"../../chunk-VY3566IV.js";import{jsx as C}from"react/jsx-runtime";import{$$ as m,GenerateClassName as u}from"../../@utils/_";import T from"../../atoms/Box";import{DefaultCellStyles as f}from"./cellStyling";import{TableClasses as a}from"../../@styles/componentClasses/_";const p=e=>{let{tone:t,type:l,children:i}=e;e=r({},e),e.tableID=e.tableID||m.uuid.gen(),t=t||"auto",t=="auto"&&(l=="drag"?t="rowBorder":t="border");let y=s(r(r({},t!="plain"?{backgroundColor:"1.layer.base",borderRadius:"1.tone.primary"}:{}),e),{cellStyles:r(r({padding:"3/4",backgroundColor:"1.layer.base",transition:"short",textAlign:"center"},f(l,t)),e.cellStyles),tone:t}),o=u(y),{className:c,style:b}=o,g=n(o,["className","style"]),d=[c,a("Wrap"),a("TableType_"+l),a("RowClickable_"+!!e.onRowClick)].join(" ");return C(T,{className:d,style:b,children:i})};export{p as Wrapper,p as default};