amotify 0.3.42 → 0.3.43
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/.claude/settings.local.json +8 -0
- package/demo/next/next.config.ts +1 -1
- package/dist/@styles/componentClasses/index.css +1 -1
- package/dist/@styles/componentClasses/index.js +1 -1
- package/dist/@styles/index.css +1 -1
- package/dist/@styles/index.js +1 -1
- package/dist/@styles/style.css +1 -1
- package/dist/@styles/style.js +1 -1
- package/dist/@utils/dragEffect.d.ts +6 -2
- package/dist/@utils/dragEffect.js +1 -1
- package/dist/fn/DataGrid/index.d.ts +3 -0
- package/dist/fn/DataGrid/index.js +1 -1
- package/dist/fn/Effect/Ripple.js +3 -3
- package/dist/index.d.ts +3 -2
- package/package.json +1 -1
package/dist/@styles/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r={preventScroll:"
|
|
1
|
+
var r={preventScroll:"_preventScroll_a4wx0_1",isDragging:"_isDragging_a4wx0_6",Clone:"_Clone_a4wx0_10",isHovering:"_isHovering_a4wx0_19",DropSign:"_DropSign_a4wx0_23",onDragging:"_onDragging_a4wx0_23",onLanding:"_onLanding_a4wx0_23",onLastLanding:"_onLastLanding_a4wx0_23",onAlways:"_onAlways_a4wx0_26",isActive:"_isActive_a4wx0_26",DropArea:"_DropArea_a4wx0_42",Origin:"_Origin_a4wx0_45",isDroppable:"_isDroppable_a4wx0_51",Marker_tableBorder:"_Marker_tableBorder_a4wx0_54",isLanding:"_isLanding_a4wx0_57",ripple_shadow:"_ripple_shadow_a4wx0_1",Marker_outline:"_Marker_outline_a4wx0_81",Marker_top:"_Marker_top_a4wx0_90",Marker_bottom:"_Marker_bottom_a4wx0_90",Marker_left:"_Marker_left_a4wx0_95",Marker_right:"_Marker_right_a4wx0_95"};var a={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var t={};var _={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 l={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var e={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var c={Wrapper:"_Wrapper_gyvqf_1",Cell:"_Cell_gyvqf_9",FadeIn:"_FadeIn_gyvqf_13",FadeOut:"_FadeOut_gyvqf_17"};var i={Wrap:"_Wrap_nxptu_2",Content:"_Content_nxptu_6",BackgroundWrapper:"_BackgroundWrapper_nxptu_10",BB:"_BB_nxptu_17",TapSensor:"_TapSensor_nxptu_20",BaseBody:"_BaseBody_nxptu_27",isMainSheet_false:"_isMainSheet_false_nxptu_30",isMainSheet_true:"_isMainSheet_true_nxptu_33",Open:"_Open_nxptu_36",Hide:"_Hide_nxptu_42",Tcate_normal:"_Tcate_normal_nxptu_48",Tcate_drawer:"_Tcate_drawer_nxptu_65",Tpos_left:"_Tpos_left_nxptu_65",Tpos_right:"_Tpos_right_nxptu_78",Tpos_bottom:"_Tpos_bottom_nxptu_91",DragBar:"_DragBar_nxptu_97",Tcate_custom:"_Tcate_custom_nxptu_105",CustomSheet:"_CustomSheet_nxptu_112",GPT:"_GPT_nxptu_115",Col_1:"_Col_1_nxptu_115",Row_1:"_Row_1_nxptu_115",Row_4:"_Row_4_nxptu_115",Col_4:"_Col_4_nxptu_115",Row_2:"_Row_2_nxptu_118",Row_5:"_Row_5_nxptu_118",Col_2:"_Col_2_nxptu_121",Col_5:"_Col_5_nxptu_121",GPT_3:"_GPT_3_nxptu_127",GPT_18:"_GPT_18_nxptu_127",GPT_8:"_GPT_8_nxptu_130",GPT_23:"_GPT_23_nxptu_130",GPT_11:"_GPT_11_nxptu_133",GPT_14:"_GPT_14_nxptu_133",GPT_12:"_GPT_12_nxptu_136",GPT_15:"_GPT_15_nxptu_136",Col_3:"_Col_3_nxptu_146",TapContent:"_TapContent_nxptu_162"};var n={Wrapper:"_Wrapper_rdngf_1",CornerLoader:"_CornerLoader_rdngf_6",Wrap:"_Wrap_rdngf_1",isActive:"_isActive_rdngf_31",ldAnm:"_ldAnm_rdngf_1",Ld1:"_Ld1_rdngf_37",Ld2:"_Ld2_rdngf_40",Ld3:"_Ld3_rdngf_43",Ld4:"_Ld4_rdngf_46",MiniLoader:"_MiniLoader_rdngf_64",Active_false:"_Active_false_rdngf_67",Hide:"_Hide_rdngf_70",Active:"_Active_rdngf_67",Core:"_Core_rdngf_80",spin:"_spin_rdngf_1",SVG1:"_SVG1_rdngf_88",loader:"_loader_rdngf_1",loading:"_loading_rdngf_1",SVG2:"_SVG2_rdngf_95"};var s={RootViewController:"_RootViewController_1nrm7_2",Content:"_Content_1nrm7_5",SwipeView:"_SwipeView_1nrm7_15",Rail:"_Rail_1nrm7_15",ShowOther_true:"_ShowOther_true_1nrm7_15",Child:"_Child_1nrm7_15",Display:"_Display_1nrm7_23",LoopAdjusting:"_LoopAdjusting_1nrm7_27"};var d={DataGrid:"_DataGrid_1p663_1",Wrap:"_Wrap_1p663_9",RowClickable_true:"_RowClickable_true_1p663_12",Row:"_Row_1p663_12",BodyRow:"_BodyRow_1p663_12",DataNotFound:"_DataNotFound_1p663_12",Cell:"_Cell_1p663_15",Table:"_Table_1p663_21",TableType_data:"_TableType_data_1p663_32",TableBase:"_TableBase_1p663_32",HeadRow:"_HeadRow_1p663_38",FilterRegion:"_FilterRegion_1p663_44",Filtering_true:"_Filtering_true_1p663_47"};var m={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 b={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 p={Wrap:"_Wrap_11ave_1",isLocked_true:"_isLocked_true_11ave_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_11ave_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_11ave_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_11ave_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_11ave_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_11ave_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_11ave_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_11ave_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_11ave_30",Tone_sub_Color_white:"_Tone_sub_Color_white_11ave_33",Tone_clear_Color_white:"_Tone_clear_Color_white_11ave_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_11ave_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_11ave_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_11ave_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_11ave_39",isNeutral_true:"_isNeutral_true_11ave_43",Tone_clear:"_Tone_clear_11ave_21",Tone_borderToFill:"_Tone_borderToFill_11ave_46",Tone_fillToBorder:"_Tone_fillToBorder_11ave_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_11ave_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_11ave_52",Tone_link:"_Tone_link_11ave_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_11ave_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_11ave_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_11ave_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_11ave_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_11ave_78",Tone_border:"_Tone_border_11ave_46",Tone_prime:"_Tone_prime_11ave_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_11ave_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_11ave_120"};var h={CustomScrollBar:"_CustomScrollBar_i829p_1",Wrapper:"_Wrapper_i829p_15",Input:"_Input_i829p_54",DigitCharacterCell:"_DigitCharacterCell_i829p_86",Combined:"_Combined_i829p_86",ShowCell:"_ShowCell_i829p_1"};var g={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 f={CellBase:"_CellBase_1n9nz_1",HideInput_true:"_HideInput_true_1n9nz_1",Input:"_Input_1n9nz_1",Label:"_Label_1n9nz_5",Icon:"_Icon_1n9nz_17"};var v={Core:"_Core_1wqxd_1",Selector:"_Selector_1wqxd_5",SearchInput:"_SearchInput_1wqxd_9",isActive:"_isActive_1wqxd_12"};var u={Input:"_Input_1lndc_1",Label:"_Label_1lndc_7"};var w={Wrap:"_Wrap_1jwam_1",Bar:"_Bar_1jwam_1",Range:"_Range_1jwam_4",Field:"_Field_1jwam_4",Child:"_Child_1jwam_7",Legend:"_Legend_1jwam_10",Edge:"_Edge_1jwam_25",EdgeChild:"_EdgeChild_1jwam_25"};var x={ClockBase:"_ClockBase_1bc8v_1",ClockUiBase:"_ClockUiBase_1bc8v_1",ClockUi:"_ClockUi_1bc8v_1",Needle:"_Needle_1bc8v_5",hour:"_hour_1bc8v_12",minute:"_minute_1bc8v_17"};var k={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 Sr=o=>r[o],zr=o=>a[o],Br=o=>t[o],Wr=o=>_[o],Nr=o=>l[o],jr=o=>e[o],Rr=o=>c[o],Ar=o=>i[o],Pr=o=>n[o],Ir=o=>s[o],Gr=o=>d[o],Mr=o=>m[o],Or=o=>b[o],Dr=o=>p[o],Fr=o=>h[o],Yr=o=>g[o],Er=o=>f[o],Ur=o=>v[o],qr=o=>u[o],Vr=o=>w[o],Kr=o=>x[o],Jr=o=>k[o];export{jr as AccordionClasses,Or as CropperClasses,Sr as DragEffectClasses,Mr as EffectClasses,Br as GridClasses,zr as ImgClasses,Ur as InputAutocompleteClasses,Fr as InputClasses,Yr as InputFilerClasses,Er as InputListClasses,Jr as InputSegmentedClasses,Vr as InputSliderClasses,qr as InputSwitchClasses,Kr as InputTimeClasses,Ir as LayoutClasses,Pr as LoaderClasses,Wr as LogoClasses,Nr as PlaceholderClasses,Ar as SheetClasses,Rr as SnackbarClasses,Gr as TableClasses,Dr as TriggerClasses};
|
|
@@ -16,6 +16,7 @@ declare const dragEffect: {
|
|
|
16
16
|
horizontal?: boolean;
|
|
17
17
|
vertical?: boolean;
|
|
18
18
|
autoScroll?: boolean;
|
|
19
|
+
parentElement?: HTMLElement;
|
|
19
20
|
}, callback: (p: {
|
|
20
21
|
idx: number;
|
|
21
22
|
id: string | void;
|
|
@@ -23,7 +24,7 @@ declare const dragEffect: {
|
|
|
23
24
|
end: boolean;
|
|
24
25
|
onDropArea: boolean;
|
|
25
26
|
}) => void) => void;
|
|
26
|
-
AutoScroll: (event: MouseEvent | TouchEvent) => void;
|
|
27
|
+
AutoScroll: (event: MouseEvent | TouchEvent, parentElement?: HTMLElement) => void;
|
|
27
28
|
styles: (cls: string) => string;
|
|
28
29
|
DropArea: <E extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null>(p: {
|
|
29
30
|
dragInfo: {
|
|
@@ -34,8 +35,11 @@ declare const dragEffect: {
|
|
|
34
35
|
activeOn?: 'landing' | 'lastLanding';
|
|
35
36
|
/**
|
|
36
37
|
* default bottom
|
|
38
|
+
*
|
|
39
|
+
* tableBorder: table系(<tr>/<thead>)向け。position指定に依存しない
|
|
40
|
+
* td/thベースの静的なborderで下端の縁取りを描く
|
|
37
41
|
*/
|
|
38
|
-
marker?: 'outline' | 'top' | 'bottom' | 'left' | 'right' | false;
|
|
42
|
+
marker?: 'outline' | 'top' | 'bottom' | 'left' | 'right' | 'tableBorder' | false;
|
|
39
43
|
/**
|
|
40
44
|
* default false
|
|
41
45
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as v,c as S,d as b}from"../chunk-C5N2D3ZX.js";import{jsx as A}from"react/jsx-runtime";import t from"jmini";import{Box as I}from"../atoms";import{Config as L}from".";import{DragEffectClasses as e}from"../@styles/componentClasses";const R={Start:(l,a,n)=>{a=v({horizontal:!0,vertical:!0,autoScroll:!0},a);let r=a.dragElement.cloneNode(!0),o=t(r),i=t.getCursor(a.startEvent),d=t.getScreenSize();o.addClass(e("Clone")).css({top:i.y-d.scrollY+8,left:i.x-d.scrollX+8}),t("html").addClass(e("preventScroll")),t(["."+e("DropArea"),`[data-drag-type="${l}"]`].join("")).addClass(e("isDroppable")),t(["."+e("DropArea"),`[data-drag-type="${l}"]`,`[data-drag-id="${a.originId}"]`].join("")).addClass(e("Origin")),t(["."+e("onDragging"),`[data-drag-type="${l}"]`].join("")).addClass(e("isActive")),t(L.get().appRoot).append(r).addClass(e("isDragging")).await(10).callback(()=>{o.addClass(e("isHovering"))});let g;const c=s=>{s.preventDefault(),s.stopPropagation();let u=t.getCursor(s),m=t.getScreenSize(),C=u.x-m.scrollX,D=u.y-m.scrollY,h=document.elementFromPoint(C,D),E=u.y-m.scrollY+8,x=u.x-m.scrollX+8;o.css(v(v({},a.horizontal&&{left:x}),a.vertical&&{top:E})),R.AutoScroll(s,a.parentElement);let f=t(h).parent(["."+e("DropArea"),`[data-drag-type=${l}]`].join(""));if(t("."+e("onLanding")).removeClass(e("isLanding"),e("isActive")),!f[0]||(t("."+e("onLastLanding")).removeClass(e("isLanding"),e("isActive")),!f[0]))return;let{dragId:y,dragIdx:T,dragGroup:N}=f[0].dataset;if(f.addClass(e("isLanding")),t(["."+e("DropSign"),`[data-drag-type="${l}"]`,`[data-drag-id="${y}"]`].join("")).addClass(e("isActive")),g!=y)return g=y,t.interval.once(()=>{n({idx:Number(T||0),id:y,groupId:String(N||""),end:!1,onDropArea:!!f[0]})},30,"dragEffect.delay"),!1},p=s=>{t("html").removeClass(e("preventScroll")),t("."+e("DropArea")).removeClass(e("isDroppable"));let u=t.getCursor(s),m=t.getScreenSize(),C=u.x-m.scrollX,D=u.y-m.scrollY,h=document.elementFromPoint(C,D);t(L.get().appRoot).removeClass(e("isDragging")),o.removeClass(e("isHovering")).await(300).remove(),t("."+e("DropArea")).removeClass(e("isLanding"),e("Origin")),t("."+e("DropSign")).removeClass(e("isActive")),t.interval.abort("AutoScroll"),t(window).removeEvent(["dragEffect.touchmove","dragEffect.pointermove","dragEffect.pointerup"]);let E=t(h).parent(`[data-drag-type=${l}]`)[0],{dragId:x,dragIdx:f,dragGroup:y}=(E==null?void 0:E.dataset)||{};t.interval.once(()=>{n({idx:Number(f||0),id:x!=null?x:g,groupId:String(y||""),end:!0,onDropArea:!!E})},50,"dragEffect.delay")};t(window).onEvent("touchmove",s=>(s.preventDefault(),s.stopPropagation(),!1),{eventID:"dragEffect.touchmove",passive:!1}).onEvent("pointermove",c,{eventID:"dragEffect.pointermove",passive:!1}).onEvent("pointerup",p,{eventID:"dragEffect.pointerup"})},AutoScroll:(l,a)=>{t.interval.abort("AutoScroll");let n=a||t("html")[0],r=t.getScreenSize(),o=t.getCursor(l),i=(o.y-r.scrollY)/r.height,d=(o.x-r.scrollX)/r.width,g=r.height/100/2,c=null,p=null;t.scope(()=>{i<=.1&&(c=g*-1),i>=.9&&(c=g)}),t.scope(()=>{d<=.1&&(p=g*-1),d>=.9&&(p=g)}),!(t.isNullish(c)&&t.isNullish(p))&&t.interval.start(()=>{p&&(n.scrollLeft+=p),c&&(n.scrollTop+=c)},10,"AutoScroll")},styles:e,DropArea:function(l){let o=l,{jsxElement:a=I,dragInfo:n}=o,r=b(o,["jsxElement","dragInfo"]);return n.disabled?A(a,v({},r)):A(a,S(v({transition:"short",position:"relative"},r),{"data-drag-type":n.type,"data-drag-group":n.group||null,"data-drag-id":n.id||null,"data-drag-idx":n.idx||0,className:[e("DropArea"),e("on"+(n.activeOn||"landing").toCapital()),e("Marker_"+(n.marker||"bottom")),(r==null?void 0:r.className)||""].join(" ")}))},DropSign:function(l){let d=l,{jsxElement:a=I,dragInfo:{type:n,id:r,activeOn:o="landing"}}=d,i=b(d,["jsxElement","dragInfo"]);return A(a,S(v({transition:"short"},i),{"data-drag-type":n,"data-drag-id":r||null,className:[e("DropSign"),o=="always"&&e("isActive"),e("on"+o.toCapital()),(i==null?void 0:i.className)||""].join(" ")}))}};export{R as dragEffect};
|
|
@@ -33,6 +33,8 @@ declare namespace DataGrid {
|
|
|
33
33
|
type Cell = TableCell & {
|
|
34
34
|
isTH?: boolean;
|
|
35
35
|
label?: ReactElement;
|
|
36
|
+
isRightCell?: boolean;
|
|
37
|
+
isBottomCell?: boolean;
|
|
36
38
|
};
|
|
37
39
|
namespace Cell {
|
|
38
40
|
type Header<K extends KeyType = KeyType> = Cell & {
|
|
@@ -94,6 +96,7 @@ declare namespace DataGrid {
|
|
|
94
96
|
*/
|
|
95
97
|
headerless?: boolean;
|
|
96
98
|
header: Header<K>;
|
|
99
|
+
headerGroup?: Header<K>;
|
|
97
100
|
body: Body<K> | StrictBody<K>;
|
|
98
101
|
footer?: Footer<K>;
|
|
99
102
|
defaultSearchKey?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as p,d as G,e as be}from"../../chunk-C5N2D3ZX.js";import{Fragment as Pe,jsx as o,jsxs as $}from"react/jsx-runtime";import u,{useStore as ne,UUID as ge}from"jmini";import me,{useState as Re,useEffect as se}from"react";import{Config as xe,ExtractStyles as X,GenerateHTMLProps as Te,dragEffect as ye,useRemote as ie}from"../../@utils";import{faArrowUp as De}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as we}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as K,Flex as ke,FAI as _,Span as Ke}from"../../atoms";import{Literal as pe,Row as q,MarkerPen as he}from"../../mols";import{Button as ce}from"../Trigger";import E from"../Input";import{TableClasses as Me}from"../../@styles/componentClasses";import{faGripVertical as Se}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as Ce}from"../Tips";const b={reservedKeys:["row_id","onCheckerDisabled","onDraggerDisabled","columnIdx","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:t=>{let e=!!t.some(l=>l.draggable);return(t==null?void 0:t.map((l,a)=>{var d;return u.isRecord(l)||(l={key:l}),u.isString(l.key)&&(l.key=l.key.replace(/[.\s]/g,"_")),e&&(l.sortable=0,l.filterable=!1),l.columnIdx=(d=l.columnIdx)!=null?d:a,l}).toASC("columnIdx"))||[]},toSafetyBody:t=>t==null?void 0:t.map((e,r)=>{var a;let l={};return Object.entries(e).forEach(([d,c])=>{var i,s;if(u.isOneOf(d,...b.reservedKeys))return;let g=c;u.isNullish(g)||(u.isRecord(g)||(g={data:g}),u.isString(d)&&(d=d.replace(/[.\s]/g,"_")),g.sortKey=(s=(i=g.sortKey)!=null?i:String(g.data))!=null?s:"",l[d]=g)}),l=p(n({},l),{row_id:(a=e.row_id)!=null?a:r,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,onCheckerDisabled:e.onCheckerDisabled,onDraggerDisabled:e.onDraggerDisabled,draggerIndex:r}),l}),toSafetyData:t=>{var l,a;let{header:e=[]}=t,r={datagridID:t.datagridID||ge(),sessionID:ge(),body:b.toSafetyBody(t.body||[]),filter:{keyword:t.defaultSearchKey||"",current:[]},sort:{col:-1,dir:1},paging:{rows:t.maxRows||100,total:1,current:1},draggable:!!e.some(d=>d.draggable)};{let d=e==null?void 0:e.findIndex(c=>c.defSort);d!==-1&&(r.sort.col=d,r.sort.dir=(a=(l=e[d])==null?void 0:l.sortable)!=null?a:1)}return r.draggable&&(r.sort.col=-1,r.sort.dir=0),b.updateRowMeta(r,t)},updateRowMeta:(t,e)=>{var l;let r=n({},t);if(r.sort.col>=0&&r.sort.dir){let a=((l=e.header[r.sort.col])==null?void 0:l.key)||"";r.sort.dir==1?r.body.toASC(a+".sortKey"):r.body.toDESC(a+".sortKey")}{let a=String(r.filter.keyword)||"";r.body.forEach(d=>{if(d.isFilterMatched=!0,!a)return;let c=e.header.some(g=>{var f;let i=d[g.key];return!i||!i.sortKey?!1:!!((f=String(i.sortKey||i.data))!=null&&f.match(new RegExp(a.escapeRegExChar(),"i")))});d.isFilterMatched=c})}{let a=r.paging.rows;r.paging.total=Math.ceil(r.body.filter(i=>i.isFilterMatched).length/a);let d=a*(r.paging.current-1),c=d+a,g=0;r.body.forEach(i=>{i.isVisible=!1,i.isFilterMatched&&(i.isVisible=g>=d&&g<c,g++)})}return r.draggable&&r.body.toASC("draggerIndex"),r},index:t=>{var s,f,v,x;let[e,r]=Re(()=>b.toSafetyData(t));se(()=>{ne.set({["reset-"+e.datagridID]:()=>{r(b.toSafetyData(t))},["refresh-"+e.datagridID]:()=>{r(y=>b.updateRowMeta(p(n({},y),{body:b.toSafetyBody(t.body)}),t))}})},[t]),se(()=>{ne.set({["rows-"+e.datagridID]:e.body}),ie.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:y=>{r(m=>b.updateRowMeta(p(n({},m),{paging:p(n({},m.paging),{current:Math.max(1,Math.min(m.paging.total,y))})}),t))},maxRow:y=>{r(m=>b.updateRowMeta(p(n({},m),{paging:p(n({},m.paging),{rows:y,current:1})}),t))},searchKey:y=>{u.interval.once(()=>{r(m=>{let w=p(n({},m),{paging:p(n({},m.paging),{current:1}),filter:p(n({},m.filter),{keyword:String(y||"").trim()})});return b.updateRowMeta(w,t)})},300,"InputSearchTime")}}})},[e]);const l=me.useRef(!1);se(()=>{if(t.onSelected){if(!l.current){l.current=!0;return}t.onSelected(e.body.filter(y=>y.isSelected))}},[(s=e==null?void 0:e.body)==null?void 0:s.filter(y=>y.isSelected).length]);const a=me.useRef(!1);se(()=>{if(t.onSorted){if(!a.current){a.current=!0;return}t.onSorted(e.sort.col,e.sort.dir)}},[(f=e==null?void 0:e.sort)==null?void 0:f.col,(v=e==null?void 0:e.sort)==null?void 0:v.dir]);let d={input:t,val_config:e,set_config:r},{className:c,style:g}=Te(t),i=(x=t.colLength)!=null?x:t.header.length;return o(K,{className:c,style:g,children:o(D.Table,{className:Me("DataGrid"),borderRadius:"inherit",children:$(D.Body,{children:[o(b.Header,n({},d)),o(b.Body,n({},d)),o(b.Footer,n({},d))]})},[i,...t.header.map(y=>y.key),e.sessionID].join("."))})},Checker:t=>o(K,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:o(E.Checker,p(n({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},t),{label:!1}))}),Header:t=>{var i,s,f,v;let{input:e,val_config:r,set_config:l}=t;if(e.headerless)return null;let a="datagrid-dragger-"+r.datagridID,d=["datagrid",r.datagridID,""].join("-"),c=1+r.body.filter(x=>x.isVisible).length+ +!!e.footer,g=(i=e.colLength)!=null?i:e.header.length;return o(ye.DropArea,p(n({jsxElement:D.Row,id:d},e.rowStyles),{dragInfo:{type:a,id:String(((v=(f=(s=r.body)==null?void 0:s.filter(x=>x.isFilterMatched))==null?void 0:f[0])==null?void 0:v.draggerIndex)||0),marker:"bottom"},children:e.header.toASC("columnIdx").map((x,y)=>{var re,oe,le,k,j,F;let[m,w]=X(x),te=w,{isTH:S,key:C,label:M,onLabelRender:B,columnIdx:Y,checkable:N,draggable:J,defSort:de,sortable:P,filterable:A,isHidden:H}=te,T=G(te,["isTH","key","label","onLabelRender","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden"]);if(H)return null;let I={rowIdx:0,colIdx:y,topIdx:0,leftIdx:y,rightIdx:g-y-1,bottomIdx:c-1,isHeader:!0,isBody:!1,isFooter:!1},Z=J,V=P!=0,O=y==r.sort.col,Q=u.deepMerge(u.deepCopy(e.cellStyles),fe(I,{}),(re=e.cellStyles)==null?void 0:re.onHeader,!I.leftIdx&&((oe=e.cellStyles)==null?void 0:oe.onLeft),!I.rightIdx&&((le=e.cellStyles)==null?void 0:le.onRight),!I.topIdx&&((k=e.cellStyles)==null?void 0:k.onTop),!I.bottomIdx&&((j=e.cellStyles)==null?void 0:j.onBottom),m);e.onCellStyles&&(Q=e.onCellStyles(I,Q||{}));let U=[],ee=[];if(Z&&U.push(o(ce.Clear.S,{ssSphere:2.5,fontColor:"theme",onMouseOver:h=>{Ce.open(h.currentTarget,$(pe.Mini,{children:[o(_,{icon:Se}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:h=>Ce.abort(),onClick:h=>{h.stopPropagation()},children:o(_.QuestionCircle,{})},"drag")),N){let h=o(b.Checker,{value:r.body.every(R=>R.isSelected),onUpdateValue:R=>{l(L=>{let z=n({},L);return z.body.forEach(ae=>{ae.isFilterMatched&&(ae.onCheckerDisabled||(ae.isSelected=!!R))}),z})}},"check");N=="left"?U.push(h):ee.push(h)}return V&&U.push(o(_,{fontSize:"1.mini",fontColor:"theme",opacity:O?"max":"low",transition:"middle",xcss:{transform:O&&r.sort.dir==-1?"rotate(180deg)":"none"},icon:O?De:we},"sort")),o(D.Cell,p(n(n({isTH:!!S,ssPushable:!!P},X(Q||{})[0]),T),{className:[e.cellClassName,T.className].join(" "),onClick:h=>{T.onClick&&T.onClick(h),e.onCellClick&&e.onCellClick(I,h),V&&l(R=>{let L=n({},R);return L.sort={col:y,dir:O?R.sort.dir*-1:P},b.updateRowMeta(L,e)})},children:$(q.Left,{gap:"1/3",height:1,children:[U,(F=B==null?void 0:B(C))!=null?F:o(K,{flexSizing:0,children:M!=null?M:C}),ee]})}),[y,x.key].join("/"))})}))},Body:t=>{var g,i;let{input:e,val_config:r,set_config:l}=t,a=r.body.filter(s=>s.isVisible),d=+!e.headerless+a.length+ +!!e.footer,c=(g=e.colLength)!=null?g:e.header.length;return a.length?o(Pe,{children:a.map((s,f)=>{let{onCheckerDisabled:v,onDraggerDisabled:x}=s,y=f;e.headerless||(y+=1);let m="datagrid-dragger-"+r.datagridID,w=["datagrid",r.datagridID,s.row_id].join("-");return o(ye.DropArea,p(n(n({jsxElement:D.Row,position:"relative",id:w,ssPushable:!!e.onRowClick||!!s.onRowClick},xe.get().browserIs=="safari"&&{ssEffectsOnActive:"none"}),e.rowStyles),{onClick:S=>{s.onRowClick&&s.onRowClick(S),e.onRowClick&&e.onRowClick(s,S)},dragInfo:{type:m,id:String(s.row_id||""),disabled:!r.draggable,marker:"bottom"},children:e.header.toASC("columnIdx").map((S,C)=>{var U,ee,te,re,oe,le;let M=S.draggable,B=s[S.key];if(!B)return null;let[Y,N]=X(B),Q=N,{isTH:J,sortKey:de,data:P,label:A,onLabelRender:H}=Q,T=G(Q,["isTH","sortKey","data","label","onLabelRender"]),I={rowIdx:y,colIdx:C,topIdx:y,leftIdx:C,rightIdx:c-C-1,bottomIdx:d-y-1,isHeader:!1,isBody:!0,isFooter:!1},Z=u.deepMerge(u.deepCopy(e.cellStyles),fe(I,{}),(U=e.cellStyles)==null?void 0:U.onBody,!I.leftIdx&&((ee=e.cellStyles)==null?void 0:ee.onLeft),!I.rightIdx&&((te=e.cellStyles)==null?void 0:te.onRight),!I.topIdx&&((re=e.cellStyles)==null?void 0:re.onTop),!I.bottomIdx&&((oe=e.cellStyles)==null?void 0:oe.onBottom),Y);e.onCellStyles&&(Z=e.onCellStyles(I,Z||{}));let V=[],O=[];return u.scope(()=>{if(M){if(s.onDraggerDisabled){V.push(s.onDraggerDisabled());return}V.push(o(ce.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:k=>{let j=u("#"+w)[0],F=j.cloneNode(!0);F.style.width=j.offsetWidth+"px",ye.Start(m,{dragElement:F,startEvent:k,originId:w,horizontal:!1},h=>be(void 0,null,function*(){if(!h.end||!h.onDropArea)return;let R=[...r.body],L=R.findIndex(W=>W.row_id==s.row_id);if(L==-1)return;let z=R.findIndex(W=>W.row_id==h.id);if(z<L&&z++,L==z)return;let ae=R.splice(L,1)[0];R.splice(z,0,ae),R.forEach((W,Ie)=>{W.draggerIndex=Ie}),e.onDragged&&e.onDragged(R),l(W=>p(n({},W),{body:R}))}))},children:o(q.Center,{gap:"1/4",children:o(_,{icon:Se})})},"drag"))}}),u.scope(()=>{if(!S.checkable)return;let k=o(b.Checker,{override:"force",value:!!s.isSelected,onUpdateValue:j=>{l(F=>p(n({},F),{body:F.body.map(h=>(h.row_id==s.row_id&&(h.isSelected=!!j),h))}))}},"check");s.onCheckerDisabled&&(k=s.onCheckerDisabled()),S.checkable=="left"?V.push(k):O.push(k)}),o(D.Cell,p(n(n({isTH:!!J},X(Z||{})[0]),T),{className:[e.cellClassName,T.className].join(" "),onClick:k=>{T.onClick&&T.onClick(k),e.onCellClick&&e.onCellClick(I,k)},children:$(q.Left,{gap:"1/3",height:1,children:[V,(le=H==null?void 0:H(P))!=null?le:o(K,{flexSizing:0,children:he(A!=null?A:String(P),r.filter.keyword)}),O]})}),[C,S.key].join("/"))})}),[s.row_id,y].join("."))})}):o(D.Row,p(n({},e.rowStyles),{children:o(D.Cell,{colSpan:c,padding:1,children:(i=e.onNoRecordsRender)==null?void 0:i.call(e)})}))},Footer:t=>{var c;let{input:e,val_config:r,set_config:l}=t;if(!e.footer)return null;let a=+!e.headerless+r.body.filter(g=>g.isVisible).length+1,d=(c=e.colLength)!=null?c:e.header.length;return o(D.Row,p(n({},e.rowStyles),{children:e.header.toASC("columnIdx").map((g,i)=>{var Y,N,J,de,P,A,H;let s=e.footer[g.key];if(!s)return null;u.isRecord(s)||(s={data:s});let[f,v]=X(s),B=v,{isTH:x,data:y,label:m,onLabelRender:w}=B,S=G(B,["isTH","data","label","onLabelRender"]),C={rowIdx:a-1,colIdx:i,topIdx:a-1,leftIdx:i,rightIdx:d-i-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},M=u.deepMerge(u.deepCopy(e.cellStyles),fe(C,{}),(Y=e.cellStyles)==null?void 0:Y.onBody,(N=e.cellStyles)==null?void 0:N.onFooter,!C.leftIdx&&((J=e.cellStyles)==null?void 0:J.onLeft),!C.rightIdx&&((de=e.cellStyles)==null?void 0:de.onRight),!C.topIdx&&((P=e.cellStyles)==null?void 0:P.onTop),!C.bottomIdx&&((A=e.cellStyles)==null?void 0:A.onBottom),f);return e.onCellStyles&&(M=e.onCellStyles(C,M||{})),o(D.Cell,p(n(n({isTH:!!x},X(M||{})[0]),S),{className:[e.cellClassName,S.className].join(" "),onClick:T=>{S.onClick&&S.onClick(T),e.onCellClick&&e.onCellClick(C,T)},children:o(K,{flexSizing:0,children:(H=w==null?void 0:w(y))!=null?H:he(m!=null?m:String(y),r.filter.keyword)})}),[i,g.key].join("/"))})}))}},fe=(t,e)=>{let r=n({},e);return t.topIdx||(r.borderTop="unset"),t.bottomIdx||(r.borderBottom="unset"),t.rightIdx||(r.borderRight="unset"),t.leftIdx||(r.borderLeft="unset"),t.topIdx||(t.leftIdx||(r.borderTopLeftRadius="inherit"),t.rightIdx||(r.borderTopRightRadius="inherit")),t.bottomIdx||(t.leftIdx||(r.borderBottomLeftRadius="inherit"),t.rightIdx||(r.borderBottomRightRadius="inherit")),r},Be=t=>(t=n({datagridID:ge(),tone:"border",maxRows:100,onNoRecordsRender:()=>o(q.Center,{children:o(pe.Mini,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},t),t.rowStyles=n({backgroundColor:"layer.0"},t.rowStyles),t.cellStyles=n(p(n({},u.scope(()=>{if(!t.tone)return{};let e={};return u.isOneOf(t.tone,"border","border.horizontal")&&(e.borderBottom="2.normal"),u.isOneOf(t.tone,"border","border.vertical")&&(e.borderRight="2.normal"),e})),{position:"relative",padding:["1/3","2/3"],transition:"short"}),t.cellStyles),t.tone&&(t=n({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},t)),t.header=b.toSafetyHeader(t.header||[]),t.header.forEach((e,r)=>{var l;e.sortable=(l=e.sortable)!=null?l:1,e.checkable===!0&&(e.checkable="left")}),o(b.index,n({},t))),ue={getBodyRows:t=>ne.get("rows-"+t)||[],toSafetyBody:b.toSafetyBody,reset:t=>{var e;(e=ne.get("reset-"+t))==null||e()},refreshBody:t=>{var e;(e=ne.get("refresh-"+t))==null||e()},reservedKeys:b.reservedKeys,Table:t=>o(K,p(n({htmlTag:"table",borderRadius:"inherit"},t),{border:t.border})),Head:t=>o(K,n({htmlTag:"thead",borderRadius:"inherit"},t)),Body:t=>o(K,n({htmlTag:"tbody",borderRadius:"inherit"},t)),Row:t=>o(K,n({htmlTag:"tr",borderRadius:"inherit"},t)),TH:t=>o(K,n({htmlTag:"th"},t)),TD:t=>o(K,n({htmlTag:"td"},t)),Cell:t=>{let l=t,{isTH:e}=l,r=G(l,["isTH"]);return e?o(ue.TH,n({},r)):o(ue.TD,n({},r))},RightIndicator:{data:"",label:o(q.Right,{children:o(_.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:t=>{let d=t,{datagridID:e}=d,r=G(d,["datagridID"]),l=ie.catch(t.datagridID);if(!l)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:a}=l;return o(E.TextField,p(n({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:o(E.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:o(_.Search,{})}),value:a.filter.keyword},r),{onUpdateValidValue:(...c)=>{r.onUpdateValidValue&&r.onUpdateValidValue(...c),l.remoteUpdate.searchKey(c[0])}}))},Info:t=>{let e=ie.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,l=t.totalCount||r.body.length,a=r.body.filter(c=>c.isFilterMatched).length,d=a.toRate(l,1)||0;return $(ke,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(Ke,{fontSize:"4.thirdTitle",fontColor:"theme",children:a.toLocaleString()}),"/ ",l.toLocaleString(),"\u4EF6 (",d,"%)"]})},Paging:t=>{let g=t,{datagridID:e}=g,r=G(g,["datagridID"]),l=ie.catch(e);if(!l)return null;let{val_config:a}=l,d=[];for(let i=0;i<a.paging.total;i++)d.push({value:i+1,label:(i+1).toString()});const c=i=>{let s=Math.min(Math.max(1,i),a.paging.total),f=n({},a);f.paging.current=s,l.remoteUpdate.paging(s)};return o(E.Select,p(n({emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0},r),{leftIcon:o(E.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:o(ce.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(a.paging.current==1){c(a.paging.total);return}c(a.paging.current-1)},children:o(_.ChevronLeft,{})})}),rightIcon:o(E.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:o(ce.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(a.paging.current==a.paging.total){c(1);return}c(a.paging.current+1)},children:o(_.ChevronRight,{})})}),options:d.map(i=>({value:i.value||0,label:$(q.Left,{gap:"1/3",verticalAlign:"baseline",children:[i.label,$(pe.Micro,{fontColor:"4.thin",children:["/ ",a.paging.total]})]})})),value:a.paging.current,onUpdateValidValue:i=>{c(i)}}))},RowCount:t=>{let s=t,{datagridID:e}=s,r=G(s,["datagridID"]),l=ie.catch(e);if(!l)return null;let{val_config:a}=l,d=a.body.filter(f=>f.isFilterMatched).length,c=a.paging.rows,g=0,i=t.options.map(f=>(g|=+(f==c),{value:f,label:f.toString()}));return g||i.push({value:c,label:c.toString()}),o(q.Center,{gap:"1/2",children:o(E.Select,p(n({emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:o(E.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:o(E.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"})},r),{value:a.paging.rows,options:i.toASC("value"),onUpdateValidValue:f=>{l.remoteUpdate.maxRow(Number(f))}}))})}},D=Object.assign(Be,ue);export{D as DataGrid,D as default,fe as onDefaultCellStyles};
|
|
1
|
+
import{b as a,c as f,d as j,e as Ie}from"../../chunk-C5N2D3ZX.js";import{Fragment as Ee,jsx as o,jsxs as N}from"react/jsx-runtime";import S,{useStore as ce,UUID as he}from"jmini";import Re,{useState as ke,useEffect as pe}from"react";import{Config as Ke,ExtractStyles as le,GenerateHTMLProps as Me,dragEffect as me,useRemote as ge}from"../../@utils";import{faArrowUp as xe}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as Te}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as G,Flex as Be,FAI as _,Span as Pe}from"../../atoms";import{Literal as fe,Row as ae,MarkerPen as De}from"../../mols";import{Button as ye}from"../Trigger";import z from"../Input";import{TableClasses as He}from"../../@styles/componentClasses";import{faGripVertical as Se}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as ue}from"../Tips";const h={reservedKeys:["row_id","onCheckerDisabled","onDraggerDisabled","columnIdx","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:t=>{let e=!!t.some(l=>l.draggable);return(t==null?void 0:t.map((l,i)=>{var n;return S.isRecord(l)||(l={key:l}),S.isString(l.key)&&(l.key=l.key.replace(/[.\s]/g,"_")),e&&(l.sortable=0,l.filterable=!1),l.columnIdx=(n=l.columnIdx)!=null?n:i,l}).toASC("columnIdx"))||[]},toSafetyBody:t=>t==null?void 0:t.map((e,r)=>{var i;let l={};return Object.entries(e).forEach(([n,c])=>{var d,u;if(S.isOneOf(n,...h.reservedKeys))return;let g=c;S.isNullish(g)||(S.isRecord(g)||(g={data:g}),S.isString(n)&&(n=n.replace(/[.\s]/g,"_")),g.sortKey=(u=(d=g.sortKey)!=null?d:String(g.data))!=null?u:"",l[n]=g)}),l=f(a({},l),{row_id:(i=e.row_id)!=null?i:r,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,onCheckerDisabled:e.onCheckerDisabled,onDraggerDisabled:e.onDraggerDisabled,draggerIndex:r}),l}),toSafetyData:t=>{var l,i;let{header:e=[]}=t,r={datagridID:t.datagridID||he(),sessionID:he(),body:h.toSafetyBody(t.body||[]),filter:{keyword:t.defaultSearchKey||"",current:[]},sort:{col:-1,dir:1},paging:{rows:t.maxRows||100,total:1,current:1},draggable:!!e.some(n=>n.draggable)};{let n=e==null?void 0:e.findIndex(c=>c.defSort);n!==-1&&(r.sort.col=n,r.sort.dir=(i=(l=e[n])==null?void 0:l.sortable)!=null?i:1)}return r.draggable&&(r.sort.col=-1,r.sort.dir=0),h.updateRowMeta(r,t)},updateRowMeta:(t,e)=>{var l;let r=a({},t);if(r.sort.col>=0&&r.sort.dir){let i=((l=e.header[r.sort.col])==null?void 0:l.key)||"";r.sort.dir==1?r.body.toASC(i+".sortKey"):r.body.toDESC(i+".sortKey")}{let i=String(r.filter.keyword)||"";r.body.forEach(n=>{if(n.isFilterMatched=!0,!i)return;let c=e.header.some(g=>{var s;let d=n[g.key];return!d||!d.sortKey?!1:!!((s=String(d.sortKey||d.data))!=null&&s.match(new RegExp(i.escapeRegExChar(),"i")))});n.isFilterMatched=c})}{let i=r.paging.rows;r.paging.total=Math.ceil(r.body.filter(d=>d.isFilterMatched).length/i);let n=i*(r.paging.current-1),c=n+i,g=0;r.body.forEach(d=>{d.isVisible=!1,d.isFilterMatched&&(d.isVisible=g>=n&&g<c,g++)})}return r.draggable&&r.body.toASC("draggerIndex"),r},index:t=>{var u,s,U,W;let[e,r]=ke(()=>h.toSafetyData(t));pe(()=>{ce.set({["reset-"+e.datagridID]:()=>{r(h.toSafetyData(t))},["refresh-"+e.datagridID]:()=>{r(C=>h.updateRowMeta(f(a({},C),{body:h.toSafetyBody(t.body)}),t))}})},[t]),pe(()=>{ce.set({["rows-"+e.datagridID]:e.body}),ge.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:C=>{r(y=>h.updateRowMeta(f(a({},y),{paging:f(a({},y.paging),{current:Math.max(1,Math.min(y.paging.total,C))})}),t))},maxRow:C=>{r(y=>h.updateRowMeta(f(a({},y),{paging:f(a({},y.paging),{rows:C,current:1})}),t))},searchKey:C=>{S.interval.once(()=>{r(y=>{let m=f(a({},y),{paging:f(a({},y.paging),{current:1}),filter:f(a({},y.filter),{keyword:String(C||"").trim()})});return h.updateRowMeta(m,t)})},300,"InputSearchTime")}}})},[e]);const l=Re.useRef(!1);pe(()=>{if(t.onSelected){if(!l.current){l.current=!0;return}t.onSelected(e.body.filter(C=>C.isSelected))}},[(u=e==null?void 0:e.body)==null?void 0:u.filter(C=>C.isSelected).length]);const i=Re.useRef(!1);pe(()=>{if(t.onSorted){if(!i.current){i.current=!0;return}t.onSorted(e.sort.col,e.sort.dir)}},[(s=e==null?void 0:e.sort)==null?void 0:s.col,(U=e==null?void 0:e.sort)==null?void 0:U.dir]);let n={input:t,val_config:e,set_config:r},{className:c,style:g}=Me(t),d=(W=t.colLength)!=null?W:t.header.length;return o(G,{className:c,position:"relative",style:g,children:N(D.Table,{className:He("DataGrid"),borderRadius:"inherit",children:[o(h.Header,a({},n)),N(D.Body,{children:[o(h.Body,a({},n)),o(h.Footer,a({},n))]})]},[d,...t.header.map(C=>C.key),e.sessionID].join("."))})},Checker:t=>o(G,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:o(z.Checker,f(a({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},t),{label:!1}))}),Header:t=>{var s,U,W,C;let{input:e,val_config:r,set_config:l}=t;if(e.headerless)return null;let i="datagrid-dragger-"+r.datagridID,n=["datagrid",r.datagridID,""].join("-"),c=r.body.filter(y=>y.isVisible).length,g=e.footer?1:0,d=1+ +!!e.headerGroup+c+g,u=(s=e.colLength)!=null?s:e.header.length;return N(me.DropArea,{jsxElement:D.Head,id:n,dragInfo:{type:i,id:String(((C=(W=(U=r.body)==null?void 0:U.filter(y=>y.isFilterMatched))==null?void 0:W[0])==null?void 0:C.draggerIndex)||0),marker:"tableBorder"},children:[e.headerGroup&&o(D.Row,f(a({},e.rowStyles),{children:e.headerGroup.toASC("columnIdx").map((y,m)=>{var re,oe,K,O,F,H;let[q,B]=le(y),te=B,{isTH:P,key:x,label:w,onLabelRender:L,columnIdx:se,checkable:A,draggable:ie,defSort:ne,sortable:k,filterable:Q,isHidden:$,isRightCell:J,isBottomCell:X}=te,I=j(te,["isTH","key","label","onLabelRender","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden","isRightCell","isBottomCell"]);if($)return null;let b={rowIdx:0,colIdx:m,topIdx:0,leftIdx:m,rightIdx:u-m-1,bottomIdx:d-c-g,isHeader:!0,isBody:!1,isFooter:!1};J&&(b.rightIdx=0),X&&(b.bottomIdx=0);let Y=ie,Z=k!=0,E=m==r.sort.col,V=S.deepMerge(S.deepCopy(e.cellStyles),be(b,{}),(re=e.cellStyles)==null?void 0:re.onHeader,!b.leftIdx&&((oe=e.cellStyles)==null?void 0:oe.onLeft),!b.rightIdx&&((K=e.cellStyles)==null?void 0:K.onRight),!b.topIdx&&((O=e.cellStyles)==null?void 0:O.onTop),!b.bottomIdx&&((F=e.cellStyles)==null?void 0:F.onBottom),q);e.onCellStyles&&(V=e.onCellStyles(b,V||{}));let v=[],ee=[];if(Y&&v.push(o(ye.Clear.S,{ssSphere:2.5,fontColor:"theme",onMouseOver:p=>{ue.open(p.currentTarget,N(fe.Micro,{children:[o(_,{icon:Se}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:p=>ue.abort(),onClick:p=>{p.stopPropagation()},children:o(_.QuestionCircle,{})},"drag")),A){let p=o(h.Checker,{value:r.body.every(R=>R.isSelected),onUpdateValue:R=>{l(M=>{let de=a({},M);return de.body.forEach(T=>{T.isFilterMatched&&(T.onCheckerDisabled||(T.isSelected=!!R))}),de})}},"check");A=="left"?v.push(p):ee.push(p)}return Z&&v.push(o(_,{fontSize:"1.mini",fontColor:"theme",opacity:E?"max":"low",transition:"middle",xcss:{transform:E&&r.sort.dir==-1?"rotate(180deg)":"none"},icon:E?xe:Te},"sort")),o(D.Cell,f(a(a({isTH:!!P,ssPushable:!!k},le(V||{})[0]),I),{className:[e.cellClassName,I.className].join(" "),onClick:p=>{I.onClick&&I.onClick(p),e.onCellClick&&e.onCellClick(b,p),Z&&l(R=>{let M=a({},R);return M.sort={col:m,dir:E?R.sort.dir*-1:k},h.updateRowMeta(M,e)})},children:N(ae.Left,{gap:"1/2",height:1,children:[v,(H=L==null?void 0:L(x))!=null?H:o(G,{flexSizing:0,children:w!=null?w:x}),ee]})}),[m,y.key].join("/"))})})),o(D.Row,f(a({},e.rowStyles),{children:e.header.toASC("columnIdx").map((y,m)=>{var re,oe,K,O,F,H;let[q,B]=le(y),te=B,{isTH:P,key:x,label:w,onLabelRender:L,columnIdx:se,checkable:A,draggable:ie,defSort:ne,sortable:k,filterable:Q,isHidden:$,isRightCell:J,isBottomCell:X}=te,I=j(te,["isTH","key","label","onLabelRender","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden","isRightCell","isBottomCell"]);if($)return null;let b={rowIdx:0,colIdx:m,topIdx:e.headerGroup?1:0,leftIdx:m,rightIdx:u-m-1,bottomIdx:d-c-g-1,isHeader:!0,isBody:!1,isFooter:!1};J&&(b.rightIdx=0),X&&(b.bottomIdx=0);let Y=ie,Z=k!=0,E=m==r.sort.col,V=S.deepMerge(S.deepCopy(e.cellStyles),be(b,{}),(re=e.cellStyles)==null?void 0:re.onHeader,!b.leftIdx&&((oe=e.cellStyles)==null?void 0:oe.onLeft),!b.rightIdx&&((K=e.cellStyles)==null?void 0:K.onRight),!b.topIdx&&((O=e.cellStyles)==null?void 0:O.onTop),!b.bottomIdx&&((F=e.cellStyles)==null?void 0:F.onBottom),q);e.onCellStyles&&(V=e.onCellStyles(b,V||{}));let v=[],ee=[];if(Y&&v.push(o(ye.Clear.S,{ssSphere:2.5,fontColor:"theme",onMouseOver:p=>{ue.open(p.currentTarget,N(fe.Micro,{children:[o(_,{icon:Se}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:p=>ue.abort(),onClick:p=>{p.stopPropagation()},children:o(_.QuestionCircle,{})},"drag")),A){let p=o(h.Checker,{value:r.body.every(R=>R.isSelected),onUpdateValue:R=>{l(M=>{let de=a({},M);return de.body.forEach(T=>{T.isFilterMatched&&(T.onCheckerDisabled||(T.isSelected=!!R))}),de})}},"check");A=="left"?v.push(p):ee.push(p)}return Z&&v.push(o(_,{fontSize:"1.mini",fontColor:"theme",opacity:E?"max":"low",transition:"middle",xcss:{transform:E&&r.sort.dir==-1?"rotate(180deg)":"none"},icon:E?xe:Te},"sort")),o(D.Cell,f(a(a({isTH:!!P,ssPushable:!!k},le(V||{})[0]),I),{className:[e.cellClassName,I.className].join(" "),onClick:p=>{I.onClick&&I.onClick(p),e.onCellClick&&e.onCellClick(b,p),Z&&l(R=>{let M=a({},R);return M.sort={col:m,dir:E?R.sort.dir*-1:k},h.updateRowMeta(M,e)})},children:N(ae.Left,{gap:"1/2",height:1,children:[v,(H=L==null?void 0:L(x))!=null?H:o(G,{flexSizing:0,children:w!=null?w:x}),ee]})}),[m,y.key].join("/"))})}))]})},Body:t=>{var d,u;let{input:e,val_config:r,set_config:l}=t,i=r.body.filter(s=>s.isVisible),n=0;e.headerless&&(n+=1,e.headerGroup&&(n+=1));let c=+i.length+ +!!e.footer+n,g=(d=e.colLength)!=null?d:e.header.length;return i.length?o(Ee,{children:i.map((s,U)=>{let{onCheckerDisabled:W,onDraggerDisabled:C}=s,y=n+U,m="datagrid-dragger-"+r.datagridID,q=["datagrid",r.datagridID,s.row_id].join("-");return o(me.DropArea,f(a(a({jsxElement:D.Row,position:"relative",id:q,ssPushable:!!e.onRowClick||!!s.onRowClick},Ke.get().browserIs=="safari"&&{ssEffectsOnActive:"none"}),e.rowStyles),{onClick:B=>{s.onRowClick&&s.onRowClick(B),e.onRowClick&&e.onRowClick(s,B)},dragInfo:{type:m,id:String(s.row_id||""),disabled:!r.draggable,marker:"tableBorder"},children:e.header.toASC("columnIdx").map((B,P)=>{var V,v,ee,te,re,oe;let x=B.draggable,w=s[B.key];if(!w)return null;let[L,se]=le(w),E=se,{isTH:A,sortKey:ie,data:ne,label:k,onLabelRender:Q,isRightCell:$,isBottomCell:J}=E,X=j(E,["isTH","sortKey","data","label","onLabelRender","isRightCell","isBottomCell"]),I={rowIdx:y,colIdx:P,topIdx:y,leftIdx:P,rightIdx:g-P-1,bottomIdx:c-y-1,isHeader:!1,isBody:!0,isFooter:!1};$&&(I.rightIdx=0),J&&(I.bottomIdx=0);let b=S.deepMerge(S.deepCopy(e.cellStyles),be(I,{}),(V=e.cellStyles)==null?void 0:V.onBody,!I.leftIdx&&((v=e.cellStyles)==null?void 0:v.onLeft),!I.rightIdx&&((ee=e.cellStyles)==null?void 0:ee.onRight),!I.topIdx&&((te=e.cellStyles)==null?void 0:te.onTop),!I.bottomIdx&&((re=e.cellStyles)==null?void 0:re.onBottom),L);e.onCellStyles&&(b=e.onCellStyles(I,b||{}));let Y=[],Z=[];return S.scope(()=>{if(x){if(s.onDraggerDisabled){Y.push(s.onDraggerDisabled());return}Y.push(o(ye.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:K=>{let O=S("#"+q)[0],F=O.cloneNode(!0);F.style.width=O.offsetWidth+"px",me.Start(m,{dragElement:F,startEvent:K,originId:q,horizontal:!1},H=>Ie(void 0,null,function*(){if(!H.end||!H.onDropArea)return;let p=[...r.body],R=p.findIndex(T=>T.row_id==s.row_id);if(R==-1)return;let M=p.findIndex(T=>T.row_id==H.id);if(M<R&&M++,R==M)return;let de=p.splice(R,1)[0];p.splice(M,0,de),p.forEach((T,we)=>{T.draggerIndex=we}),e.onDragged&&e.onDragged(p),l(T=>f(a({},T),{body:p}))}))},children:o(ae.Center,{gap:"1/4",children:o(_,{icon:Se})})},"drag"))}}),S.scope(()=>{if(!B.checkable)return;let K=o(h.Checker,{override:"force",value:!!s.isSelected,onUpdateValue:O=>{l(F=>f(a({},F),{body:F.body.map(H=>(H.row_id==s.row_id&&(H.isSelected=!!O),H))}))}},"check");s.onCheckerDisabled&&(K=s.onCheckerDisabled()),B.checkable=="left"?Y.push(K):Z.push(K)}),o(D.Cell,f(a(a({isTH:!!A},le(b||{})[0]),X),{className:[e.cellClassName,X.className].join(" "),onClick:K=>{X.onClick&&X.onClick(K),e.onCellClick&&e.onCellClick(I,K)},children:N(ae.Left,{gap:"1/2",height:1,children:[Y,(oe=Q==null?void 0:Q(ne))!=null?oe:o(G,{flexSizing:0,children:De(k!=null?k:String(ne),r.filter.keyword)}),Z]})}),[P,B.key].join("/"))})}),[s.row_id,y].join("."))})}):o(D.Row,f(a({},e.rowStyles),{children:o(D.Cell,{colSpan:g,padding:1,children:(u=e.onNoRecordsRender)==null?void 0:u.call(e)})}))},Footer:t=>{var c;let{input:e,val_config:r,set_config:l}=t;if(!e.footer)return null;let i=+!e.headerless+r.body.filter(g=>g.isVisible).length+1,n=(c=e.colLength)!=null?c:e.header.length;return o(D.Row,f(a({},e.rowStyles),{children:e.header.toASC("columnIdx").map((g,d)=>{var se,A,ie,ne,k,Q,$;let u=e.footer[g.key];if(!u)return null;S.isRecord(u)||(u={data:u});let[s,U]=le(u),L=U,{isTH:W,data:C,label:y,onLabelRender:m,isRightCell:q,isBottomCell:B}=L,P=j(L,["isTH","data","label","onLabelRender","isRightCell","isBottomCell"]),x={rowIdx:i-1,colIdx:d,topIdx:i-1,leftIdx:d,rightIdx:n-d-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},w=S.deepMerge(S.deepCopy(e.cellStyles),be(x,{}),(se=e.cellStyles)==null?void 0:se.onBody,(A=e.cellStyles)==null?void 0:A.onFooter,!x.leftIdx&&((ie=e.cellStyles)==null?void 0:ie.onLeft),!x.rightIdx&&((ne=e.cellStyles)==null?void 0:ne.onRight),!x.topIdx&&((k=e.cellStyles)==null?void 0:k.onTop),!x.bottomIdx&&((Q=e.cellStyles)==null?void 0:Q.onBottom),s);return e.onCellStyles&&(w=e.onCellStyles(x,w||{})),o(D.Cell,f(a(a({isTH:!!W},le(w||{})[0]),P),{className:[e.cellClassName,P.className].join(" "),onClick:J=>{P.onClick&&P.onClick(J),e.onCellClick&&e.onCellClick(x,J)},children:o(G,{flexSizing:0,children:($=m==null?void 0:m(C))!=null?$:De(y!=null?y:String(C),r.filter.keyword)})}),[d,g.key].join("/"))})}))}},be=(t,e)=>{let r=a({},e);return t.topIdx||(r.borderTop="unset"),t.bottomIdx||(r.borderBottom="unset"),t.rightIdx||(r.borderRight="unset"),t.leftIdx||(r.borderLeft="unset"),t.topIdx||(t.leftIdx||(r.borderTopLeftRadius="inherit"),t.rightIdx||(r.borderTopRightRadius="inherit")),t.bottomIdx||(t.leftIdx||(r.borderBottomLeftRadius="inherit"),t.rightIdx||(r.borderBottomRightRadius="inherit")),r},Le=t=>(t=a({datagridID:he(),tone:"border",maxRows:100,onNoRecordsRender:()=>o(ae.Center,{children:o(fe.Mini,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},t),t.rowStyles=a({backgroundColor:"layer.0"},t.rowStyles),t.cellStyles=a(f(a({},S.scope(()=>{if(!t.tone)return{};let e={};return S.isOneOf(t.tone,"border","border.horizontal")&&(e.borderBottom="2.normal"),S.isOneOf(t.tone,"border","border.vertical")&&(e.borderRight="2.normal"),e})),{position:"relative",padding:["1/3","2/3"],transition:"short"}),t.cellStyles),t.tone&&(t=a({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},t)),t.header=h.toSafetyHeader(t.header||[]),t.header.forEach((e,r)=>{var l;e.sortable=(l=e.sortable)!=null?l:1,e.checkable===!0&&(e.checkable="left")}),t.headerGroup&&(t.headerGroup=h.toSafetyHeader(t.headerGroup||[]),t.headerGroup.forEach((e,r)=>{var l,i,n,c;e.sortable=(l=e.sortable)!=null?l:0,e.checkable=(i=e.checkable)!=null?i:!1,e.draggable=(n=e.draggable)!=null?n:!1,e.filterable=(c=e.filterable)!=null?c:!1,e.checkable===!0&&(e.checkable="left")})),o(h.index,a({},t))),Ce={getBodyRows:t=>ce.get("rows-"+t)||[],toSafetyBody:h.toSafetyBody,reset:t=>{var e;(e=ce.get("reset-"+t))==null||e()},refreshBody:t=>{var e;(e=ce.get("refresh-"+t))==null||e()},reservedKeys:h.reservedKeys,Table:t=>o(G,f(a({htmlTag:"table",borderRadius:"inherit"},t),{border:t.border})),Head:t=>o(G,a({htmlTag:"thead",borderRadius:"inherit"},t)),Body:t=>o(G,a({htmlTag:"tbody",borderRadius:"inherit"},t)),Row:t=>o(G,a({htmlTag:"tr",borderRadius:"inherit"},t)),TH:t=>o(G,a({htmlTag:"th"},t)),TD:t=>o(G,a({htmlTag:"td"},t)),Cell:t=>{let l=t,{isTH:e}=l,r=j(l,["isTH"]);return e?o(Ce.TH,a({},r)):o(Ce.TD,a({},r))},RightIndicator:{data:"",label:o(ae.Right,{children:o(_.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:t=>{let n=t,{datagridID:e}=n,r=j(n,["datagridID"]),l=ge.catch(t.datagridID);if(!l)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:i}=l;return o(z.TextField,f(a({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:o(z.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:o(_.Search,{})}),value:i.filter.keyword},r),{onUpdateValidValue:(...c)=>{r.onUpdateValidValue&&r.onUpdateValidValue(...c),l.remoteUpdate.searchKey(c[0])}}))},Info:t=>{let e=ge.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,l=t.totalCount||r.body.length,i=r.body.filter(c=>c.isFilterMatched).length,n=i.toRate(l,1)||0;return N(Be,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(Pe,{fontSize:"4.thirdTitle",fontColor:"theme",children:i.toLocaleString()}),"/ ",l.toLocaleString(),"\u4EF6 (",n,"%)"]})},Paging:t=>{let g=t,{datagridID:e}=g,r=j(g,["datagridID"]),l=ge.catch(e);if(!l)return null;let{val_config:i}=l,n=[];for(let d=0;d<i.paging.total;d++)n.push({value:d+1,label:(d+1).toString()});const c=d=>{let u=Math.min(Math.max(1,d),i.paging.total),s=a({},i);s.paging.current=u,l.remoteUpdate.paging(u)};return o(z.Select,f(a({emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0},r),{leftIcon:o(z.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:o(ye.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(i.paging.current==1){c(i.paging.total);return}c(i.paging.current-1)},children:o(_.ChevronLeft,{})})}),rightIcon:o(z.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:o(ye.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(i.paging.current==i.paging.total){c(1);return}c(i.paging.current+1)},children:o(_.ChevronRight,{})})}),options:n.map(d=>({value:d.value||0,label:N(ae.Left,{gap:"1/3",verticalAlign:"baseline",children:[d.label,N(fe.Micro,{fontColor:"4.thin",children:["/ ",i.paging.total]})]})})),value:i.paging.current,onUpdateValidValue:d=>{c(d)}}))},RowCount:t=>{let u=t,{datagridID:e}=u,r=j(u,["datagridID"]),l=ge.catch(e);if(!l)return null;let{val_config:i}=l,n=i.body.filter(s=>s.isFilterMatched).length,c=i.paging.rows,g=0,d=t.options.map(s=>(g|=+(s==c),{value:s,label:s.toString()}));return g||d.push({value:c,label:c.toString()}),o(ae.Center,{gap:"1/2",children:o(z.Select,f(a({emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:o(z.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:o(z.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"})},r),{value:i.paging.rows,options:d.toASC("value"),onUpdateValidValue:s=>{l.remoteUpdate.maxRow(Number(s))}}))})}},D=Object.assign(Le,Ce);export{D as DataGrid,D as default,be as onDefaultCellStyles};
|
package/dist/fn/Effect/Ripple.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import"../../chunk-C5N2D3ZX.js";import p,{UUID as D,Time as
|
|
2
|
-
<div class="${
|
|
3
|
-
</div>`).onEvent("mouseout",
|
|
1
|
+
import"../../chunk-C5N2D3ZX.js";import p,{UUID as D,Time as d}from"jmini";import{Config as E}from"../../@utils";import{EffectClasses as o}from"../../@styles/componentClasses";const i={RippleElementTag:'[data-effect-ripple="1"]',Start:t=>{let l=d().ms,u=t.target,e=p(u);if(!e[0])return;let a=e.getAttribute("data-effect-tone");if(!a){let s=e.parent('[data-effect-ripple="1"]');if(!s[0])return;e=s,a=s.getAttribute("data-effect-tone")}if(!a)return;let r="RippleWrap-"+D(),{left:n,top:f,height:y,width:h}=e.position(),{pageXOffset:v,pageYOffset:g}=p.getScreenSize(),{x:T,y:M}=p.getCursor(t),m=Math.min(h*1.5,300),w=Math.max(T-(n+v),0),I=Math.max(M-(f+g),0),c={RippleElement:e,startedAt:l,size:m};p(document).onEvent("mouseup",()=>{i.End(c)},{eventID:"RippleMouseUp"}).onEvent("touchend",()=>{setTimeout(()=>{i.End(c)},20)},{eventID:"RippleTouchEnd"}),p(e).addClass(o("RippleElement"),o("Color_"+a)).append(`<div class="${o("RippleWrap")}" id="${r}">
|
|
2
|
+
<div class="${o("Wave")}" />
|
|
3
|
+
</div>`).onEvent("mouseout",s=>{i.End(c)},{eventID:"RippleMouseOut"}).find("#"+r).find("."+o("Wave")).css({left:w,top:I}).await(10).css({height:m,width:m,opacity:".3",transition:".25s"})},End:t=>{let{RippleElement:l,startedAt:u,size:e}=t,r=d().ms-u<=400?".75s":".55s",n=e*2.5;p(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),l.removeEvent(["RippleMouseOut"]).find("."+o("Wave")).css({height:n,width:n,opacity:"0",transition:r}).await(750).css({height:n,width:n,opacity:"0",transition:r}).parent().callback(f=>{f.remove()})}},R={Wrapper:()=>(typeof window=="undefined"||p(E.get().appRoot).removeEvent(["RippleTouchStart","RippleMouseDown"]).onEvent("touchstart",t=>{i.Start(t)},{eventID:"RippleTouchStart",target:i.RippleElementTag}).onEvent("mousedown",t=>{E.get().isTouchDevice||i.Start(t)},{eventID:"RippleMouseDown",target:i.RippleElementTag}),null)};export{R as Ripple,R as default};
|
package/dist/index.d.ts
CHANGED
|
@@ -91,6 +91,7 @@ declare const amotify: {
|
|
|
91
91
|
horizontal?: boolean | undefined;
|
|
92
92
|
vertical?: boolean | undefined;
|
|
93
93
|
autoScroll?: boolean | undefined;
|
|
94
|
+
parentElement?: HTMLElement | undefined;
|
|
94
95
|
}, callback: (p: {
|
|
95
96
|
idx: number;
|
|
96
97
|
id: string | void;
|
|
@@ -98,7 +99,7 @@ declare const amotify: {
|
|
|
98
99
|
end: boolean;
|
|
99
100
|
onDropArea: boolean;
|
|
100
101
|
}) => void) => void;
|
|
101
|
-
AutoScroll: (event: MouseEvent | TouchEvent) => void;
|
|
102
|
+
AutoScroll: (event: MouseEvent | TouchEvent, parentElement?: HTMLElement | undefined) => void;
|
|
102
103
|
styles: (cls: string) => string;
|
|
103
104
|
DropArea: <E extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = <T_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T_1>) => import("react/jsx-runtime").JSX.Element | null>(p: {
|
|
104
105
|
dragInfo: {
|
|
@@ -107,7 +108,7 @@ declare const amotify: {
|
|
|
107
108
|
idx?: number | undefined;
|
|
108
109
|
group?: string | undefined;
|
|
109
110
|
activeOn?: "landing" | "lastLanding" | undefined;
|
|
110
|
-
marker?: false | "top" | "bottom" | "left" | "right" | "outline" | undefined;
|
|
111
|
+
marker?: false | "top" | "bottom" | "left" | "right" | "outline" | "tableBorder" | undefined;
|
|
111
112
|
disabled?: boolean | undefined;
|
|
112
113
|
};
|
|
113
114
|
className?: string | undefined;
|