amotify 0.2.299 → 0.2.301
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/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 +12 -7
- package/dist/@utils/dragEffect.js +1 -1
- package/dist/fn/DataGrid/index.d.ts +1 -0
- package/dist/fn/DataGrid/index.js +1 -1
- package/dist/index.d.ts +8 -7
- package/package.json +1 -1
package/dist/@styles/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r={preventScroll:"
|
|
1
|
+
var r={preventScroll:"_preventScroll_1hzb2_1",isDragging:"_isDragging_1hzb2_6",Clone:"_Clone_1hzb2_10",isHovering:"_isHovering_1hzb2_19",DropSign:"_DropSign_1hzb2_23",onDragging:"_onDragging_1hzb2_23",onLanding:"_onLanding_1hzb2_23",onLastLanding:"_onLastLanding_1hzb2_23",onAlways:"_onAlways_1hzb2_26",isActive:"_isActive_1hzb2_26",DropArea:"_DropArea_1hzb2_31",Origin:"_Origin_1hzb2_34",isDroppable:"_isDroppable_1hzb2_40",isLanding:"_isLanding_1hzb2_43",Marker_top:"_Marker_top_1hzb2_60",Marker_bottom:"_Marker_bottom_1hzb2_60",Marker_left:"_Marker_left_1hzb2_68",Marker_right:"_Marker_right_1hzb2_68"};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_1d9qv_2",Content:"_Content_1d9qv_6",BackgroundWrapper:"_BackgroundWrapper_1d9qv_10",BB:"_BB_1d9qv_17",TapSensor:"_TapSensor_1d9qv_20",BaseBody:"_BaseBody_1d9qv_27",isMainSheet_false:"_isMainSheet_false_1d9qv_30",isMainSheet_true:"_isMainSheet_true_1d9qv_33",Open:"_Open_1d9qv_36",Hide:"_Hide_1d9qv_42",Tcate_normal:"_Tcate_normal_1d9qv_48",Tcate_drawer:"_Tcate_drawer_1d9qv_65",Tpos_left:"_Tpos_left_1d9qv_65",Tpos_right:"_Tpos_right_1d9qv_79",Tpos_bottom:"_Tpos_bottom_1d9qv_93",DragBar:"_DragBar_1d9qv_99",Tcate_custom:"_Tcate_custom_1d9qv_107",CustomSheet:"_CustomSheet_1d9qv_114",GPT:"_GPT_1d9qv_117",Col_1:"_Col_1_1d9qv_117",Row_1:"_Row_1_1d9qv_117",Row_4:"_Row_4_1d9qv_117",Col_4:"_Col_4_1d9qv_117",Row_2:"_Row_2_1d9qv_120",Row_5:"_Row_5_1d9qv_120",Col_2:"_Col_2_1d9qv_123",Col_5:"_Col_5_1d9qv_123",GPT_3:"_GPT_3_1d9qv_129",GPT_18:"_GPT_18_1d9qv_129",GPT_8:"_GPT_8_1d9qv_132",GPT_23:"_GPT_23_1d9qv_132",GPT_11:"_GPT_11_1d9qv_135",GPT_14:"_GPT_14_1d9qv_135",GPT_12:"_GPT_12_1d9qv_138",GPT_15:"_GPT_15_1d9qv_138",Col_3:"_Col_3_1d9qv_148",TapContent:"_TapContent_1d9qv_164"};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_1uslg_2",Content:"_Content_1uslg_5",TopNav:"_TopNav_1uslg_14",FooterNav:"_FooterNav_1uslg_17",Body:"_Body_1uslg_20",SideNav:"_SideNav_1uslg_20",SwipeView:"_SwipeView_1uslg_27",Rail:"_Rail_1uslg_27",ShowOther_true:"_ShowOther_true_1uslg_27",Child:"_Child_1uslg_27",Display:"_Display_1uslg_35",LoopAdjusting:"_LoopAdjusting_1uslg_39"};var d={DataGrid:"_DataGrid_v6148_1",Wrap:"_Wrap_v6148_8",RowClickable_true:"_RowClickable_true_v6148_11",Row:"_Row_v6148_11",BodyRow:"_BodyRow_v6148_11",DataNotFound:"_DataNotFound_v6148_11",Cell:"_Cell_v6148_14",Table:"_Table_v6148_20",TableType_data:"_TableType_data_v6148_31",TableBase:"_TableBase_v6148_31",HeadRow:"_HeadRow_v6148_37",FilterRegion:"_FilterRegion_v6148_43",Filtering_true:"_Filtering_true_v6148_46"};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 g={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 f={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_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 k={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 x={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],qr=o=>a[o],Sr=o=>t[o],Br=o=>_[o],Wr=o=>l[o],Nr=o=>e[o],Rr=o=>c[o],jr=o=>i[o],Pr=o=>n[o],Ar=o=>s[o],Ir=o=>d[o],Gr=o=>m[o],Mr=o=>b[o],Fr=o=>g[o],Yr=o=>h[o],Dr=o=>f[o],Or=o=>p[o],Er=o=>v[o],Ur=o=>u[o],Vr=o=>w[o],Kr=o=>k[o],Xr=o=>x[o];export{Nr as AccordionClasses,Fr as ButtonClasses,Mr as CropperClasses,Lr as DragEffectClasses,Gr as EffectClasses,Sr as GridClasses,qr as ImgClasses,Er as InputAutocompleteClasses,Yr as InputClasses,Dr as InputFilerClasses,Or as InputListClasses,Xr as InputSegmentedClasses,Vr as InputSliderClasses,Ur as InputSwitchClasses,Kr as InputTimeClasses,Ar as LayoutClasses,Pr as LoaderClasses,Br as LogoClasses,Wr as PlaceholderClasses,jr as SheetClasses,Rr as SnackbarClasses,Ir as TableClasses};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Box } from '../atoms';
|
|
2
3
|
declare namespace dragEffect {
|
|
3
4
|
type Entity = {
|
|
4
5
|
type: '' | 'parent' | 'child';
|
|
@@ -15,22 +16,23 @@ declare const dragEffect: {
|
|
|
15
16
|
horizontal?: boolean;
|
|
16
17
|
vertical?: boolean;
|
|
17
18
|
autoScroll?: boolean;
|
|
18
|
-
allowPrevDataOnDropend?: boolean;
|
|
19
19
|
}, callback: (p: {
|
|
20
20
|
idx: number;
|
|
21
|
-
id: string;
|
|
21
|
+
id: string | void;
|
|
22
22
|
groupId: string;
|
|
23
23
|
end: boolean;
|
|
24
|
+
onDropArea: boolean;
|
|
24
25
|
}) => void) => void;
|
|
25
26
|
AutoScroll: (event: MouseEvent | TouchEvent) => void;
|
|
26
27
|
styles: (cls: string) => string;
|
|
27
|
-
DropArea: <P extends
|
|
28
|
-
|
|
28
|
+
DropArea: <P extends Box.DefaultInput>(p: {
|
|
29
|
+
jsxElement?: React.ComponentType<P>;
|
|
29
30
|
dragInfo: {
|
|
30
31
|
type: string;
|
|
31
32
|
id?: string;
|
|
32
33
|
idx?: number;
|
|
33
34
|
group?: string;
|
|
35
|
+
activeOn?: 'landing' | 'lastLanding';
|
|
34
36
|
/**
|
|
35
37
|
* default bottom
|
|
36
38
|
*/
|
|
@@ -43,12 +45,15 @@ declare const dragEffect: {
|
|
|
43
45
|
className?: string;
|
|
44
46
|
children?: React.ReactNode;
|
|
45
47
|
} & P) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
-
DropSign: <P_1 extends
|
|
47
|
-
|
|
48
|
+
DropSign: <P_1 extends Box.DefaultInput>(p: {
|
|
49
|
+
jsxElement?: React.ComponentType<P_1> | undefined;
|
|
48
50
|
dragInfo: {
|
|
49
51
|
type: string;
|
|
50
52
|
id?: string;
|
|
51
|
-
|
|
53
|
+
/**
|
|
54
|
+
* default landing
|
|
55
|
+
*/
|
|
56
|
+
activeOn?: 'always' | 'landing' | 'lastLanding' | 'dragging';
|
|
52
57
|
};
|
|
53
58
|
className?: string | undefined;
|
|
54
59
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as m,c as h,d as x}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 b}from".";import{DragEffectClasses as e}from"../@styles/componentClasses";const P={Start:(l,a,r)=>{a=m({horizontal:!0,vertical:!0,autoScroll:!0},a);let n=a.dragElement.cloneNode(!0),o=t(n),i=t.getCursor(a.startEvent),s=t.getScreenSize();o.addClass(e("Clone")).css({top:i.y-s.scrollY+8,left:i.x-s.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(b.get().appRoot).append(n).addClass(e("isDragging")).await(10).callback(()=>{o.addClass(e("isHovering"))});let d;const c=g=>{g.preventDefault(),g.stopPropagation();let p=t.getCursor(g),u=t.getScreenSize(),y=p.x-u.scrollX,E=p.y-u.scrollY,S=document.elementFromPoint(y,E),v=p.y-u.scrollY+8,D=p.x-u.scrollX+8;o.css(m(m({},a.horizontal&&{left:D}),a.vertical&&{top:v})),P.AutoScroll(g);let f=t(S).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:C,dragIdx:N,dragGroup:T}=f[0].dataset;if(f.addClass(e("isLanding")),t(["."+e("DropSign"),`[data-drag-type="${l}"]`,`[data-drag-id="${C}"]`].join("")).addClass(e("isActive")),d!=C)return d=C,t.interval.once(()=>{r({idx:Number(N||0),id:C,groupId:String(T||""),end:!1,onDropArea:!!f[0]})},30,"dragEffect.delay"),!1},L=g=>{t("html").removeClass(e("preventScroll")),t("."+e("DropArea")).removeClass(e("isDroppable"));let p=t.getCursor(g),u=t.getScreenSize(),y=p.x-u.scrollX,E=p.y-u.scrollY,S=document.elementFromPoint(y,E);t(b.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 v=t(S).parent(`[data-drag-type=${l}]`)[0],{dragId:D,dragIdx:f,dragGroup:C}=(v==null?void 0:v.dataset)||{};t.interval.once(()=>{r({idx:Number(f||0),id:D!=null?D:d,groupId:String(C||""),end:!0,onDropArea:!!v})},50,"dragEffect.delay")};t(window).onEvent("touchmove",g=>(g.preventDefault(),g.stopPropagation(),!1),{eventID:"dragEffect.touchmove",passive:!1}).onEvent("pointermove",c,{eventID:"dragEffect.pointermove",passive:!1}).onEvent("pointerup",L,{eventID:"dragEffect.pointerup"})},AutoScroll:l=>{t.interval.abort("AutoScroll");let a=t("html")[0],r=t.getScreenSize(),n=t.getCursor(l),o=(n.y-r.scrollY)/r.height,i=(n.x-r.scrollX)/r.width,s=r.height/100/2,d=null,c=null;t.scope(()=>{o<=.1&&(d=s*-1),o>=.9&&(d=s)}),t.scope(()=>{i<=.1&&(c=s*-1),i>=.9&&(c=s)}),!(t.isNullish(d)&&t.isNullish(c))&&t.interval.start(()=>{c&&(a.scrollLeft+=c),d&&(a.scrollTop+=d)},10,"AutoScroll")},styles:e,DropArea:function(l){let o=l,{jsxElement:a=I,dragInfo:r}=o,n=x(o,["jsxElement","dragInfo"]);return r.disabled?A(a,m({},n)):A(a,h(m({transition:"short",position:"relative"},n),{"data-drag-type":r.type,"data-drag-group":r.group||null,"data-drag-id":r.id||null,"data-drag-idx":r.idx||0,className:[e("DropArea"),e("on"+(r.activeOn||"landing").toCapital()),e("Marker_"+(r.marker||"bottom")),(n==null?void 0:n.className)||""].join(" ")}))},DropSign:function(l){let s=l,{jsxElement:a=I,dragInfo:{type:r,id:n,activeOn:o="landing"}}=s,i=x(s,["jsxElement","dragInfo"]);return A(a,h(m({transition:"short"},i),{"data-drag-type":r,"data-drag-id":n||null,className:[e("DropSign"),o=="always"&&e("isActive"),e("on"+o.toCapital()),(i==null?void 0:i.className)||""].join(" ")}))}};export{P as dragEffect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as y,d as _,e as ce}from"../../chunk-C5N2D3ZX.js";import{Fragment as De,jsx as o,jsxs as U}from"react/jsx-runtime";import S,{useStore as ee,UUID as ye}from"jmini";import ge,{useState as Se,useEffect as te}from"react";import{ExtractStyles as A,GenerateHTMLProps as he,dragEffect as le,useRemote as Y}from"../../@utils";import{faArrowUp as Ce}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as Re}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as D,Flex as Ie,FAI as E,Span as xe}from"../../atoms";import{Literal as ae,Row as N,MarkerPen as pe}from"../../mols";import{Button as re}from"../Button";import L from"../Input";import{TableClasses as Te}from"../../@styles/componentClasses";import{faGripVertical as fe}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as ue}from"../Tips";const p={reservedKeys:["row_id","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:r=>{let e=!!r.some(t=>t.draggable);return r==null?void 0:r.map(t=>(S.isRecord(t)||(t={key:t}),e&&(t.sortable=0,t.filterable=!1),t))},toSafetyBody:r=>r==null?void 0:r.map((e,t)=>{var d;let n={};return Object.entries(e).forEach(([i,s])=>{var f,b;if(S.isOneOf(i,...p.reservedKeys))return;let l=s;S.isNullish(l)||(S.isRecord(l)||(l={data:l}),l.sortKey=(b=(f=l.sortKey)!=null?f:String(l.data))!=null?b:"",n[i]=l)}),n=y(a({},n),{row_id:(d=e.row_id)!=null?d:t,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,draggerIndex:t}),n}),toSafetyData:r=>{var n,d,i;let{header:e=[]}=r,t={datagridID:r.datagridID||ye(),colLength:r.colLength||e.length||0,body:p.toSafetyBody(r.body||[]),filter:{keyword:r.defaultSearchKey||"",current:[]},sort:{col:-1,dir:1},paging:{rows:r.maxRows||100,total:1,current:1},draggable:!!e.some(s=>s.draggable)};{let s=(n=e==null?void 0:e.filter(l=>l.defSort))==null?void 0:n[0];s&&(t.sort.col=(d=e.indexOf(s))!=null?d:-1,t.sort.dir=(i=s==null?void 0:s.sortable)!=null?i:1)}return t.draggable&&(t.filter.keyword="",t.sort.col=-1,t.sort.dir=0),p.updateRowMeta(t,r)},updateRowMeta:(r,e)=>{let t=a({},r);if(t.sort.col>=0&&t.sort.dir){let n=e.header[t.sort.col].key;t.sort.dir==1?t.body.toASC(n+".sortKey"):t.body.toDESC(n+".sortKey")}{let n=String(t.filter.keyword)||"";t.body.forEach(d=>{if(d.isFilterMatched=!0,!n)return;let i=e.header.some(s=>{var b;let l=d[s.key];return!l||!l.sortKey?!1:!!((b=String(l.sortKey||l.data))!=null&&b.match(new RegExp(n.escapeRegExChar(),"i")))});d.isFilterMatched=i})}{let n=t.paging.rows;t.paging.total=Math.ceil(t.body.filter(l=>l.isFilterMatched).length/n);let d=n*(t.paging.current-1),i=d+n,s=0;t.body.forEach(l=>{l.isVisible=!1,l.isFilterMatched&&(l.isVisible=s>=d&&s<i,s++)})}return t.draggable&&t.body.toASC("draggerIndex"),t},index:r=>{var f,b,B;let[e,t]=Se(()=>p.toSafetyData(r));te(()=>{ee.set({["refresh-"+e.datagridID]:()=>t(g=>p.updateRowMeta(y(a({},g),{body:p.toSafetyBody(r.body)}),r))})},[r]),te(()=>{ee.set({["rows-"+e.datagridID]:e.body}),Y.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:g=>{t(c=>p.updateRowMeta(y(a({},c),{paging:y(a({},c.paging),{current:Math.max(1,Math.min(c.paging.total,g))})}),r))},maxRow:g=>{t(c=>p.updateRowMeta(y(a({},c),{paging:y(a({},c.paging),{rows:g,current:1})}),r))},searchKey:g=>{e.draggable||S.interval.once(()=>{t(c=>{let I=y(a({},c),{paging:y(a({},c.paging),{current:1}),filter:y(a({},c.filter),{keyword:String(g||"").trim()})});return p.updateRowMeta(I,r)})},300,"InputSearchTime")}}})},[e]);const n=ge.useRef(!1);te(()=>{if(r.onSelected){if(!n.current){n.current=!0;return}r.onSelected(e.body.filter(g=>g.isSelected))}},[(f=e==null?void 0:e.body)==null?void 0:f.filter(g=>g.isSelected).length]);const d=ge.useRef(!1);te(()=>{if(r.onSorted){if(!d.current){d.current=!0;return}r.onSorted(e.sort.col,e.sort.dir)}},[(b=e==null?void 0:e.sort)==null?void 0:b.col,(B=e==null?void 0:e.sort)==null?void 0:B.dir]);let i={input:r,val_config:e,set_config:t},{className:s,style:l}=he(r);return o(D,{className:s,style:l,children:o(w.Table,{className:Te("DataGrid"),borderRadius:"inherit",children:U(w.Body,{children:[o(p.Header,a({},i)),o(p.Body,a({},i)),o(p.Footer,a({},i))]})})})},Checker:r=>o(D,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:o(L.Checker,y(a({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},r),{label:!1}))}),Header:r=>{let{input:e,val_config:t,set_config:n}=r;if(e.headerless)return null;let d="datagrid-dragger-"+t.datagridID,i=["datagrid",t.datagridID,""].join("-"),s=1+t.body.filter(l=>l.isVisible).length+ +!!e.footer;return o(le.DropArea,y(a({component:w.Row,id:i},e.rowStyles),{dragInfo:{type:d,id:i,idx:0,marker:"bottom"},children:e.header.map((l,f)=>{var W,q,$,J,Q;let[b,B]=A(l),j=B,{isTH:g,key:c,label:I,checkable:P,draggable:T,defSort:V,sortable:H,filterable:O,isHidden:z}=j,k=_(j,["isTH","key","label","checkable","draggable","defSort","sortable","filterable","isHidden"]);if(z)return null;let x={rowIdx:0,colIdx:f,topIdx:0,leftIdx:f,rightIdx:t.colLength-f-1,bottomIdx:s-1,isHeader:!0,isBody:!1,isFooter:!1},v=T,K=H!=0,C=f==t.sort.col,F=S.deepMerge(S.deepCopy(e.cellStyles),ne(x,{}),(W=e.cellStyles)==null?void 0:W.onHeader,!x.leftIdx&&((q=e.cellStyles)==null?void 0:q.onLeft),!x.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!x.topIdx&&((J=e.cellStyles)==null?void 0:J.onTop),!x.bottomIdx&&((Q=e.cellStyles)==null?void 0:Q.onBottom),b);e.onCellStyles&&(F=e.onCellStyles(x,F||{}));let M=[o(D,{flexSizing:0,children:I!=null?I:c},"data")];return K&&M.unshift(o(E,{fontSize:"1.mini",opacity:C?"max":"low",transition:"middle",xcss:{transform:C&&t.sort.dir==-1?"rotate(180deg)":"none"},icon:C?Ce:Re},"sort")),P=="left"&&M.unshift(o(p.Checker,{value:t.body.every(u=>u.isSelected),onUpdateValue:u=>{n(R=>{let m=a({},R);return m.body.forEach(h=>{h.isFilterMatched&&(h.isSelected=!!u)}),m})}},"check")),v&&M.unshift(o(re.Clear.S,{ssSphere:2,fontColor:"theme",onMouseOver:u=>{ue.open(u.currentTarget,U(ae.Supplement,{children:[o(E,{icon:fe}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:u=>ue.abort(),onClick:u=>{u.stopPropagation()},children:o(E.QuestionCircle,{})},"drag")),P=="right"&&M.push(o(p.Checker,{value:t.body.every(u=>u.isSelected),onUpdateValue:u=>{n(R=>{let m=a({},R);return m.body.forEach(h=>{h.isFilterMatched&&(h.isSelected=!!u)}),m})}},"check")),o(w.Cell,y(a(a({isTH:!!g,ssPushable:!!H},A(F||{})[0]),k),{className:[e.cellClassName,k.className].join(" "),onClick:u=>{k.onClick&&k.onClick(u),e.onCellClick&&e.onCellClick(x,u),K&&n(R=>{let m=a({},R);return m.sort={col:f,dir:C?R.sort.dir*-1:H},p.updateRowMeta(m,e)})},children:o(N.Left,{gap:"1/3",children:M})}),f)})}))},Body:r=>{var s;let{input:e,val_config:t,set_config:n}=r,d=t.body.filter(l=>l.isVisible),i=+!e.headerless+d.length+ +!!e.footer;return U(De,{children:[!d.length&&o(w.Row,y(a({},e.rowStyles),{children:o(w.Cell,{colSpan:t.colLength,padding:1,children:(s=e.onNoRecordsRender)==null?void 0:s.call(e)})})),d.map((l,f)=>{let b=f;e.headerless||(b+=1);let B="datagrid-dragger-"+t.datagridID,g=["datagrid",t.datagridID,l.row_id].join("-");return o(le.DropArea,y(a({component:w.Row,id:g,ssPushable:!!e.onRowClick||!!l.onRowClick},e.rowStyles),{onClick:c=>{l.onRowClick&&l.onRowClick(c),e.onRowClick&&e.onRowClick(l,c)},dragInfo:{type:B,id:g,idx:f+1,disabled:!t.draggable,marker:"bottom"},children:e.header.map((c,I)=>{var W,q,$,J,Q,u;let P=c.draggable,T=l[c.key];if(!T)return null;let[V,H]=A(T),j=H,{isTH:O,sortKey:z,data:k,label:x,onLabelRender:v}=j,K=_(j,["isTH","sortKey","data","label","onLabelRender"]),C={rowIdx:b,colIdx:I,topIdx:b,leftIdx:I,rightIdx:t.colLength-I-1,bottomIdx:i-b-1,isHeader:!1,isBody:!0,isFooter:!1},F=S.deepMerge(S.deepCopy(e.cellStyles),ne(C,{}),(W=e.cellStyles)==null?void 0:W.onBody,!C.leftIdx&&((q=e.cellStyles)==null?void 0:q.onLeft),!C.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!C.topIdx&&((J=e.cellStyles)==null?void 0:J.onTop),!C.bottomIdx&&((Q=e.cellStyles)==null?void 0:Q.onBottom),V);e.onCellStyles&&(F=e.onCellStyles(C,F||{}));let M=[o(D,{flexSizing:0,children:(u=v==null?void 0:v(k))!=null?u:pe(x!=null?x:String(k),t.filter.keyword)},"data")];return c.checkable=="left"&&M.unshift(o(p.Checker,{override:"force",value:!!l.isSelected,onUpdateValue:R=>{n(m=>y(a({},m),{body:m.body.map(h=>(h.row_id==l.row_id&&(h.isSelected=!!R),h))}))}},"check")),P&&M.unshift(o(re.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:R=>{let m=S("#"+g)[0],h=m.cloneNode(!0);h.style.width=m.offsetWidth+"px",le.Start(B,{dragElement:h,startEvent:R,originId:g,horizontal:!1,allowPrevDataOnDropend:!1},de=>ce(void 0,null,function*(){let Z=f,G=Number(de.idx);if(S.isNullish(G)||G==-1||(G>Z&&G--,Z==G)||!de.end)return;let se=t.paging.rows*(t.paging.current-1);Z+=se,G+=se;let X=[...t.body||[]],be=X.splice(Z,1)[0];X.splice(G,0,be),X.forEach((oe,me)=>{oe.draggerIndex=me+1}),e.onDragged&&e.onDragged(X),n(oe=>y(a({},oe),{body:X}))}))},children:o(N.Center,{gap:"1/4",children:o(E,{icon:fe})})},"drag")),c.checkable=="right"&&M.push(o(p.Checker,{override:"force",value:!!l.isSelected,onUpdateValue:R=>{n(m=>y(a({},m),{body:m.body.map(h=>(h.row_id==l.row_id&&(h.isSelected=!!R),h))}))}},"check")),o(w.Cell,y(a(a({isTH:!!O},A(F||{})[0]),K),{className:[e.cellClassName,K.className].join(" "),onClick:R=>{K.onClick&&K.onClick(R),e.onCellClick&&e.onCellClick(C,R)},children:o(N.Left,{gap:"1/3",children:M})}),I)})}),String(l.row_id))})]})},Footer:r=>{let{input:e,val_config:t,set_config:n}=r;if(!e.footer)return null;let d=+!e.headerless+t.body.filter(i=>i.isVisible).length+1;return o(w.Row,y(a({},e.rowStyles),{children:e.header.map((i,s)=>{var O,z,k,x,v,K;let l=e.footer[i.key];if(!l)return null;S.isRecord(l)||(l={data:l});let[f,b]=A(l),H=b,{isTH:B,data:g,label:c,onLabelRender:I}=H,P=_(H,["isTH","data","label","onLabelRender"]),T={rowIdx:d-1,colIdx:s,topIdx:d-1,leftIdx:s,rightIdx:t.colLength-s-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},V=S.deepMerge(S.deepCopy(e.cellStyles),ne(T,{}),(O=e.cellStyles)==null?void 0:O.onBody,!T.leftIdx&&((z=e.cellStyles)==null?void 0:z.onLeft),!T.rightIdx&&((k=e.cellStyles)==null?void 0:k.onRight),!T.topIdx&&((x=e.cellStyles)==null?void 0:x.onTop),!T.bottomIdx&&((v=e.cellStyles)==null?void 0:v.onBottom),f);return e.onCellStyles&&(V=e.onCellStyles(T,V||{})),o(w.Cell,y(a(a({isTH:!!B},A(V||{})[0]),P),{className:[e.cellClassName,P.className].join(" "),onClick:C=>{P.onClick&&P.onClick(C),e.onCellClick&&e.onCellClick(T,C)},children:o(D,{flexSizing:0,children:(K=I==null?void 0:I(g))!=null?K:pe(c!=null?c:String(g),t.filter.keyword)})}),s)})}))}},ne=(r,e)=>{let t=a({},e);return r.topIdx||(t.borderTop="unset"),r.bottomIdx||(t.borderBottom="unset"),r.rightIdx||(t.borderRight="unset"),r.leftIdx||(t.borderLeft="unset"),r.topIdx||(r.leftIdx||(t.borderTopLeftRadius="inherit"),r.rightIdx||(t.borderTopRightRadius="inherit")),r.bottomIdx||(r.leftIdx||(t.borderBottomLeftRadius="inherit"),r.rightIdx||(t.borderBottomRightRadius="inherit")),t},we=r=>(r=a({datagridID:ye(),tone:"border",colLength:0,maxRows:100,onNoRecordsRender:()=>o(N.Center,{children:o(ae.Supplement,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},r),r.rowStyles=a({backgroundColor:"layer.0"},r.rowStyles),r.cellStyles=a(y(a({},S.scope(()=>{if(!r.tone)return{};let e={};return S.isOneOf(r.tone,"border","border.horizontal")&&(e.borderBottom="2.normal"),S.isOneOf(r.tone,"border","border.vertical")&&(e.borderRight="2.normal"),e})),{padding:"1/3",transition:"short"}),r.cellStyles),r.tone&&(r=a({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},r)),r.header=p.toSafetyHeader(r.header||[]),r.header.forEach((e,t)=>{var n;e.sortable=(n=e.sortable)!=null?n:1,e.checkable===!0&&(e.checkable="left")}),o(p.index,a({},r))),ie={getBodyRows:r=>ee.get("rows-"+r)||[],toSafetyBody:p.toSafetyBody,remoteRefresh:r=>{var e;(e=ee.get("refresh-"+r))==null||e()},reservedKeys:p.reservedKeys,Table:r=>o(D,y(a({htmlTag:"table",borderRadius:"inherit"},r),{border:r.border})),Head:r=>o(D,a({htmlTag:"thead",borderRadius:"inherit"},r)),Body:r=>o(D,a({htmlTag:"tbody",borderRadius:"inherit"},r)),Row:r=>o(D,a({htmlTag:"tr",borderRadius:"inherit"},r)),TH:r=>o(D,a({htmlTag:"th"},r)),TD:r=>o(D,a({htmlTag:"td"},r)),Cell:r=>{let n=r,{isTH:e}=n,t=_(n,["isTH"]);return e?o(ie.TH,a({},t)):o(ie.TD,a({},t))},RightIndicator:{data:"",label:o(N.Right,{children:o(E.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:r=>{let i=r,{datagridID:e}=i,t=_(i,["datagridID"]),n=Y.catch(r.datagridID);if(!n)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:d}=n;return o(L.TextField,y(a({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:o(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:o(E.Search,{})}),value:d.filter.keyword},t),{onUpdateValidValue:(...s)=>{t.onUpdateValidValue&&t.onUpdateValidValue(...s),n.remoteUpdate.searchKey(s[0])}}))},Info:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,n=t.body.length,d=t.body.filter(s=>s.isFilterMatched).length,i=d.ratio(n)||0;return U(Ie,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(xe,{fontSize:"4.thirdTitle",fontColor:"theme",children:d.toLocaleString()}),"/ ",n.toLocaleString(),"\u4EF6 (",i,"%)"]})},Paging:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,n=[];for(let i=0;i<t.paging.total;i++)n.push({value:i+1,label:(i+1).toString()});const d=i=>{let s=Math.min(Math.max(1,i),t.paging.total),l=a({},t);l.paging.current=s,e.remoteUpdate.paging(s)};return o(L.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:o(L.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:o(re.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==1){d(t.paging.total);return}d(t.paging.current-1)},children:o(E.ChevronLeft,{})})}),rightIcon:o(L.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:o(re.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(t.paging.current==t.paging.total){d(1);return}d(t.paging.current+1)},children:o(E.ChevronRight,{})})}),options:n.map(i=>({value:i.value||0,label:U(N.Left,{gap:"1/3",verticalAlign:"baseline",children:[i.label,U(ae,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",t.paging.total]})]})})),value:t.paging.current,onUpdateValidValue:i=>{d(i)}})},RowCount:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,n=t.body.filter(l=>l.isFilterMatched).length,d=t.paging.rows,i=0,s=r.options.map(l=>(i|=+(l==d),{value:l,label:l.toString()}));return i||s.push({value:d,label:d.toString()}),o(N.Center,{gap:"1/2",children:o(L.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:o(L.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:o(L.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"}),value:t.paging.rows,options:s.toASC("value"),onUpdateValidValue:l=>{e.remoteUpdate.maxRow(Number(l))}})})}},w=Object.assign(we,ie);export{w as DataGrid,w as default,ne as onDefaultCellStyles};
|
|
1
|
+
import{b as n,c as g,d as V,e as ce}from"../../chunk-C5N2D3ZX.js";import{Fragment as De,jsx as r,jsxs as O}from"react/jsx-runtime";import S,{useStore as te,UUID as ye}from"jmini";import ge,{useState as Se,useEffect as oe}from"react";import{ExtractStyles as U,GenerateHTMLProps as he,dragEffect as ae,useRemote as Y}from"../../@utils";import{faArrowUp as Ce}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as Re}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as D,Flex as xe,FAI as E,Span as Ie}from"../../atoms";import{Literal as ne,Row as _,MarkerPen as pe}from"../../mols";import{Button as re}from"../Button";import B from"../Input";import{TableClasses as Te}from"../../@styles/componentClasses";import{faGripVertical as ue}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as fe}from"../Tips";const u={reservedKeys:["row_id","columnIdx","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:t=>{let e=!!t.some(l=>l.draggable);return(t==null?void 0:t.map((l,d)=>{var i;return S.isRecord(l)||(l={key:l}),e&&(l.sortable=0,l.filterable=!1),l.columnIdx=(i=l.columnIdx)!=null?i:d,l}).toASC("columnIdx"))||[]},toSafetyBody:t=>t==null?void 0:t.map((e,o)=>{var d;let l={};return Object.entries(e).forEach(([i,s])=>{var f,m;if(S.isOneOf(i,...u.reservedKeys))return;let a=s;S.isNullish(a)||(S.isRecord(a)||(a={data:a}),a.sortKey=(m=(f=a.sortKey)!=null?f:String(a.data))!=null?m:"",l[i]=a)}),l=g(n({},l),{row_id:(d=e.row_id)!=null?d:o,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,draggerIndex:o}),l}),toSafetyData:t=>{var l,d,i;let{header:e=[]}=t,o={datagridID:t.datagridID||ye(),colLength:t.colLength||e.length||0,body:u.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(s=>s.draggable)};{let s=(l=e==null?void 0:e.filter(a=>a.defSort))==null?void 0:l[0];s&&(o.sort.col=(d=e.indexOf(s))!=null?d:-1,o.sort.dir=(i=s==null?void 0:s.sortable)!=null?i:1)}return o.draggable&&(o.filter.keyword="",o.sort.col=-1,o.sort.dir=0),u.updateRowMeta(o,t)},updateRowMeta:(t,e)=>{let o=n({},t);if(o.sort.col>=0&&o.sort.dir){let l=e.header[o.sort.col].key;o.sort.dir==1?o.body.toASC(l+".sortKey"):o.body.toDESC(l+".sortKey")}{let l=String(o.filter.keyword)||"";o.body.forEach(d=>{if(d.isFilterMatched=!0,!l)return;let i=e.header.some(s=>{var m;let a=d[s.key];return!a||!a.sortKey?!1:!!((m=String(a.sortKey||a.data))!=null&&m.match(new RegExp(l.escapeRegExChar(),"i")))});d.isFilterMatched=i})}{let l=o.paging.rows;o.paging.total=Math.ceil(o.body.filter(a=>a.isFilterMatched).length/l);let d=l*(o.paging.current-1),i=d+l,s=0;o.body.forEach(a=>{a.isVisible=!1,a.isFilterMatched&&(a.isVisible=s>=d&&s<i,s++)})}return o.draggable&&o.body.toASC("draggerIndex"),o},index:t=>{var f,m,k;let[e,o]=Se(()=>u.toSafetyData(t));oe(()=>{te.set({["refresh-"+e.datagridID]:()=>o(p=>u.updateRowMeta(g(n({},p),{body:u.toSafetyBody(t.body)}),t))})},[t]),oe(()=>{te.set({["rows-"+e.datagridID]:e.body}),Y.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:p=>{o(c=>u.updateRowMeta(g(n({},c),{paging:g(n({},c.paging),{current:Math.max(1,Math.min(c.paging.total,p))})}),t))},maxRow:p=>{o(c=>u.updateRowMeta(g(n({},c),{paging:g(n({},c.paging),{rows:p,current:1})}),t))},searchKey:p=>{e.draggable||S.interval.once(()=>{o(c=>{let C=g(n({},c),{paging:g(n({},c.paging),{current:1}),filter:g(n({},c.filter),{keyword:String(p||"").trim()})});return u.updateRowMeta(C,t)})},300,"InputSearchTime")}}})},[e]);const l=ge.useRef(!1);oe(()=>{if(t.onSelected){if(!l.current){l.current=!0;return}t.onSelected(e.body.filter(p=>p.isSelected))}},[(f=e==null?void 0:e.body)==null?void 0:f.filter(p=>p.isSelected).length]);const d=ge.useRef(!1);oe(()=>{if(t.onSorted){if(!d.current){d.current=!0;return}t.onSorted(e.sort.col,e.sort.dir)}},[(m=e==null?void 0:e.sort)==null?void 0:m.col,(k=e==null?void 0:e.sort)==null?void 0:k.dir]);let i={input:t,val_config:e,set_config:o},{className:s,style:a}=he(t);return r(D,{className:s,style:a,children:r(T.Table,{className:Te("DataGrid"),borderRadius:"inherit",children:O(T.Body,{children:[r(u.Header,n({},i)),r(u.Body,n({},i)),r(u.Footer,n({},i))]})})})},Checker:t=>r(D,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:r(B.Checker,g(n({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},t),{label:!1}))}),Header:t=>{let{input:e,val_config:o,set_config:l}=t;if(e.headerless)return null;let d="datagrid-dragger-"+o.datagridID,i=["datagrid",o.datagridID,""].join("-"),s=1+o.body.filter(a=>a.isVisible).length+ +!!e.footer;return r(ae.DropArea,g(n({jsxElement:T.Row,id:i},e.rowStyles),{dragInfo:{type:d,id:i,idx:0,marker:"bottom"},children:e.header.toASC("columnIdx").map((a,f)=>{var W,q,$,J,Q;let[m,k]=U(a),j=k,{isTH:p,key:c,label:C,columnIdx:F,checkable:x,draggable:G,defSort:z,sortable:P,filterable:Z,isHidden:N}=j,w=V(j,["isTH","key","label","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden"]);if(N)return null;let R={rowIdx:0,colIdx:f,topIdx:0,leftIdx:f,rightIdx:o.colLength-f-1,bottomIdx:s-1,isHeader:!0,isBody:!1,isFooter:!1},K=G,I=P!=0,L=f==o.sort.col,H=S.deepMerge(S.deepCopy(e.cellStyles),ie(R,{}),(W=e.cellStyles)==null?void 0:W.onHeader,!R.leftIdx&&((q=e.cellStyles)==null?void 0:q.onLeft),!R.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!R.topIdx&&((J=e.cellStyles)==null?void 0:J.onTop),!R.bottomIdx&&((Q=e.cellStyles)==null?void 0:Q.onBottom),m);e.onCellStyles&&(H=e.onCellStyles(R,H||{}));let v=[r(D,{flexSizing:0,children:C!=null?C:c},"data")];return I&&v.unshift(r(E,{fontSize:"1.mini",opacity:L?"max":"low",transition:"middle",xcss:{transform:L&&o.sort.dir==-1?"rotate(180deg)":"none"},icon:L?Ce:Re},"sort")),x=="left"&&v.unshift(r(u.Checker,{value:o.body.every(y=>y.isSelected),onUpdateValue:y=>{l(h=>{let b=n({},h);return b.body.forEach(M=>{M.isFilterMatched&&(M.isSelected=!!y)}),b})}},"check")),K&&v.unshift(r(re.Clear.S,{ssSphere:2,fontColor:"theme",onMouseOver:y=>{fe.open(y.currentTarget,O(ne.Supplement,{children:[r(E,{icon:ue}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:y=>fe.abort(),onClick:y=>{y.stopPropagation()},children:r(E.QuestionCircle,{})},"drag")),x=="right"&&v.push(r(u.Checker,{value:o.body.every(y=>y.isSelected),onUpdateValue:y=>{l(h=>{let b=n({},h);return b.body.forEach(M=>{M.isFilterMatched&&(M.isSelected=!!y)}),b})}},"check")),r(T.Cell,g(n(n({isTH:!!p,ssPushable:!!P},U(H||{})[0]),w),{className:[e.cellClassName,w.className].join(" "),onClick:y=>{w.onClick&&w.onClick(y),e.onCellClick&&e.onCellClick(R,y),I&&l(h=>{let b=n({},h);return b.sort={col:f,dir:L?h.sort.dir*-1:P},u.updateRowMeta(b,e)})},children:r(_.Left,{gap:"1/3",children:v})}),f)})}))},Body:t=>{var s;let{input:e,val_config:o,set_config:l}=t,d=o.body.filter(a=>a.isVisible),i=+!e.headerless+d.length+ +!!e.footer;return O(De,{children:[!d.length&&r(T.Row,g(n({},e.rowStyles),{children:r(T.Cell,{colSpan:o.colLength,padding:1,children:(s=e.onNoRecordsRender)==null?void 0:s.call(e)})})),d.map((a,f)=>{let m=f;e.headerless||(m+=1);let k="datagrid-dragger-"+o.datagridID,p=["datagrid",o.datagridID,a.row_id].join("-");return r(ae.DropArea,g(n({jsxElement:T.Row,id:p,ssPushable:!!e.onRowClick||!!a.onRowClick},e.rowStyles),{onClick:c=>{a.onRowClick&&a.onRowClick(c),e.onRowClick&&e.onRowClick(a,c)},dragInfo:{type:k,id:p,idx:f+1,disabled:!o.draggable,marker:"bottom"},children:e.header.toASC("columnIdx").map((c,C)=>{var j,W,q,$,J,Q;let F=c.draggable,x=a[c.key];if(!x)return null;let[G,z]=U(x),v=z,{isTH:P,sortKey:Z,data:N,label:w,onLabelRender:R}=v,K=V(v,["isTH","sortKey","data","label","onLabelRender"]),I={rowIdx:m,colIdx:C,topIdx:m,leftIdx:C,rightIdx:o.colLength-C-1,bottomIdx:i-m-1,isHeader:!1,isBody:!0,isFooter:!1},L=S.deepMerge(S.deepCopy(e.cellStyles),ie(I,{}),(j=e.cellStyles)==null?void 0:j.onBody,!I.leftIdx&&((W=e.cellStyles)==null?void 0:W.onLeft),!I.rightIdx&&((q=e.cellStyles)==null?void 0:q.onRight),!I.topIdx&&(($=e.cellStyles)==null?void 0:$.onTop),!I.bottomIdx&&((J=e.cellStyles)==null?void 0:J.onBottom),G);e.onCellStyles&&(L=e.onCellStyles(I,L||{}));let H=[r(D,{flexSizing:0,backgroundColor:"nega",height:1,children:(Q=R==null?void 0:R(N))!=null?Q:pe(w!=null?w:String(N),o.filter.keyword)},"data")];return c.checkable=="left"&&H.unshift(r(u.Checker,{override:"force",value:!!a.isSelected,onUpdateValue:y=>{l(h=>g(n({},h),{body:h.body.map(b=>(b.row_id==a.row_id&&(b.isSelected=!!y),b))}))}},"check")),F&&H.unshift(r(re.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:y=>{let h=S("#"+p)[0],b=h.cloneNode(!0);b.style.width=h.offsetWidth+"px",ae.Start(k,{dragElement:b,startEvent:y,originId:p,horizontal:!1},M=>ce(void 0,null,function*(){if(!M.onDropArea)return;let ee=f,A=Number(M.idx);if(S.isNullish(A)||A==-1||(A>ee&&A--,ee==A)||!M.end)return;let se=o.paging.rows*(o.paging.current-1);ee+=se,A+=se;let X=[...o.body||[]],be=X.splice(ee,1)[0];X.splice(A,0,be),X.forEach((le,me)=>{le.draggerIndex=me+1}),e.onDragged&&e.onDragged(X),l(le=>g(n({},le),{body:X}))}))},children:r(_.Center,{gap:"1/4",children:r(E,{icon:ue})})},"drag")),c.checkable=="right"&&H.push(r(u.Checker,{override:"force",value:!!a.isSelected,onUpdateValue:y=>{l(h=>g(n({},h),{body:h.body.map(b=>(b.row_id==a.row_id&&(b.isSelected=!!y),b))}))}},"check")),r(T.Cell,g(n(n({isTH:!!P},U(L||{})[0]),K),{className:[e.cellClassName,K.className].join(" "),onClick:y=>{K.onClick&&K.onClick(y),e.onCellClick&&e.onCellClick(I,y)},children:r(_.Left,{gap:"1/3",backgroundColor:"flower",height:1,children:H})}),C)})}),String(a.row_id))})]})},Footer:t=>{let{input:e,val_config:o,set_config:l}=t;if(!e.footer)return null;let d=+!e.headerless+o.body.filter(i=>i.isVisible).length+1;return r(T.Row,g(n({},e.rowStyles),{children:e.header.toASC("columnIdx").map((i,s)=>{var P,Z,N,w,R,K;let a=e.footer[i.key];if(!a)return null;S.isRecord(a)||(a={data:a});let[f,m]=U(a),z=m,{isTH:k,data:p,label:c,onLabelRender:C}=z,F=V(z,["isTH","data","label","onLabelRender"]),x={rowIdx:d-1,colIdx:s,topIdx:d-1,leftIdx:s,rightIdx:o.colLength-s-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},G=S.deepMerge(S.deepCopy(e.cellStyles),ie(x,{}),(P=e.cellStyles)==null?void 0:P.onBody,!x.leftIdx&&((Z=e.cellStyles)==null?void 0:Z.onLeft),!x.rightIdx&&((N=e.cellStyles)==null?void 0:N.onRight),!x.topIdx&&((w=e.cellStyles)==null?void 0:w.onTop),!x.bottomIdx&&((R=e.cellStyles)==null?void 0:R.onBottom),f);return e.onCellStyles&&(G=e.onCellStyles(x,G||{})),r(T.Cell,g(n(n({isTH:!!k},U(G||{})[0]),F),{className:[e.cellClassName,F.className].join(" "),onClick:I=>{F.onClick&&F.onClick(I),e.onCellClick&&e.onCellClick(x,I)},children:r(D,{flexSizing:0,children:(K=C==null?void 0:C(p))!=null?K:pe(c!=null?c:String(p),o.filter.keyword)})}),s)})}))}},ie=(t,e)=>{let o=n({},e);return t.topIdx||(o.borderTop="unset"),t.bottomIdx||(o.borderBottom="unset"),t.rightIdx||(o.borderRight="unset"),t.leftIdx||(o.borderLeft="unset"),t.topIdx||(t.leftIdx||(o.borderTopLeftRadius="inherit"),t.rightIdx||(o.borderTopRightRadius="inherit")),t.bottomIdx||(t.leftIdx||(o.borderBottomLeftRadius="inherit"),t.rightIdx||(o.borderBottomRightRadius="inherit")),o},we=t=>(t=n({datagridID:ye(),tone:"border",colLength:0,maxRows:100,onNoRecordsRender:()=>r(_.Center,{children:r(ne.Supplement,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},t),t.rowStyles=n({backgroundColor:"layer.0"},t.rowStyles),t.cellStyles=n(g(n({},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})),{padding:"1/3",transition:"short"}),t.cellStyles),t.tone&&(t=n({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},t)),t.header=u.toSafetyHeader(t.header||[]),t.header.forEach((e,o)=>{var l;e.sortable=(l=e.sortable)!=null?l:1,e.checkable===!0&&(e.checkable="left")}),r(u.index,n({},t))),de={getBodyRows:t=>te.get("rows-"+t)||[],toSafetyBody:u.toSafetyBody,remoteRefresh:t=>{var e;(e=te.get("refresh-"+t))==null||e()},reservedKeys:u.reservedKeys,Table:t=>r(D,g(n({htmlTag:"table",borderRadius:"inherit"},t),{border:t.border})),Head:t=>r(D,n({htmlTag:"thead",borderRadius:"inherit"},t)),Body:t=>r(D,n({htmlTag:"tbody",borderRadius:"inherit"},t)),Row:t=>r(D,n({htmlTag:"tr",borderRadius:"inherit"},t)),TH:t=>r(D,n({htmlTag:"th"},t)),TD:t=>r(D,n({htmlTag:"td"},t)),Cell:t=>{let l=t,{isTH:e}=l,o=V(l,["isTH"]);return e?r(de.TH,n({},o)):r(de.TD,n({},o))},RightIndicator:{data:"",label:r(_.Right,{children:r(E.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:t=>{let i=t,{datagridID:e}=i,o=V(i,["datagridID"]),l=Y.catch(t.datagridID);if(!l)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:d}=l;return r(B.TextField,g(n({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:r(B.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:r(E.Search,{})}),value:d.filter.keyword},o),{onUpdateValidValue:(...s)=>{o.onUpdateValidValue&&o.onUpdateValidValue(...s),l.remoteUpdate.searchKey(s[0])}}))},Info:t=>{let e=Y.catch(t.datagridID);if(!e)return null;let{val_config:o}=e,l=o.body.length,d=o.body.filter(s=>s.isFilterMatched).length,i=d.ratio(l)||0;return O(xe,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[r(Ie,{fontSize:"4.thirdTitle",fontColor:"theme",children:d.toLocaleString()}),"/ ",l.toLocaleString(),"\u4EF6 (",i,"%)"]})},Paging:t=>{let e=Y.catch(t.datagridID);if(!e)return null;let{val_config:o}=e,l=[];for(let i=0;i<o.paging.total;i++)l.push({value:i+1,label:(i+1).toString()});const d=i=>{let s=Math.min(Math.max(1,i),o.paging.total),a=n({},o);a.paging.current=s,e.remoteUpdate.paging(s)};return r(B.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:r(B.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:r(re.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(o.paging.current==1){d(o.paging.total);return}d(o.paging.current-1)},children:r(E.ChevronLeft,{})})}),rightIcon:r(B.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:r(re.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(o.paging.current==o.paging.total){d(1);return}d(o.paging.current+1)},children:r(E.ChevronRight,{})})}),options:l.map(i=>({value:i.value||0,label:O(_.Left,{gap:"1/3",verticalAlign:"baseline",children:[i.label,O(ne,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",o.paging.total]})]})})),value:o.paging.current,onUpdateValidValue:i=>{d(i)}})},RowCount:t=>{let e=Y.catch(t.datagridID);if(!e)return null;let{val_config:o}=e,l=o.body.filter(a=>a.isFilterMatched).length,d=o.paging.rows,i=0,s=t.options.map(a=>(i|=+(a==d),{value:a,label:a.toString()}));return i||s.push({value:d,label:d.toString()}),r(_.Center,{gap:"1/2",children:r(B.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:r(B.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:r(B.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"}),value:o.paging.rows,options:s.toASC("value"),onUpdateValidValue:a=>{e.remoteUpdate.maxRow(Number(a))}})})}},T=Object.assign(we,de);export{T as DataGrid,T as default,ie as onDefaultCellStyles};
|
package/dist/index.d.ts
CHANGED
|
@@ -434,34 +434,35 @@ declare const amotify: {
|
|
|
434
434
|
horizontal?: boolean | undefined;
|
|
435
435
|
vertical?: boolean | undefined;
|
|
436
436
|
autoScroll?: boolean | undefined;
|
|
437
|
-
allowPrevDataOnDropend?: boolean | undefined;
|
|
438
437
|
}, callback: (p: {
|
|
439
438
|
idx: number;
|
|
440
|
-
id: string;
|
|
439
|
+
id: string | void;
|
|
441
440
|
groupId: string;
|
|
442
441
|
end: boolean;
|
|
442
|
+
onDropArea: boolean;
|
|
443
443
|
}) => void) => void;
|
|
444
444
|
AutoScroll: (event: MouseEvent | TouchEvent) => void;
|
|
445
445
|
styles: (cls: string) => string;
|
|
446
|
-
DropArea: <P extends
|
|
447
|
-
|
|
446
|
+
DropArea: <P extends atoms.Box.DefaultInput>(p: {
|
|
447
|
+
jsxElement?: React.ComponentType<P> | undefined;
|
|
448
448
|
dragInfo: {
|
|
449
449
|
type: string;
|
|
450
450
|
id?: string | undefined;
|
|
451
451
|
idx?: number | undefined;
|
|
452
452
|
group?: string | undefined;
|
|
453
|
+
activeOn?: "landing" | "lastLanding" | undefined;
|
|
453
454
|
marker?: false | "top" | "bottom" | "left" | "right" | undefined;
|
|
454
455
|
disabled?: boolean | undefined;
|
|
455
456
|
};
|
|
456
457
|
className?: string | undefined;
|
|
457
458
|
children?: React.ReactNode;
|
|
458
459
|
} & P) => import("react/jsx-runtime").JSX.Element;
|
|
459
|
-
DropSign: <P_1 extends
|
|
460
|
-
|
|
460
|
+
DropSign: <P_1 extends atoms.Box.DefaultInput>(p: {
|
|
461
|
+
jsxElement?: React.ComponentType<P_1> | undefined;
|
|
461
462
|
dragInfo: {
|
|
462
463
|
type: string;
|
|
463
464
|
id?: string | undefined;
|
|
464
|
-
activeOn?: "always" | "landing" | "dragging" | undefined;
|
|
465
|
+
activeOn?: "always" | "landing" | "lastLanding" | "dragging" | undefined;
|
|
465
466
|
};
|
|
466
467
|
className?: string | undefined;
|
|
467
468
|
children?: React.ReactNode;
|