amotify 0.2.76 → 0.2.77
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 +91 -40
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +36 -36
- package/dist/@styles/componentClasses/index.css +1 -1
- package/dist/@styles/componentClasses/index.js +1 -1
- package/dist/@styles/index.css +1 -1
- package/dist/@styles/index.js +1 -1
- package/dist/@styles/init.css +1 -1
- package/dist/@styles/style.css +1 -1
- package/dist/@styles/style.js +1 -1
- package/dist/fn/Sheet.d.ts +1 -2
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/package.json +1 -1
package/dist/@styles/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={
|
|
1
|
+
var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={BodyEffect:"_BodyEffect_1zdgc_1",Wrapper:"_Wrapper_1zdgc_10",Wrap:"_Wrap_1zdgc_10",TapSensor:"_TapSensor_1zdgc_24",TapContent:"_TapContent_1zdgc_34",Hide:"_Hide_1zdgc_41",Open:"_Open_1zdgc_44",isMainSheet_true:"_isMainSheet_true_1zdgc_44",Content:"_Content_1zdgc_44",isMainSheet_false:"_isMainSheet_false_1zdgc_50",BB:"_BB_1zdgc_50",Tcate_normal:"_Tcate_normal_1zdgc_53",BaseBody:"_BaseBody_1zdgc_57",Tcate_drawer:"_Tcate_drawer_1zdgc_72",Tpos_left:"_Tpos_left_1zdgc_72",Tpos_right:"_Tpos_right_1zdgc_87",Tpos_bottom:"_Tpos_bottom_1zdgc_102",DragBar:"_DragBar_1zdgc_109",Tcate_custom:"_Tcate_custom_1zdgc_117",CustomSheet:"_CustomSheet_1zdgc_125",GPT:"_GPT_1zdgc_128",Col_1:"_Col_1_1zdgc_128",Row_1:"_Row_1_1zdgc_128",Row_4:"_Row_4_1zdgc_128",Col_4:"_Col_4_1zdgc_128",Row_2:"_Row_2_1zdgc_131",Row_5:"_Row_5_1zdgc_131",Col_2:"_Col_2_1zdgc_134",Col_5:"_Col_5_1zdgc_134",GPT_3:"_GPT_3_1zdgc_140",GPT_18:"_GPT_18_1zdgc_140",GPT_8:"_GPT_8_1zdgc_143",GPT_23:"_GPT_23_1zdgc_143",GPT_11:"_GPT_11_1zdgc_146",GPT_14:"_GPT_14_1zdgc_146",GPT_12:"_GPT_12_1zdgc_149",GPT_15:"_GPT_15_1zdgc_149",Col_3:"_Col_3_1zdgc_159"};var c={Wrapper:"_Wrapper_11vvw_1",CornerLoader:"_CornerLoader_11vvw_17",Wrap:"_Wrap_11vvw_1",isActive:"_isActive_11vvw_28",ldAnm:"_ldAnm_11vvw_1",Ld1:"_Ld1_11vvw_34",Ld2:"_Ld2_11vvw_37",Ld3:"_Ld3_11vvw_40",Ld4:"_Ld4_11vvw_43",MiniLoader:"_MiniLoader_11vvw_61",Active_false:"_Active_false_11vvw_64",Hide:"_Hide_11vvw_67",Active:"_Active_11vvw_64",Core:"_Core_11vvw_77",spin:"_spin_11vvw_1",SVG1:"_SVG1_11vvw_85",loader:"_loader_11vvw_1",loading:"_loading_11vvw_1",SVG2:"_SVG2_11vvw_92"};var i={RootViewController:"_RootViewController_k39n4_2",Content:"_Content_k39n4_2",TopNav:"_TopNav_k39n4_6",FooterNav:"_FooterNav_k39n4_9",Body:"_Body_k39n4_12",SideNav:"_SideNav_k39n4_12",SwipeView:"_SwipeView_k39n4_19",Rail:"_Rail_k39n4_19",ShowOther_true:"_ShowOther_true_k39n4_19",Child:"_Child_k39n4_19",Display:"_Display_k39n4_27",LoopAdjusting:"_LoopAdjusting_k39n4_31"};var n={Wrap:"_Wrap_1rtvv_1",RowClickable_true:"_RowClickable_true_1rtvv_4",Row:"_Row_1rtvv_4",BodyRow:"_BodyRow_1rtvv_4",DataNotFound:"_DataNotFound_1rtvv_4",Cell:"_Cell_1rtvv_7",Table:"_Table_1rtvv_13",TableType_drag:"_TableType_drag_1rtvv_24",DraggerOrigin:"_DraggerOrigin_1rtvv_28",DragableButton:"_DragableButton_1rtvv_34",TableType_data:"_TableType_data_1rtvv_43",Console:"_Console_1rtvv_43",TableBase:"_TableBase_1rtvv_50",HeadRow:"_HeadRow_1rtvv_60",FilterRegion:"_FilterRegion_1rtvv_66",Filtering_true:"_Filtering_true_1rtvv_69"};var s={RippleElement:"_RippleElement_17vcx_1",Color_cloud:"_Color_cloud_17vcx_7",RippleWrap:"_RippleWrap_17vcx_7",Wave:"_Wave_17vcx_7",Color_theme:"_Color_theme_17vcx_10",PuddingEffect:"_PuddingEffect_17vcx_39",pdAnm:"_pdAnm_17vcx_1"};var d={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var g={Wrap:"_Wrap_kr7qs_1",isLocked_true:"_isLocked_true_kr7qs_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_kr7qs_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_kr7qs_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_kr7qs_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_kr7qs_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_kr7qs_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_kr7qs_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_kr7qs_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_kr7qs_30",Tone_sub_Color_white:"_Tone_sub_Color_white_kr7qs_33",Tone_clear_Color_white:"_Tone_clear_Color_white_kr7qs_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_kr7qs_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_kr7qs_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_kr7qs_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_kr7qs_39",isNeutral_true:"_isNeutral_true_kr7qs_43",Tone_clear:"_Tone_clear_kr7qs_21",Tone_borderToFill:"_Tone_borderToFill_kr7qs_46",Tone_fillToBorder:"_Tone_fillToBorder_kr7qs_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_kr7qs_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_kr7qs_52",Tone_link:"_Tone_link_kr7qs_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_kr7qs_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_kr7qs_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_kr7qs_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_kr7qs_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_kr7qs_78",Tone_border:"_Tone_border_kr7qs_46",Tone_prime:"_Tone_prime_kr7qs_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_kr7qs_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_kr7qs_120"};var m={Wrapper:"_Wrapper_rikjy_1",Input:"_Input_rikjy_40",DigitCharacterCell:"_DigitCharacterCell_rikjy_71",Combined:"_Combined_rikjy_71",ShowCell:"_ShowCell_rikjy_1"};var b={SelectorWrapper:"_SelectorWrapper_vfpyx_1"};var h={Input:"_Input_1g1ty_1",List:"_List_1g1ty_1",AddButton:"_AddButton_1g1ty_1",FileName:"_FileName_1g1ty_5",Draggable:"_Draggable_1g1ty_18",AddIcon:"_AddIcon_1g1ty_21",IconAnimation:"_IconAnimation_1g1ty_1"};var p={CellBase:"_CellBase_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var f={Core:"_Core_1psny_1",SelectedCell:"_SelectedCell_1psny_5",Selector:"_Selector_1psny_9"};var v={Input:"_Input_lskuu_1",Label:"_Label_lskuu_7",Dot:"_Dot_lskuu_7"};var u={Label:"_Label_qfhyi_1",Wrap:"_Wrap_qfhyi_18",Rail:"_Rail_qfhyi_18",Bar:"_Bar_qfhyi_18",BarColor:"_BarColor_qfhyi_21",Labels:"_Labels_qfhyi_24",ShowLegendsAlways_true:"_ShowLegendsAlways_true_qfhyi_27",Ball:"_Ball_qfhyi_38"};var w={Header:"_Header_1rlyc_1",Body:"_Body_1rlyc_8",Footer:"_Footer_1rlyc_13",ClockBase:"_ClockBase_1rlyc_20",DesignSide:"_DesignSide_1rlyc_20",ClockUiBase:"_ClockUiBase_1rlyc_20",ClockUi:"_ClockUi_1rlyc_20",Needle:"_Needle_1rlyc_24",hour:"_hour_1rlyc_31",minute:"_minute_1rlyc_36",DateBase:"_DateBase_1rlyc_42",LeftButton:"_LeftButton_1rlyc_42",RightButton:"_RightButton_1rlyc_45",MonthBase:"_MonthBase_1rlyc_49",Cell:"_Cell_1rlyc_55",isThisMonth:"_isThisMonth_1rlyc_55",miniYearInput:"_miniYearInput_1rlyc_61",CalendarDay:"_CalendarDay_1rlyc_66",isToday_true:"_isToday_true_1rlyc_66"};var k={Origin:"_Origin_vvhgd_1",Shallow:"_Shallow_vvhgd_5"};var y={Label:"_Label_1kvwn_1",Tone_plain:"_Tone_plain_1kvwn_6",Checked:"_Checked_1kvwn_6",Tone_cloud:"_Tone_cloud_1kvwn_9",Tone_cloudmono:"_Tone_cloudmono_1kvwn_12",Tone_cloudtheme:"_Tone_cloudtheme_1kvwn_15",Tone_bordervivid:"_Tone_bordervivid_1kvwn_21",Tone_bottomline:"_Tone_bottomline_1kvwn_27"};var Lr=o=>r[o],Sr=o=>a[o],Br=o=>t[o],qr=o=>_[o],Wr=o=>l[o],Nr=o=>e[o],Rr=o=>c[o],jr=o=>i[o],Pr=o=>n[o],Ir=o=>s[o],Ar=o=>d[o],Gr=o=>g[o],Fr=o=>m[o],Mr=o=>b[o],Yr=o=>h[o],Dr=o=>p[o],Or=o=>f[o],Ur=o=>v[o],Er=o=>u[o],Vr=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{qr as AccordionClasses,Gr as ButtonClasses,Ar as CropperClasses,Ir as EffectClasses,Lr as ImgClasses,Kr as InputAutoHeightClasses,Or as InputAutocompleteClasses,Mr as InputChipsClasses,Fr as InputClasses,Yr as InputFilerClasses,Dr as InputListClasses,Xr as InputSegmentedClasses,Er as InputSliderClasses,Ur as InputSwitchClasses,Vr as InputTimeClasses,jr as LayoutClasses,Rr as LoaderClasses,Sr as LogoClasses,Br as PlaceholderClasses,Nr as SheetClasses,Wr as SnackbarClasses,Pr as TableClasses};
|
package/dist/fn/Sheet.d.ts
CHANGED
|
@@ -5,8 +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): void;
|
|
9
|
-
refresh(p: Input, open: boolean): void;
|
|
8
|
+
open<T extends Input>(p: T, defaultOpen?: boolean): void;
|
|
10
9
|
resize(p: {
|
|
11
10
|
sheetID: string;
|
|
12
11
|
size: Size;
|
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as f,c as I,d as Y}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import l,{UUID as X}from"@mingoo/jsmin";import{useState as L,useEffect as V,useRef as ne}from"react";import{$$fromRoot as j,Config as U,useStore as A}from"../@utils";import{Box as _,Flex as ae,Img as re,FAI as ie,Column as oe}from"../atoms";import{Row as J}from"../mols";import{Button as se}from"./Button";import le from"./SwipeView";import pe from"./Input";import{SheetClasses as c}from"../@styles/componentClasses";const z={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let e=A.get("sessionStates-"+U.get().sessionUID);return e||null},getNewSheetStates:e=>{var m;let r=I(f({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:e.type=="custom"},e),{sheetID:e.sheetID||X(),isOpen:!0,created_at:l.Time()});if(r.type=="custom"){let u=r;u.parent=u.parent||((m=u==null?void 0:u.event)==null?void 0:m.currentTarget),r=u}return r}},Q={Wrapper:()=>{let[e,r]=L(X()),[m,u]=L([]),v={val_sheets:m,set_sheets:u};A.set({["sessionStates-"+U.get().sessionUID]:v}),V(()=>{A.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{r(X())},add:p=>{let a=A.get("Sheet-"+U.get().sessionUID);if(!a)return;let g=z.getNewSheetStates(p);if(!!a.find(g.sheetID)){let b=A.get(g.sheetID);b&&b.refresh&&b.refresh(g,!0);return}u(b=>[g,...b])},find:p=>{let a=z.getSessionStates();if(!a)return null;let{val_sheets:g}=a;return g.find(y=>y.sheetID==p)}}}),l(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:a,metaKey:g}=p;if(a=="Escape"||a==","&&g){let y=z.getSessionStates();if(!y)return;let{val_sheets:b}=y,i=b.filter(d=>d.isOpen);if(!i.length)return;let s=i.reduce((d,w)=>d.created_at.value>w.created_at.value?d:w);P.close(s.sheetID,a)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){let a=z.getSessionStates();if(!a)return;let{val_sheets:g}=a,y=p.target;if(!y||y!=null&&y.closest("."+c("CustomSheet")))return;let b=g.filter(i=>i.type=="custom");b.length&&b.forEach(i=>{let{parent:s}=i;if(!i.closeAtAroundClick)return;let d=j(s)[0];s!==y&&d!==y&&(l(d).find(y).length||P.close(i.sheetID))})}})},[]);let o=m.map(p=>h(Q.Core,f({sheet:p},v),p.sheetID));return h(_,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:o})},Core:e=>{let{val_sheets:r,set_sheets:m}=e,[u]=L(z.currentIndex+1),[v]=L(X()),[o,p]=L(e.sheet),a=o.type!="custom"&&!o.overwrap,g=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"}[o.type]];V(()=>{z.currentIndex++,l.scope(()=>{if(!o.closeAtParentBlur)return;let i=l(o.parent);i[0]&&i.addEvent({eventID:"SheetClosation-"+o.sheetID,eventType:"mouseout",callback:()=>{i.removeEvent("SheetClosation-"+o.sheetID),p(s=>I(f({},s),{isOpen:!1}))}})})},[]),V(()=>{A.set({[o.sheetID]:{refresh:(i,s)=>{let d=z.getNewSheetStates(i);p(w=>I(f(f({},w),d),{created_at:w.created_at,isOpen:s!=null?s:!1}))},resize:i=>{if(o.type=="drawer.bottom"){let s=A.get(v);s&&s.resize&&s.resize(i)}else(o.type.includes("normal")||o.type.includes("drawer"))&&p(s=>I(f({},s),{size:i}))},close:i=>{p(s=>I(f({},s),{isOpen:!1}))},open:()=>{p(i=>I(f({},i),{isOpen:!0}))}}})},[o]),V(()=>{l.scope(()=>{if(!a||!o.backgroundEffect)return;z.mainSheetIDs[o.sheetID]=o.isOpen?1:0;let i=Object.values(z.mainSheetIDs).reduce((d,w)=>d+w,0),s=j(".AMOTIFY_be_root");if(o.isOpen){if(s.hasClass(c("FixScroll")))return;let d=l("html"),w=0;i==1&&(w=d[0].scrollTop|0,p(O=>I(f({},O),{bodyScrolls:w}))),U.get().isPhone||(d[0].scrollTop=0,s.addClass(c("FixScroll")).callback(O=>{O[0].scrollTop=w}).await(40).addClass(c("Float")));return}U.get().isPhone||i>0||s.hasClass(c("FixScroll"))&&s.removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{l("html")[0].scrollTop=o.bodyScrolls||0,s[0].scrollTop=0})}),l.scope(()=>{let i=j("#"+v);if(o.isOpen){i.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{o.openAfter&&o.openAfter()});return}else i.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{o.closeAfter&&o.closeAfter(),!e.sheet.hold_state&&(m(s=>{let d=[...s],w=d.findIndex(O=>O.sheetID==o.sheetID);return w==-1||d.splice(w,1),d}),a&&l(U.get().appRoot).focus())})})},[o.isOpen]);let[y,b]=o.type.split(".");return h(_,{className:[c("Wrap"),c("Tcate_"+y),c("Tpos_"+b),c("isMainSheet_"+a)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:u},id:v,children:Z(oe,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!a&&h(Q.TapSensor,{sheetID:o.sheetID,delegateAroundClick:o.closeAtAroundClick}),h(g,f({componentID:v},o))]})},v)},Types:{Normal:e=>{let x=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,content:v,className:o="",type:p,size:a="R",freeCSS:g,openAfter:y,closeAfter:b,closeAtAroundClick:i,closeAtEscapeKeyDown:s,closeAtPageTransit:d,closeAtParentBlur:w,closeAtSwipeDown:O,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=x,M=Y(x,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[G,T]=p.split("."),D={},B=[];return T.match(/top/)?(B.push("top"),D.marginBottom="auto"):T.match(/middle/)?(B.push("center"),D.marginTop="auto",D.marginBottom="auto"):T.match(/bottom/)&&(B.push("bottom"),D.marginTop="auto"),T.match(/left/i)?(B.push("left"),D.marginRight="auto"):T.match(/center/i)?(B.push("center"),D.marginLeft="auto",D.marginRight="auto"):T.match(/right/i)&&(B.push("right"),D.marginLeft="auto"),h(_,I(f(f({className:[c("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},M),D),{freeCSS:f({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[a],maxWidth:"96vw",transformOrigin:B.join(" ")},g),children:l.is.function(v)?h(v,{}):v}))},Edge:e=>{let M=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,type:v,content:o,className:p="",size:a="R",openAfter:g,closeAfter:y,closeAtAroundClick:b,closeAtEscapeKeyDown:i,closeAtPageTransit:s,closeAtParentBlur:d,closeAtSwipeDown:w,hold_state:O,overwrap:q,isOpen:ee,backgroundEffect:te}=M,$=Y(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(_,I(f(I(f({className:[c("BB"),p].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"}),$),{freeCSS:f({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[a],maxWidth:"96vw"},$.freeCSS),children:l.is.function(o)?h(o,{}):o}))},Bottom:e=>{let N=e,{componentID:r,sheetID:m,sheetGroups:u,bodyScrolls:v,content:o,size:p="R",sizeChanged:a,baseStyles:g,openAfter:y,closeAfter:b,closeAtAroundClick:i,closeAtEscapeKeyDown:s,closeAtPageTransit:d,closeAtParentBlur:w,closeAtSwipeDown:O=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=N,M=Y(N,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),G=l.getScreenSize(),T=[0,.2,.6,.95],D={ZERO:0,S:1,R:2,L:3},[B,x]=L(p),[k,F]=L({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:T[D[p]]});A.update({[r]:{val_edit:k,resize:C=>{let S=T[D[C]];F(t=>I(f({},t),{value:S})),x(C)}}});const W={Start:C=>{l(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:W.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:W.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:W.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:W.End});let S=l.getCursor(C),t=I(f({},k),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:k.value,viewHeight:l.getScreenSize().height});A.update({[r]:{val_edit:t}}),F(t)},Move:C=>{var n;let S=(n=A.get(r))==null?void 0:n.val_edit;if(!S.process)return;let K=(l.getCursor(C).y-S.originY)/S.viewHeight,R=S.originValue-K;if(R>.95)R=.95+(R-.95)*.5;else if(R<.2){let H=.2-R;H-=.1,R=.1+(.1-H)*.5}F(I(f({},S),{value:R}))},End:C=>{var R;let S=(R=A.get(r))==null?void 0:R.val_edit;if(!S.process)return;l(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let t=0;if(S.value<.1||(S.value<.5?t=1:S.value>.75?t=3:t=2),new Date().getTime()-S.processStart<300){let n=l.getCursor(C).y-S.originY;if(Math.abs(n)>=20){let H=+(n<0)*2-1;t+=H,t=Math.min(Math.max(t,0),T.length-1)}}t==0&&(O||(t=1)),x(["ZERO","S","R","L"][t]),F(I(f({},S),{value:T[t],process:!1}))}},E=ne(!1);return V(()=>{E.current?B=="ZERO"?O&&P.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(B)},250):E.current=!0},[B]),h(_,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:f({maxWidth:12*60,height:G.height*k.value},k.process?{transition:"0s"}:{}),children:Z(oe,I(f({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},g),{children:[h(J.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:h(J.Center,{onMouseDown:W.Start,onTouchStart:W.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(_,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:c("DragBar")})})}),h(_,I(f({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:l.is.function(o)?h(o,{}):o}))]}))})},Custom:e=>{let W=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,event:v,parent:o,nextToCursor:p,gravityPoint:a=22,content:g,closeAtAroundClick:y,closeAtEscapeKeyDown:b,closeAtPageTransit:i,closeAtParentBlur:s,closeAtSwipeDown:d,hold_state:w,openAfter:O,closeAfter:q,overwrap:ee,isOpen:te,backgroundEffect:$}=W,M=Y(W,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[G]=L(X()),T=l.is.element(o)||l.is.jsmin(o)?l(o):j(o),D='[data-sheet-id="'+G+'"]',B='[data-sheet-content="'+G+'"]';a=a;let x=a%5||5,k=Math.ceil(a/5);const F={Init:()=>{if(p&&v){let n=l.getScreenSize(),H=l.getCursor(v);return{top:H.y-n.pageYOffset,left:H.x-n.pageXOffset}}let E={},{top:N,right:C,bottom:S,left:t,height:K,width:R}=T.position();return[1,2].includes(x)?E.left=t:x==3?E.left=t+R/2:[4,5].includes(x)&&(E.left=C),a<=10?E.top=N:a<=15?E.top=N+K/2:a<=25&&(E.top=S),E},Adjust:()=>{let E=j(D).position(),N=j(B).position(),C=T.position(),S=l.getScreenSize(),t={};for(let n in N)t[n]=N[n];if(l.scope(()=>{if(e.nextToCursor)return;let n=0;k==1?n=C.top-t.bottom:k==2?n=C.top-t.top:k==3?n=C.top-t.top+(C.height-t.height)/2:k==4?n=C.bottom-t.bottom:k==5&&(n=C.bottom-t.top),t.top+=n,t.bottom+=n}),l.scope(()=>{if(e.nextToCursor)return;let n=0;x==1?n=C.left-t.right:x==2?n=C.left-t.left:x==3?n=C.left-t.left+(C.width-t.width)/2:x==4?n=C.right-t.right:x==5&&(n=C.right-t.left),t.left+=n,t.right+=n}),t.top<0){let n=-t.top;t.top+=n,t.bottom+=n}if(t.bottom>S.height){let n=t.bottom-S.height;t.top-=n,t.bottom-=n}if(t.left<0){let n=-t.left;t.left+=n,t.right+=n}if(t.right>S.width){let n=t.right-S.width;t.left-=n,t.right-=n}let K=t.top-N.top,R=t.left-N.left;l(D).css({top:E.top+K+"px",left:E.left+R+"px"})}};return V(()=>{j(D).await(10).addClass(c("Open")).await(200).callback(()=>{F.Adjust()}),A.update({["customSheet-"+e.sheetID]:{reposition:()=>{F.Adjust()}}})},[]),T[0]?h(_,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":G,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:F.Init(),children:h(ae,{position:"absolute",className:[c("GPT"),c("GPT_"+a),c("Col_"+x),c("Row_"+k)].join(" "),children:h(_,I(f({"data-sheet-content":G,flexSizing:"none",maxHeight:"viewHeight"},M),{freeCSS:f({maxWidth:"98vw"},M.freeCSS),children:l.is.function(g)?h(g,{}):g}))})}):null}},TapSensor:e=>h(_,{className:c("TapSensor"),children:h(se.Plain,{className:c("TapContent"),onClick:()=>{var r;(r=e.delegateAroundClick)!=null&&r&&P.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},P={Wrapper:()=>h(Q.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let u=e.sheetID||X(),m=e,{type:v,src:o}=m,p=Y(m,["type","src"]);P.open(I(f({type:"normal.topCenter",backgroundColor:"trans"},p),{sheetID:u,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=L(l.flatArray(o)),[g,y]=L(0),b=[],i=[];return a.forEach((s,d)=>{b.push({value:d,label:h(re,{src:l.flatArray(s)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),i.push(h(re,{width:1,height:"auto",src:l.flatArray(s)[0]}))}),Z(oe,{gap:0,children:[Z(J.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[h(pe.Radio.Border,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:s})=>{y(s)},cellStyles:{borderWidth:2,padding:"1/3"},options:b}),h(se.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{P.close(u)},children:Z(J.Center,{gap:"1/3",children:["\u9589\u3058\u308B",h(ie.Times,{})]})})]}),h(le,{slideIndex:g,options:{loop:a.length>1,onSlideCallback:s=>{y(s)}},slides:i,wrapper:s=>h(_,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:s})})]})}}));return}let r=A.get("Sheet-"+U.get().sessionUID);r&&r.add(e)},refresh:(e,r)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=A.get(e.sheetID);m&&m.refresh&&m.refresh(e,r)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=A.get(e.sheetID);r&&r.resize&&r.resize(e.size)},customSheet:{reposition:e=>{let r=A.get("customSheet-"+e);r&&r.reposition&&r.reposition()}},close:function(e,r,m){let u=z.getSessionStates();if(!u)return;let{val_sheets:v}=u;e=e==null?void 0:e.replace(/\./g,"-");let o=v.find(a=>a.sheetID==e);if(!o||r=="Escape"&&!o.closeAtEscapeKeyDown)return;let p=A.get(o.sheetID);p&&p.close&&p.close(m)},closeGroup:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:m}=r;e=(e||"").replace(/\./g,"-");for(let u of m)u.sheetGroups&&u.sheetGroups==e&&P.close(u.sheetID)},closeAll:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:m}=r;for(let u of m)e&&!u.closeAtPageTransit||P.close(u.sheetID,"pageTransit",!0)},Body:e=>h(_,f({className:c("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))};export{P as Sheet,P as default};
|
|
1
|
+
import{b as C,c as E,d as X}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as F}from"react/jsx-runtime";import h,{UUID as Z}from"@mingoo/jsmin";import{useState as O,useEffect as G,useRef as ie}from"react";import{$$fromRoot as Y,Config as K,useStore as x}from"../@utils";import{Box as _,Flex as ae,Img as se,FAI as le,Column as oe}from"../atoms";import{Row as J}from"../mols";import{Button as ne}from"./Button";import pe from"./SwipeView";import ce from"./Input";import{SheetClasses as f}from"../@styles/componentClasses";const N={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=x.get("sessionStates-"+K.get().sessionUID);return t||null},getNewSheetStates:t=>{var d;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:h.Time()});if(e.type=="custom"){let p=e;p.parent=p.parent||((d=p==null?void 0:p.event)==null?void 0:d.currentTarget),e=p}return e}},Q={Wrapper:()=>{let[t,e]=O(!1),[d,p]=O([]),v={val_sheets:d,set_sheets:p};x.set({["sessionStates-"+K.get().sessionUID]:v}),G(()=>{x.set({["Sheet-"+K.get().sessionUID]:{add:(i,o)=>{let a=x.get("Sheet-"+K.get().sessionUID);if(!a)return;let n=N.getNewSheetStates(i);if(n.isOpen=o!=null?o:!0,!!a.find(n.sheetID)){p(g=>{let I=[...g],S=I.findIndex(z=>z.sheetID==n.sheetID);return S==-1||(I[S]=n),I});return}p(g=>[n,...g])},find:i=>{let o=N.getSessionStates();if(!o)return null;let{val_sheets:a}=o;return a.find(n=>n.sheetID==i)}}}),h(K.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(i){let{key:o,metaKey:a}=i;if(o=="Escape"||o==","&&a){let n=N.getSessionStates();if(!n)return;let{val_sheets:c}=n,g=c.filter(S=>S.isOpen);if(!g.length)return;let I=g.reduce((S,z)=>S.created_at.value>z.created_at.value?S:z);L.close(I.sheetID,o)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(i){let o=N.getSessionStates();if(!o)return;let{val_sheets:a}=o,n=i.target;if(!n||n!=null&&n.closest("."+f("CustomSheet")))return;let c=a.filter(g=>g.type=="custom");c.length&&c.forEach(g=>{let{parent:I}=g;if(!g.closeAtAroundClick)return;let S=Y(I)[0];I!==n&&S!==n&&(h(S).find(n).length||L.close(g.sheetID))})}})},[]),G(()=>{let i=d.filter(o=>o.backgroundEffect&&o.isOpen&&!o.overwrap&&o.type!="custom");e(!!i.length)},[d]),G(()=>{let i=Y(".AMOTIFY_be_root");if(t){let a=h("html").position(),n=32/a.height,c=32/a.width;i.addClass(f("BodyEffect")).css({transform:`scale(${1-c},${1-n})`})}else i.css({transform:"scale(1)"}).removeClass(f("BodyEffect"))},[t]);let m=d.map(i=>u(Q.Core,E(C({},v),{val_sheet:i,patch_sheet:o=>{p(a=>{let n=[...a],c=n.findIndex(g=>g.sheetID==i.sheetID);return c==-1||(n[c]=C(C({},n[c]),o)),n})},delete_sheet:()=>{p(o=>{let a=[...o],n=a.findIndex(c=>c.sheetID==i.sheetID);return n==-1||a.splice(n,1),a})}}),i.sheetID));return u(_,{className:["AMOTIFY_be",f("Wrapper")].join(" "),children:m})},Core:t=>{let{val_sheet:e,patch_sheet:d}=t,[p,v]=O(N.currentIndex+1),[m]=O(Z()),i=e.type!="custom"&&!e.overwrap;G(()=>{N.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),d({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:c=>{if(e.type=="drawer.bottom"){let g=x.get(m);g&&g.resize&&g.resize(c)}else(e.type.includes("normal")||e.type.includes("drawer"))&&d({size:c})},close:c=>{d({isOpen:!1})},open:()=>{d({isOpen:!0})}}})},[]),G(()=>{h.scope(()=>{let c=Y("#"+m);if(e.isOpen){e.hold_state&&v(N.currentIndex+1),c.await(10).removeClass(f("Hide")).await(10).addClass(f("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}c.await(10).removeClass(f("Open")).await(251).addClass(f("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),i&&h(K.get().appRoot).focus(),e.hold_state)return d({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[o,a]=e.type.split("."),n=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(_,{className:[f("Wrap"),f("Tcate_"+o),f("Tpos_"+a),f("isMainSheet_"+i)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:p},id:m,children:F(oe,{className:f("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!i&&u(Q.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),u(n,C({componentID:m},e))]})},m)},Types:{Normal:t=>{let D=t,{sheetID:e,sheetGroups:d,bodyScrolls:p,content:v,className:m="",type:i,size:o="R",freeCSS:a,openAfter:n,closeAfter:c,closeAtAroundClick:g,closeAtEscapeKeyDown:I,closeAtPageTransit:S,closeAtParentBlur:z,closeAtSwipeDown:j,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=D,P=X(D,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[H,b]=i.split("."),w={},B=[];return b.match(/top/)?(B.push("top"),w.marginBottom="auto"):b.match(/middle/)?(B.push("center"),w.marginTop="auto",w.marginBottom="auto"):b.match(/bottom/)&&(B.push("bottom"),w.marginTop="auto"),b.match(/left/i)?(B.push("left"),w.marginRight="auto"):b.match(/center/i)?(B.push("center"),w.marginLeft="auto",w.marginRight="auto"):b.match(/right/i)&&(B.push("right"),w.marginLeft="auto"),u(_,E(C(C({className:[f("BB"),m].join(" "),padding:1,transition:"long",opacity:"trans"},P),w),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[o],maxWidth:"96vw",transformOrigin:B.join(" ")},a),children:h.is.function(v)?u(v,{}):v}))},Edge:t=>{let P=t,{sheetID:e,sheetGroups:d,bodyScrolls:p,type:v,content:m,className:i="",size:o="R",openAfter:a,closeAfter:n,closeAtAroundClick:c,closeAtEscapeKeyDown:g,closeAtPageTransit:I,closeAtParentBlur:S,closeAtSwipeDown:z,hold_state:j,overwrap:q,isOpen:ee,backgroundEffect:te}=P,$=X(P,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return u(_,E(C(E(C({className:[f("BB"),i].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"}),$),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[o],maxWidth:"96vw"},$.freeCSS),children:h.is.function(m)?u(m,{}):m}))},Bottom:t=>{let T=t,{componentID:e,sheetID:d,sheetGroups:p,bodyScrolls:v,content:m,size:i="R",sizeChanged:o,baseStyles:a,openAfter:n,closeAfter:c,closeAtAroundClick:g,closeAtEscapeKeyDown:I,closeAtPageTransit:S,closeAtParentBlur:z,closeAtSwipeDown:j=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=T,P=X(T,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),H=h.getScreenSize(),b=[0,.2,.6,.95],w={ZERO:0,S:1,R:2,L:3},[B,D]=O(i),[k,W]=O({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[w[i]]});x.update({[e]:{val_edit:k,resize:A=>{let l=b[w[A]];W(y=>E(C({},y),{value:l})),D(A)}}});const U={Start:A=>{h(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:U.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:U.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:U.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:U.End});let l=h.getCursor(A),y=E(C({},k),{process:!0,processStart:new Date().getTime(),originY:l.y,originValue:k.value,viewHeight:h.getScreenSize().height});x.update({[e]:{val_edit:y}}),W(y)},Move:A=>{var M;let l=(M=x.get(e))==null?void 0:M.val_edit;if(!l.process)return;let r=(h.getCursor(A).y-l.originY)/l.viewHeight,R=l.originValue-r;if(R>.95)R=.95+(R-.95)*.5;else if(R<.2){let s=.2-R;s-=.1,R=.1+(.1-s)*.5}W(E(C({},l),{value:R}))},End:A=>{var R;let l=(R=x.get(e))==null?void 0:R.val_edit;if(!l.process)return;h(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let y=0;if(l.value<.1||(l.value<.5?y=1:l.value>.75?y=3:y=2),new Date().getTime()-l.processStart<300){let M=h.getCursor(A).y-l.originY;if(Math.abs(M)>=20){let s=+(M<0)*2-1;y+=s,y=Math.min(Math.max(y,0),b.length-1)}}y==0&&(j||(y=1)),D(["ZERO","S","R","L"][y]),W(E(C({},l),{value:b[y],process:!1}))}},V=ie(!1);return G(()=>{V.current?B=="ZERO"?j&&L.close(d):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(B)},250):V.current=!0},[B]),u(_,{className:f("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:H.height*k.value},k.process?{transition:"0s"}:{}),children:F(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(J.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(J.Center,{onMouseDown:U.Start,onTouchStart:U.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(_,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:f("DragBar")})})}),u(_,E(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},P),{children:h.is.function(m)?u(m,{}):m}))]}))})},Custom:t=>{let V=t,{sheetID:e,sheetGroups:d,bodyScrolls:p,event:v,parent:m,nextToCursor:i,gravityPoint:o=22,content:a,closeAtAroundClick:n,closeAtEscapeKeyDown:c,closeAtPageTransit:g,closeAtParentBlur:I,closeAtSwipeDown:S,hold_state:z,openAfter:j,closeAfter:q,overwrap:ee,isOpen:te,backgroundEffect:$}=V,P=X(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[H]=O(Z()),b=h.is.element(m)||h.is.jsmin(m)?h(m):Y(m),w='[data-sheet-id="'+H+'"]',B='[data-sheet-content="'+H+'"]';o=o;let D=o%5||5,k=Math.ceil(o/5);const W={Init:()=>{if(i&&v){let s=h.getScreenSize(),re=h.getCursor(v);return{top:re.y-s.pageYOffset,left:re.x-s.pageXOffset}}let T={};if(!b||!b[0])return T;let{top:A,right:l,bottom:y,left:r,height:R,width:M}=b.position();return[1,2].includes(D)?T.left=r:D==3?T.left=r+M/2:[4,5].includes(D)&&(T.left=l),o<=10?T.top=A:o<=15?T.top=A+R/2:o<=25&&(T.top=y),T},Adjust:()=>{let T=Y(w).position(),A=Y(B).position(),l=b.position(),y=h.getScreenSize(),r={};for(let s in A)r[s]=A[s];if(h.scope(()=>{if(t.nextToCursor)return;let s=0;k==1?s=l.top-r.bottom:k==2?s=l.top-r.top:k==3?s=l.top-r.top+(l.height-r.height)/2:k==4?s=l.bottom-r.bottom:k==5&&(s=l.bottom-r.top),r.top+=s,r.bottom+=s}),h.scope(()=>{if(t.nextToCursor)return;let s=0;D==1?s=l.left-r.right:D==2?s=l.left-r.left:D==3?s=l.left-r.left+(l.width-r.width)/2:D==4?s=l.right-r.right:D==5&&(s=l.right-r.left),r.left+=s,r.right+=s}),r.top<0){let s=-r.top;r.top+=s,r.bottom+=s}if(r.bottom>y.height){let s=r.bottom-y.height;r.top-=s,r.bottom-=s}if(r.left<0){let s=-r.left;r.left+=s,r.right+=s}if(r.right>y.width){let s=r.right-y.width;r.left-=s,r.right-=s}let R=r.top-A.top,M=r.left-A.left;h(w).css({top:T.top+R+"px",left:T.left+M+"px"})}};let[U]=O(W.Init());return G(()=>{Y(w).await(10).addClass(f("Open")).await(200).callback(()=>{W.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{W.Adjust()}}})},[]),b[0]?u(_,{className:[f("BB"),f("CustomSheet")].join(" "),"data-sheet-id":H,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:U,children:u(ae,{position:"absolute",className:[f("GPT"),f("GPT_"+o),f("Col_"+D),f("Row_"+k)].join(" "),children:u(_,E(C({"data-sheet-content":H,flexSizing:"none",maxHeight:"viewHeight"},P),{freeCSS:C({maxWidth:"98vw"},P.freeCSS),children:h.is.function(a)?u(a,{}):a}))})}):null}},TapSensor:t=>u(_,{className:f("TapSensor"),children:u(ne.Plain,{className:f("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&L.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},L={Wrapper:()=>u(Q.Wrapper,{}),open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let v=t.sheetID||Z(),p=t,{type:m,src:i}=p,o=X(p,["type","src"]);L.open(E(C({type:"normal.topCenter",backgroundColor:"trans"},o),{sheetID:v,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=O(h.flatArray(i)),[n,c]=O(0),g=[],I=[];return a.forEach((S,z)=>{g.push({value:z,label:u(se,{src:h.flatArray(S)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),I.push(u(se,{width:1,height:"auto",src:h.flatArray(S)[0]}))}),F(oe,{gap:0,children:[F(J.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[u(ce.Radio.Border,{icon:!1,value:n,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:S})=>{c(S)},cellStyles:{borderWidth:2,padding:"1/3"},options:g}),u(ne.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{L.close(v)},children:F(J.Center,{gap:"1/3",children:["\u9589\u3058\u308B",u(le.Times,{})]})})]}),u(pe,{slideIndex:n,options:{loop:a.length>1,onSlideCallback:S=>{c(S)}},slides:I,wrapper:S=>u(_,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:S})})]})}}));return}let d=x.get("Sheet-"+K.get().sessionUID);d&&d.add(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=x.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,d){let p=N.getSessionStates();if(!p)return;let{val_sheets:v}=p;t=t==null?void 0:t.replace(/\./g,"-");let m=v.find(o=>o.sheetID==t);if(!m||e=="Escape"&&!m.closeAtEscapeKeyDown)return;let i=x.get(m.sheetID);i&&i.close&&i.close(d)},closeGroup:t=>{let e=N.getSessionStates();if(!e)return;let{val_sheets:d}=e;t=(t||"").replace(/\./g,"-");for(let p of d)p.sheetGroups&&p.sheetGroups==t&&L.close(p.sheetID)},closeAll:t=>{let e=N.getSessionStates();if(!e)return;let{val_sheets:d}=e;for(let p of d)t&&!p.closeAtPageTransit||L.close(p.sheetID,"pageTransit",!0)},Body:t=>u(_,C({className:f("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{L as Sheet,L 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 C,{UUID as Z}from"@mingoo/jsmin";import{useState as ee,useEffect as j}from"react";import{useStore as te,useRefresh as F}from"../../@utils";import{Box as v,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 W 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 D 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(D.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(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let w=e.rows;w.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:w}))}})})}),-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],w=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,B=l(z,{});if(w){let k=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});k=[...new Set(k)].order({direction:"ASC"});let _=a.current[o];if(_){let P=k.filter(R=>!_.includes(R)),A=[];k.forEach(R=>{R&&A.push({value:R,label:l(v,{flexSizing:"auto",children:R})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,q={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:R})=>{let M=k.filter(ae=>!R.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:()=>{W.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let R=[];_.length||(R=k);let M=r({},e);M.filter.current[o]=R,n(M)},children:"\u5168\u9078\u629E"})]})]})};W.refresh(q,!0),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!_.length),id:X,onClick:R=>{R.stopPropagation(),W.open(q)},children:l(N,{icon:ce})})})}}let J={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(J),G=e.cellStylesCallback?e.cellStylesCallback(J):{};i=m(r(r(r(r({},e.cellStyles),re),i),G),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:k=>{if(S){let _=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];_.order.current=P,n(_),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.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(D.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(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>C.JsonTo(S.rowID)==C.JsonTo(s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;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({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let w=D[b=="td"?"TD":"TH"];g.push(l(w,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{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(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.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(w=>!S.includes(w[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 te.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(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).filtered=!0}),i}}}),j(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.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 C.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 C.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=C.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]=ee(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]=ee(c);return j(()=>{b(o=>m(r({},o),{rows:c.rows}))},[C.JsonTo(c.rows)]),j(()=>{b(o=>m(r({},o),{head:c.head}))},[C.JsonTo(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=te.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),C.interval.clear("InputSearchTime"),C.interval.standBy("InputSearchTime",200,()=>{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}))})}})},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,SelectorGravityPoint:24,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"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,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})),T=ge;T.__memoryID=I.__memoryID,T.getRowData=ue.getRowData,T.Info=U.Info,T.Paging=U.Paging,T.RowLength=U.RowLength,T.SearchInput=U.SearchInput;export{T as Data,T as default};
|
|
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 C,{UUID as Z}from"@mingoo/jsmin";import{useState as ee,useEffect as j}from"react";import{useStore as te,useRefresh as F}from"../../@utils";import{Box as v,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 W 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 D 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(D.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(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let w=e.rows;w.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:w}))}})})}),-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],w=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,B=l(z,{});if(w){let k=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});k=[...new Set(k)].order({direction:"ASC"});let _=a.current[o];if(_){let P=k.filter(R=>!_.includes(R)),A=[];k.forEach(R=>{R&&A.push({value:R,label:l(v,{flexSizing:"auto",children:R})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,q={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:R})=>{let M=k.filter(ae=>!R.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:()=>{W.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let R=[];_.length||(R=k);let M=r({},e);M.filter.current[o]=R,n(M)},children:"\u5168\u9078\u629E"})]})]})};W.open(q,!1),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!_.length),id:X,onClick:R=>{R.stopPropagation(),W.open(q)},children:l(N,{icon:ce})})})}}let J={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(J),G=e.cellStylesCallback?e.cellStylesCallback(J):{};i=m(r(r(r(r({},e.cellStyles),re),i),G),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:k=>{if(S){let _=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];_.order.current=P,n(_),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.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(D.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(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>C.JsonTo(S.rowID)==C.JsonTo(s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;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({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let w=D[b=="td"?"TD":"TH"];g.push(l(w,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{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(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.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(w=>!S.includes(w[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 te.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(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).filtered=!0}),i}}}),j(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.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 C.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 C.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=C.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]=ee(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]=ee(c);return j(()=>{b(o=>m(r({},o),{rows:c.rows}))},[C.JsonTo(c.rows)]),j(()=>{b(o=>m(r({},o),{head:c.head}))},[C.JsonTo(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=te.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),C.interval.clear("InputSearchTime"),C.interval.standBy("InputSearchTime",200,()=>{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}))})}})},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,SelectorGravityPoint:24,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"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,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})),T=ge;T.__memoryID=I.__memoryID,T.getRowData=ue.getRowData,T.Info=U.Info,T.Paging=U.Paging,T.RowLength=U.RowLength,T.SearchInput=U.SearchInput;export{T as Data,T as default};
|