amotify 0.3.5 → 0.3.7
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/fn/DataGrid/index.d.ts +3 -1
- package/dist/fn/DataGrid/index.js +1 -1
- package/package.json +1 -1
package/dist/@styles/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r={preventScroll:"
|
|
1
|
+
var r={preventScroll:"_preventScroll_1qzt4_1",isDragging:"_isDragging_1qzt4_6",Clone:"_Clone_1qzt4_10",isHovering:"_isHovering_1qzt4_19",DropSign:"_DropSign_1qzt4_23",onDragging:"_onDragging_1qzt4_23",onLanding:"_onLanding_1qzt4_23",onLastLanding:"_onLastLanding_1qzt4_23",onAlways:"_onAlways_1qzt4_26",isActive:"_isActive_1qzt4_26",DropArea:"_DropArea_1qzt4_42",Origin:"_Origin_1qzt4_45",isDroppable:"_isDroppable_1qzt4_51",isLanding:"_isLanding_1qzt4_54",ripple_shadow:"_ripple_shadow_1qzt4_1",Marker_outline:"_Marker_outline_1qzt4_73",Marker_top:"_Marker_top_1qzt4_82",Marker_bottom:"_Marker_bottom_1qzt4_82",Marker_left:"_Marker_left_1qzt4_87",Marker_right:"_Marker_right_1qzt4_87"};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_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 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 p={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 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 Hr=o=>r[o],Lr=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=>p[o],Or=o=>f[o],Er=o=>v[o],Ur=o=>u[o],Vr=o=>w[o],Kr=o=>k[o],Jr=o=>x[o];export{Nr as AccordionClasses,Fr as ButtonClasses,Mr as CropperClasses,Hr as DragEffectClasses,Gr as EffectClasses,Sr as GridClasses,Lr as ImgClasses,Er as InputAutocompleteClasses,Yr as InputClasses,Dr as InputFilerClasses,Or as InputListClasses,Jr 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};
|
|
@@ -42,7 +42,7 @@ declare namespace DataGrid {
|
|
|
42
42
|
* default 0
|
|
43
43
|
*/
|
|
44
44
|
sortable?: SortType;
|
|
45
|
-
defSort?:
|
|
45
|
+
defSort?: true;
|
|
46
46
|
filterable?: boolean;
|
|
47
47
|
checkable?: Checkable;
|
|
48
48
|
/**
|
|
@@ -71,6 +71,8 @@ declare namespace DataGrid {
|
|
|
71
71
|
isSelected?: boolean;
|
|
72
72
|
isFilterMatched?: boolean;
|
|
73
73
|
isVisible?: boolean;
|
|
74
|
+
onCheckerDisabled?(): ReactElement;
|
|
75
|
+
onDraggerDisabled?(): ReactElement;
|
|
74
76
|
draggerIndex?: number;
|
|
75
77
|
onRowClick?(event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
|
|
76
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as p,d as q,e as fe}from"../../chunk-C5N2D3ZX.js";import{Fragment as Me,jsx as l,jsxs as U}from"react/jsx-runtime";import u,{useStore as le,UUID as se}from"jmini";import ue,{useState as Re,useEffect as ne}from"react";import{ExtractStyles as $,GenerateHTMLProps as Ie,dragEffect as ce,useRemote as ae}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 k,Flex as we,FAI as G,Span as De}from"../../atoms";import{Literal as ge,Row as V,MarkerPen as me}from"../../mols";import{Button as ie}from"../Button";import H from"../Input";import{TableClasses as ke}from"../../@styles/componentClasses";import{faGripVertical as be}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as he}from"../Tips";const f={reservedKeys:["row_id","columnIdx","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:t=>{let e=!!t.some(o=>o.draggable);return(t==null?void 0:t.map((o,d)=>{var a;return u.isRecord(o)||(o={key:o}),u.isString(o.key)&&(o.key=o.key.replace(/[.\s]/g,"_")),e&&(o.sortable=0,o.filterable=!1),o.columnIdx=(a=o.columnIdx)!=null?a:d,o}).toASC("columnIdx"))||[]},toSafetyBody:t=>t==null?void 0:t.map((e,r)=>{var d;let o={};return Object.entries(e).forEach(([a,s])=>{var m,c;if(u.isOneOf(a,...f.reservedKeys))return;let i=s;u.isNullish(i)||(u.isRecord(i)||(i={data:i}),u.isString(a)&&(a=a.replace(/[.\s]/g,"_")),i.sortKey=(c=(m=i.sortKey)!=null?m:String(i.data))!=null?c:"",o[a]=i)}),o=p(n({},o),{row_id:(d=e.row_id)!=null?d:r,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,draggerIndex:r}),o}),toSafetyData:t=>{var o,d,a;let{header:e=[]}=t,r={datagridID:t.datagridID||se(),sessionID:se(),body:f.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=(o=e==null?void 0:e.filter(i=>i.defSort))==null?void 0:o[0];s&&(r.sort.col=(d=e.indexOf(s))!=null?d:-1,r.sort.dir=(a=s==null?void 0:s.sortable)!=null?a:1)}return r.draggable&&(r.filter.keyword="",r.sort.col=-1,r.sort.dir=0),f.updateRowMeta(r,t)},updateRowMeta:(t,e)=>{let r=n({},t);if(r.sort.col>=0&&r.sort.dir){let o=e.header[r.sort.col].key;r.sort.dir==1?r.body.toASC(o+".sortKey"):r.body.toDESC(o+".sortKey")}{let o=String(r.filter.keyword)||"";r.body.forEach(d=>{if(d.isFilterMatched=!0,!o)return;let a=e.header.some(s=>{var c;let i=d[s.key];return!i||!i.sortKey?!1:!!((c=String(i.sortKey||i.data))!=null&&c.match(new RegExp(o.escapeRegExChar(),"i")))});d.isFilterMatched=a})}{let o=r.paging.rows;r.paging.total=Math.ceil(r.body.filter(i=>i.isFilterMatched).length/o);let d=o*(r.paging.current-1),a=d+o,s=0;r.body.forEach(i=>{i.isVisible=!1,i.isFilterMatched&&(i.isVisible=s>=d&&s<a,s++)})}return r.draggable&&r.body.toASC("draggerIndex"),r},index:t=>{var c,h,I,P;let[e,r]=Re(()=>f.toSafetyData(t));ne(()=>{le.set({["reset-"+e.datagridID]:()=>{r(f.toSafetyData(t))},["refresh-"+e.datagridID]:()=>{r(y=>f.updateRowMeta(p(n({},y),{body:f.toSafetyBody(t.body)}),t))}})},[t]),ne(()=>{le.set({["rows-"+e.datagridID]:e.body}),ae.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:y=>{r(g=>f.updateRowMeta(p(n({},g),{paging:p(n({},g.paging),{current:Math.max(1,Math.min(g.paging.total,y))})}),t))},maxRow:y=>{r(g=>f.updateRowMeta(p(n({},g),{paging:p(n({},g.paging),{rows:y,current:1})}),t))},searchKey:y=>{e.draggable||u.interval.once(()=>{r(g=>{let C=p(n({},g),{paging:p(n({},g.paging),{current:1}),filter:p(n({},g.filter),{keyword:String(y||"").trim()})});return f.updateRowMeta(C,t)})},300,"InputSearchTime")}}})},[e]);const o=ue.useRef(!1);ne(()=>{if(t.onSelected){if(!o.current){o.current=!0;return}t.onSelected(e.body.filter(y=>y.isSelected))}},[(c=e==null?void 0:e.body)==null?void 0:c.filter(y=>y.isSelected).length]);const d=ue.useRef(!1);ne(()=>{if(t.onSorted){if(!d.current){d.current=!0;return}t.onSorted(e.sort.col,e.sort.dir)}},[(h=e==null?void 0:e.sort)==null?void 0:h.col,(I=e==null?void 0:e.sort)==null?void 0:I.dir]);let a={input:t,val_config:e,set_config:r},{className:s,style:i}=Ie(t),m=(P=t.colLength)!=null?P:t.header.length;return l(k,{className:s,style:i,children:l(T.Table,{className:ke("DataGrid"),borderRadius:"inherit",children:U(T.Body,{children:[l(f.Header,n({},a)),l(f.Body,n({},a)),l(f.Footer,n({},a))]})},[m,...t.header.map(y=>y.key),e.sessionID].join("."))})},Checker:t=>l(k,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:l(H.Checker,p(n({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},t),{label:!1}))}),Header:t=>{var m;let{input:e,val_config:r,set_config:o}=t;if(e.headerless)return null;let d="datagrid-dragger-"+r.datagridID,a=["datagrid",r.datagridID,""].join("-"),s=1+r.body.filter(c=>c.isVisible).length+ +!!e.footer,i=(m=e.colLength)!=null?m:e.header.length;return l(ce.DropArea,p(n({jsxElement:T.Row,id:a},e.rowStyles),{dragInfo:{type:d,id:a,idx:0,marker:"bottom"},children:e.header.toASC("columnIdx").map((c,h)=>{var Y,Z,ee,te,M,_;let[I,P]=$(c),X=P,{isTH:y,key:g,label:C,onLabelRender:K,columnIdx:w,checkable:v,draggable:O,defSort:J,sortable:N,filterable:j,isHidden:E}=X,D=q(X,["isTH","key","label","onLabelRender","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden"]);if(E)return null;let S={rowIdx:0,colIdx:h,topIdx:0,leftIdx:h,rightIdx:i-h-1,bottomIdx:s-1,isHeader:!0,isBody:!1,isFooter:!1},x=O,z=N!=0,F=h==r.sort.col,W=u.deepMerge(u.deepCopy(e.cellStyles),ye(S,{}),(Y=e.cellStyles)==null?void 0:Y.onHeader,!S.leftIdx&&((Z=e.cellStyles)==null?void 0:Z.onLeft),!S.rightIdx&&((ee=e.cellStyles)==null?void 0:ee.onRight),!S.topIdx&&((te=e.cellStyles)==null?void 0:te.onTop),!S.bottomIdx&&((M=e.cellStyles)==null?void 0:M.onBottom),I);e.onCellStyles&&(W=e.onCellStyles(S,W||{}));let A=[],Q=[];if(x&&A.push(l(ie.Clear.S,{ssSphere:2,fontColor:"theme",onMouseOver:b=>{he.open(b.currentTarget,U(ge.Mini,{children:[l(G,{icon:be}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:b=>he.abort(),onClick:b=>{b.stopPropagation()},children:l(G.QuestionCircle,{})},"drag")),v){let b=l(f.Checker,{value:r.body.every(R=>R.isSelected),onUpdateValue:R=>{o(L=>{let B=n({},L);return B.body.forEach(re=>{re.isFilterMatched&&(re.isSelected=!!R)}),B})}},"check");v=="left"?A.push(b):Q.push(b)}return z&&A.push(l(G,{fontSize:"1.mini",fontColor:"theme",opacity:F?"max":"low",transition:"middle",xcss:{transform:F&&r.sort.dir==-1?"rotate(180deg)":"none"},icon:F?xe:Te},"sort")),l(T.Cell,p(n(n({isTH:!!y,ssPushable:!!N},$(W||{})[0]),D),{className:[e.cellClassName,D.className].join(" "),onClick:b=>{D.onClick&&D.onClick(b),e.onCellClick&&e.onCellClick(S,b),z&&o(R=>{let L=n({},R);return L.sort={col:h,dir:F?R.sort.dir*-1:N},f.updateRowMeta(L,e)})},children:U(V.Left,{gap:"1/3",height:1,children:[A,(_=K==null?void 0:K(g))!=null?_:l(k,{flexSizing:0,children:C!=null?C:g}),Q]})}),[h,c.key].join("/"))})}))},Body:t=>{var i,m;let{input:e,val_config:r,set_config:o}=t,d=r.body.filter(c=>c.isVisible),a=+!e.headerless+d.length+ +!!e.footer,s=(i=e.colLength)!=null?i:e.header.length;return d.length?l(Me,{children:d.map((c,h)=>{let I=h;e.headerless||(I+=1);let P="datagrid-dragger-"+r.datagridID,y=["datagrid",r.datagridID,c.row_id].join("-");return l(ce.DropArea,p(n({jsxElement:T.Row,id:y,ssPushable:!!e.onRowClick||!!c.onRowClick},e.rowStyles),{onClick:g=>{c.onRowClick&&c.onRowClick(g),e.onRowClick&&e.onRowClick(c,g)},dragInfo:{type:P,id:y,idx:h+1,disabled:!r.draggable,marker:"bottom"},children:e.header.toASC("columnIdx").map((g,C)=>{var Q,X,Y,Z,ee,te;let K=g.draggable,w=c[g.key];if(!w)return null;let[v,O]=$(w),A=O,{isTH:J,sortKey:N,data:j,label:E,onLabelRender:D}=A,S=q(A,["isTH","sortKey","data","label","onLabelRender"]),x={rowIdx:I,colIdx:C,topIdx:I,leftIdx:C,rightIdx:s-C-1,bottomIdx:a-I-1,isHeader:!1,isBody:!0,isFooter:!1},z=u.deepMerge(u.deepCopy(e.cellStyles),ye(x,{}),(Q=e.cellStyles)==null?void 0:Q.onBody,!x.leftIdx&&((X=e.cellStyles)==null?void 0:X.onLeft),!x.rightIdx&&((Y=e.cellStyles)==null?void 0:Y.onRight),!x.topIdx&&((Z=e.cellStyles)==null?void 0:Z.onTop),!x.bottomIdx&&((ee=e.cellStyles)==null?void 0:ee.onBottom),v);e.onCellStyles&&(z=e.onCellStyles(x,z||{}));let F=[],W=[];if(K&&F.push(l(ie.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:M=>{let _=u("#"+y)[0],b=_.cloneNode(!0);b.style.width=_.offsetWidth+"px",ce.Start(P,{dragElement:b,startEvent:M,originId:y,horizontal:!1},R=>fe(void 0,null,function*(){if(!R.onDropArea)return;let L=h,B=Number(R.idx);if(u.isNullish(B)||B==-1||(B>L&&B--,L==B)||!R.end)return;let re=r.paging.rows*(r.paging.current-1);L+=re,B+=re;let oe=[...r.body||[]],Se=oe.splice(L,1)[0];oe.splice(B,0,Se),oe.forEach((de,Ce)=>{de.draggerIndex=Ce+1}),e.onDragged&&e.onDragged(oe),o(de=>p(n({},de),{body:oe}))}))},children:l(V.Center,{gap:"1/4",children:l(G,{icon:be})})},"drag")),g.checkable){let M=l(f.Checker,{override:"force",value:!!c.isSelected,onUpdateValue:_=>{o(b=>p(n({},b),{body:b.body.map(R=>(R.row_id==c.row_id&&(R.isSelected=!!_),R))}))}},"check");g.checkable=="left"?F.push(M):W.push(M)}return l(T.Cell,p(n(n({isTH:!!J},$(z||{})[0]),S),{className:[e.cellClassName,S.className].join(" "),onClick:M=>{S.onClick&&S.onClick(M),e.onCellClick&&e.onCellClick(x,M)},children:U(V.Left,{gap:"1/3",height:1,children:[F,(te=D==null?void 0:D(j))!=null?te:l(k,{flexSizing:0,children:me(E!=null?E:String(j),r.filter.keyword)}),W]})}),[C,g.key].join("/"))})}),[c.row_id,I].join("."))})}):l(T.Row,p(n({},e.rowStyles),{children:l(T.Cell,{colSpan:s,padding:1,children:(m=e.onNoRecordsRender)==null?void 0:m.call(e)})}))},Footer:t=>{var s;let{input:e,val_config:r,set_config:o}=t;if(!e.footer)return null;let d=+!e.headerless+r.body.filter(i=>i.isVisible).length+1,a=(s=e.colLength)!=null?s:e.header.length;return l(T.Row,p(n({},e.rowStyles),{children:e.header.toASC("columnIdx").map((i,m)=>{var J,N,j,E,D,S;let c=e.footer[i.key];if(!c)return null;u.isRecord(c)||(c={data:c});let[h,I]=$(c),O=I,{isTH:P,data:y,label:g,onLabelRender:C}=O,K=q(O,["isTH","data","label","onLabelRender"]),w={rowIdx:d-1,colIdx:m,topIdx:d-1,leftIdx:m,rightIdx:a-m-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},v=u.deepMerge(u.deepCopy(e.cellStyles),ye(w,{}),(J=e.cellStyles)==null?void 0:J.onBody,!w.leftIdx&&((N=e.cellStyles)==null?void 0:N.onLeft),!w.rightIdx&&((j=e.cellStyles)==null?void 0:j.onRight),!w.topIdx&&((E=e.cellStyles)==null?void 0:E.onTop),!w.bottomIdx&&((D=e.cellStyles)==null?void 0:D.onBottom),h);return e.onCellStyles&&(v=e.onCellStyles(w,v||{})),l(T.Cell,p(n(n({isTH:!!P},$(v||{})[0]),K),{className:[e.cellClassName,K.className].join(" "),onClick:x=>{K.onClick&&K.onClick(x),e.onCellClick&&e.onCellClick(w,x)},children:l(k,{flexSizing:0,children:(S=C==null?void 0:C(y))!=null?S:me(g!=null?g:String(y),r.filter.keyword)})}),[m,i.key].join("/"))})}))}},ye=(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},Ke=t=>(t=n({datagridID:se(),tone:"border",maxRows:100,onNoRecordsRender:()=>l(V.Center,{children:l(ge.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",transition:"short"}),t.cellStyles),t.tone&&(t=n({border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"},t)),t.header=f.toSafetyHeader(t.header||[]),t.header.forEach((e,r)=>{var o;e.sortable=(o=e.sortable)!=null?o:1,e.checkable===!0&&(e.checkable="left")}),l(f.index,n({},t))),pe={getBodyRows:t=>le.get("rows-"+t)||[],toSafetyBody:f.toSafetyBody,reset:t=>{var e;(e=le.get("reset-"+t))==null||e()},refreshBody:t=>{var e;(e=le.get("refresh-"+t))==null||e()},reservedKeys:f.reservedKeys,Table:t=>l(k,p(n({htmlTag:"table",borderRadius:"inherit"},t),{border:t.border})),Head:t=>l(k,n({htmlTag:"thead",borderRadius:"inherit"},t)),Body:t=>l(k,n({htmlTag:"tbody",borderRadius:"inherit"},t)),Row:t=>l(k,n({htmlTag:"tr",borderRadius:"inherit"},t)),TH:t=>l(k,n({htmlTag:"th"},t)),TD:t=>l(k,n({htmlTag:"td"},t)),Cell:t=>{let o=t,{isTH:e}=o,r=q(o,["isTH"]);return e?l(pe.TH,n({},r)):l(pe.TD,n({},r))},RightIndicator:{data:"",label:l(V.Right,{children:l(G.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:t=>{let a=t,{datagridID:e}=a,r=q(a,["datagridID"]),o=ae.catch(t.datagridID);if(!o)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:d}=o;return l(H.TextField,p(n({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:l(H.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(G.Search,{})}),value:d.filter.keyword},r),{onUpdateValidValue:(...s)=>{r.onUpdateValidValue&&r.onUpdateValidValue(...s),o.remoteUpdate.searchKey(s[0])}}))},Info:t=>{let e=ae.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=t.totalCount||r.body.length,d=r.body.filter(s=>s.isFilterMatched).length,a=d.ratio(o,1)||0;return U(we,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(De,{fontSize:"4.thirdTitle",fontColor:"theme",children:d.toLocaleString()}),"/ ",o.toLocaleString(),"\u4EF6 (",a,"%)"]})},Paging:t=>{let e=ae.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=[];for(let a=0;a<r.paging.total;a++)o.push({value:a+1,label:(a+1).toString()});const d=a=>{let s=Math.min(Math.max(1,a),r.paging.total),i=n({},r);i.paging.current=s,e.remoteUpdate.paging(s)};return l(H.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:l(H.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:l(ie.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(r.paging.current==1){d(r.paging.total);return}d(r.paging.current-1)},children:l(G.ChevronLeft,{})})}),rightIcon:l(H.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:l(ie.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(r.paging.current==r.paging.total){d(1);return}d(r.paging.current+1)},children:l(G.ChevronRight,{})})}),options:o.map(a=>({value:a.value||0,label:U(V.Left,{gap:"1/3",verticalAlign:"baseline",children:[a.label,U(ge.Micro,{fontColor:"4.thin",children:["/ ",r.paging.total]})]})})),value:r.paging.current,onUpdateValidValue:a=>{d(a)}})},RowCount:t=>{let e=ae.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=r.body.filter(i=>i.isFilterMatched).length,d=r.paging.rows,a=0,s=t.options.map(i=>(a|=+(i==d),{value:i,label:i.toString()}));return a||s.push({value:d,label:d.toString()}),l(V.Center,{gap:"1/2",children:l(H.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:l(H.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:l(H.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"}),value:r.paging.rows,options:s.toASC("value"),onUpdateValidValue:i=>{e.remoteUpdate.maxRow(Number(i))}})})}},T=Object.assign(Ke,pe);export{T as DataGrid,T as default,ye as onDefaultCellStyles};
|
|
1
|
+
import{b as n,c as y,d as z,e as be}from"../../chunk-C5N2D3ZX.js";import{Fragment as Pe,jsx as l,jsxs as j}from"react/jsx-runtime";import p,{useStore as ae,UUID as ce}from"jmini";import me,{useState as xe,useEffect as ie}from"react";import{ExtractStyles as W,GenerateHTMLProps as Te,dragEffect as ge,useRemote as ne}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 w,Flex as ke,FAI as v,Span as Ke}from"../../atoms";import{Literal as ye,Row as O,MarkerPen as he}from"../../mols";import{Button as de}from"../Button";import P 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 f={reservedKeys:["row_id","onCheckerDisabled","onDraggerDisabled","columnIdx","isSelected","isFilterMatched","isVisible","draggerIndex","onRowClick"],toSafetyHeader:t=>{let e=!!t.some(o=>o.draggable);return(t==null?void 0:t.map((o,i)=>{var a;return p.isRecord(o)||(o={key:o}),p.isString(o.key)&&(o.key=o.key.replace(/[.\s]/g,"_")),e&&(o.sortable=0,o.filterable=!1),o.columnIdx=(a=o.columnIdx)!=null?a:i,o}).toASC("columnIdx"))||[]},toSafetyBody:t=>t==null?void 0:t.map((e,r)=>{var i;let o={};return Object.entries(e).forEach(([a,c])=>{var h,s;if(p.isOneOf(a,...f.reservedKeys))return;let d=c;p.isNullish(d)||(p.isRecord(d)||(d={data:d}),p.isString(a)&&(a=a.replace(/[.\s]/g,"_")),d.sortKey=(s=(h=d.sortKey)!=null?h:String(d.data))!=null?s:"",o[a]=d)}),o=y(n({},o),{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}),o}),toSafetyData:t=>{var o,i;let{header:e=[]}=t,r={datagridID:t.datagridID||ce(),sessionID:ce(),body:f.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(a=>a.draggable)};{let a=e==null?void 0:e.findIndex(c=>c.defSort);a!==-1&&(r.sort.col=a,r.sort.dir=(i=(o=e[a])==null?void 0:o.sortable)!=null?i:1)}return r.draggable&&(r.filter.keyword="",r.sort.col=-1,r.sort.dir=0),f.updateRowMeta(r,t)},updateRowMeta:(t,e)=>{let r=n({},t);if(r.sort.col>=0&&r.sort.dir){let o=e.header[r.sort.col].key;r.sort.dir==1?r.body.toASC(o+".sortKey"):r.body.toDESC(o+".sortKey")}{let o=String(r.filter.keyword)||"";r.body.forEach(i=>{if(i.isFilterMatched=!0,!o)return;let a=e.header.some(c=>{var s;let d=i[c.key];return!d||!d.sortKey?!1:!!((s=String(d.sortKey||d.data))!=null&&s.match(new RegExp(o.escapeRegExChar(),"i")))});i.isFilterMatched=a})}{let o=r.paging.rows;r.paging.total=Math.ceil(r.body.filter(d=>d.isFilterMatched).length/o);let i=o*(r.paging.current-1),a=i+o,c=0;r.body.forEach(d=>{d.isVisible=!1,d.isFilterMatched&&(d.isVisible=c>=i&&c<a,c++)})}return r.draggable&&r.body.toASC("draggerIndex"),r},index:t=>{var s,S,F,G;let[e,r]=xe(()=>f.toSafetyData(t));ie(()=>{ae.set({["reset-"+e.datagridID]:()=>{r(f.toSafetyData(t))},["refresh-"+e.datagridID]:()=>{r(g=>f.updateRowMeta(y(n({},g),{body:f.toSafetyBody(t.body)}),t))}})},[t]),ie(()=>{ae.set({["rows-"+e.datagridID]:e.body}),ne.bridge(e.datagridID,{val_config:e,remoteUpdate:{paging:g=>{r(u=>f.updateRowMeta(y(n({},u),{paging:y(n({},u.paging),{current:Math.max(1,Math.min(u.paging.total,g))})}),t))},maxRow:g=>{r(u=>f.updateRowMeta(y(n({},u),{paging:y(n({},u.paging),{rows:g,current:1})}),t))},searchKey:g=>{e.draggable||p.interval.once(()=>{r(u=>{let C=y(n({},u),{paging:y(n({},u.paging),{current:1}),filter:y(n({},u.filter),{keyword:String(g||"").trim()})});return f.updateRowMeta(C,t)})},300,"InputSearchTime")}}})},[e]);const o=me.useRef(!1);ie(()=>{if(t.onSelected){if(!o.current){o.current=!0;return}t.onSelected(e.body.filter(g=>g.isSelected))}},[(s=e==null?void 0:e.body)==null?void 0:s.filter(g=>g.isSelected).length]);const i=me.useRef(!1);ie(()=>{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,(F=e==null?void 0:e.sort)==null?void 0:F.dir]);let a={input:t,val_config:e,set_config:r},{className:c,style:d}=Te(t),h=(G=t.colLength)!=null?G:t.header.length;return l(w,{className:c,style:d,children:l(T.Table,{className:Me("DataGrid"),borderRadius:"inherit",children:j(T.Body,{children:[l(f.Header,n({},a)),l(f.Body,n({},a)),l(f.Footer,n({},a))]})},[h,...t.header.map(g=>g.key),e.sessionID].join("."))})},Checker:t=>l(w,{flexCenter:!0,onClick:e=>{e.stopPropagation()},children:l(P.Checker,y(n({wrapStyles:{display:"inlineBlock"},cellStyles:{gap:0}},t),{label:!1}))}),Header:t=>{var h;let{input:e,val_config:r,set_config:o}=t;if(e.headerless)return null;let i="datagrid-dragger-"+r.datagridID,a=["datagrid",r.datagridID,""].join("-"),c=1+r.body.filter(s=>s.isVisible).length+ +!!e.footer,d=(h=e.colLength)!=null?h:e.header.length;return l(ge.DropArea,y(n({jsxElement:T.Row,id:a},e.rowStyles),{dragInfo:{type:i,id:a,idx:0,marker:"bottom"},children:e.header.toASC("columnIdx").map((s,S)=>{var Y,Z,ee,te,re,oe;let[F,G]=W(s),X=G,{isTH:g,key:u,label:C,onLabelRender:m,columnIdx:I,checkable:L,draggable:N,defSort:q,sortable:E,filterable:$,isHidden:J}=X,k=z(X,["isTH","key","label","onLabelRender","columnIdx","checkable","draggable","defSort","sortable","filterable","isHidden"]);if(J)return null;let R={rowIdx:0,colIdx:S,topIdx:0,leftIdx:S,rightIdx:d-S-1,bottomIdx:c-1,isHeader:!0,isBody:!1,isFooter:!1},H=N,A=E!=0,x=S==r.sort.col,_=p.deepMerge(p.deepCopy(e.cellStyles),pe(R,{}),(Y=e.cellStyles)==null?void 0:Y.onHeader,!R.leftIdx&&((Z=e.cellStyles)==null?void 0:Z.onLeft),!R.rightIdx&&((ee=e.cellStyles)==null?void 0:ee.onRight),!R.topIdx&&((te=e.cellStyles)==null?void 0:te.onTop),!R.bottomIdx&&((re=e.cellStyles)==null?void 0:re.onBottom),F);e.onCellStyles&&(_=e.onCellStyles(R,_||{}));let B=[],Q=[];if(H&&B.push(l(de.Clear.S,{ssSphere:2,fontColor:"theme",onMouseOver:b=>{Ce.open(b.currentTarget,j(ye.Mini,{children:[l(v,{icon:Se}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:b=>Ce.abort(),onClick:b=>{b.stopPropagation()},children:l(v.QuestionCircle,{})},"drag")),L){let b=l(f.Checker,{value:r.body.every(D=>D.isSelected),onUpdateValue:D=>{o(K=>{let M=n({},K);return M.body.forEach(V=>{V.isFilterMatched&&(V.isSelected=!!D)}),M})}},"check");L=="left"?B.push(b):Q.push(b)}return A&&B.push(l(v,{fontSize:"1.mini",fontColor:"theme",opacity:x?"max":"low",transition:"middle",xcss:{transform:x&&r.sort.dir==-1?"rotate(180deg)":"none"},icon:x?De:we},"sort")),l(T.Cell,y(n(n({isTH:!!g,ssPushable:!!E},W(_||{})[0]),k),{className:[e.cellClassName,k.className].join(" "),onClick:b=>{k.onClick&&k.onClick(b),e.onCellClick&&e.onCellClick(R,b),A&&o(D=>{let K=n({},D);return K.sort={col:S,dir:x?D.sort.dir*-1:E},f.updateRowMeta(K,e)})},children:j(O.Left,{gap:"1/3",height:1,children:[B,(oe=m==null?void 0:m(u))!=null?oe:l(w,{flexSizing:0,children:C!=null?C:u}),Q]})}),[S,s.key].join("/"))})}))},Body:t=>{var d,h;let{input:e,val_config:r,set_config:o}=t,i=r.body.filter(s=>s.isVisible),a=+!e.headerless+i.length+ +!!e.footer,c=(d=e.colLength)!=null?d:e.header.length;return i.length?l(Pe,{children:i.map((s,S)=>{let{onCheckerDisabled:F,onDraggerDisabled:G}=s,g=S;e.headerless||(g+=1);let u="datagrid-dragger-"+r.datagridID,C=["datagrid",r.datagridID,s.row_id].join("-");return l(ge.DropArea,y(n({jsxElement:T.Row,id:C,ssPushable:!!e.onRowClick||!!s.onRowClick},e.rowStyles),{onClick:m=>{s.onRowClick&&s.onRowClick(m),e.onRowClick&&e.onRowClick(s,m)},dragInfo:{type:u,id:C,idx:S+1,disabled:!r.draggable,marker:"bottom"},children:e.header.toASC("columnIdx").map((m,I)=>{var Y,Z,ee,te,re,oe;let L=m.draggable,N=s[m.key];if(!N)return null;let[q,E]=W(N),X=E,{isTH:$,sortKey:J,data:k,label:R,onLabelRender:H}=X,A=z(X,["isTH","sortKey","data","label","onLabelRender"]),x={rowIdx:g,colIdx:I,topIdx:g,leftIdx:I,rightIdx:c-I-1,bottomIdx:a-g-1,isHeader:!1,isBody:!0,isFooter:!1},_=p.deepMerge(p.deepCopy(e.cellStyles),pe(x,{}),(Y=e.cellStyles)==null?void 0:Y.onBody,!x.leftIdx&&((Z=e.cellStyles)==null?void 0:Z.onLeft),!x.rightIdx&&((ee=e.cellStyles)==null?void 0:ee.onRight),!x.topIdx&&((te=e.cellStyles)==null?void 0:te.onTop),!x.bottomIdx&&((re=e.cellStyles)==null?void 0:re.onBottom),q);e.onCellStyles&&(_=e.onCellStyles(x,_||{}));let B=[],Q=[];return p.scope(()=>{if(L){if(s.onDraggerDisabled){B.push(s.onDraggerDisabled());return}B.push(l(de.Clear.S,{tabIndex:-1,isRounded:!0,ssSphere:2.5,fontColor:"6.clear",onPointerDown:b=>{let D=p("#"+C)[0],K=D.cloneNode(!0);K.style.width=D.offsetWidth+"px",ge.Start(u,{dragElement:K,startEvent:b,originId:C,horizontal:!1},M=>be(void 0,null,function*(){if(!M.onDropArea)return;let V=S,U=Number(M.idx);if(p.isNullish(U)||U==-1||(U>V&&U--,V==U)||!M.end)return;let fe=r.paging.rows*(r.paging.current-1);V+=fe,U+=fe;let le=[...r.body||[]],Re=le.splice(V,1)[0];le.splice(U,0,Re),le.forEach((se,Ie)=>{se.draggerIndex=Ie+1}),e.onDragged&&e.onDragged(le),o(se=>y(n({},se),{body:le}))}))},children:l(O.Center,{gap:"1/4",children:l(v,{icon:Se})})},"drag"))}}),p.scope(()=>{if(!m.checkable)return;let b=l(f.Checker,{override:"force",value:!!s.isSelected,onUpdateValue:D=>{o(K=>y(n({},K),{body:K.body.map(M=>(M.row_id==s.row_id&&(M.isSelected=!!D),M))}))}},"check");s.onCheckerDisabled&&(b=s.onCheckerDisabled()),m.checkable=="left"?B.push(b):Q.push(b)}),l(T.Cell,y(n(n({isTH:!!$},W(_||{})[0]),A),{className:[e.cellClassName,A.className].join(" "),onClick:b=>{A.onClick&&A.onClick(b),e.onCellClick&&e.onCellClick(x,b)},children:j(O.Left,{gap:"1/3",height:1,children:[B,(oe=H==null?void 0:H(k))!=null?oe:l(w,{flexSizing:0,children:he(R!=null?R:String(k),r.filter.keyword)}),Q]})}),[I,m.key].join("/"))})}),[s.row_id,g].join("."))})}):l(T.Row,y(n({},e.rowStyles),{children:l(T.Cell,{colSpan:c,padding:1,children:(h=e.onNoRecordsRender)==null?void 0:h.call(e)})}))},Footer:t=>{var c;let{input:e,val_config:r,set_config:o}=t;if(!e.footer)return null;let i=+!e.headerless+r.body.filter(d=>d.isVisible).length+1,a=(c=e.colLength)!=null?c:e.header.length;return l(T.Row,y(n({},e.rowStyles),{children:e.header.toASC("columnIdx").map((d,h)=>{var q,E,$,J,k,R;let s=e.footer[d.key];if(!s)return null;p.isRecord(s)||(s={data:s});let[S,F]=W(s),N=F,{isTH:G,data:g,label:u,onLabelRender:C}=N,m=z(N,["isTH","data","label","onLabelRender"]),I={rowIdx:i-1,colIdx:h,topIdx:i-1,leftIdx:h,rightIdx:a-h-1,bottomIdx:0,isHeader:!1,isBody:!1,isFooter:!0},L=p.deepMerge(p.deepCopy(e.cellStyles),pe(I,{}),(q=e.cellStyles)==null?void 0:q.onBody,!I.leftIdx&&((E=e.cellStyles)==null?void 0:E.onLeft),!I.rightIdx&&(($=e.cellStyles)==null?void 0:$.onRight),!I.topIdx&&((J=e.cellStyles)==null?void 0:J.onTop),!I.bottomIdx&&((k=e.cellStyles)==null?void 0:k.onBottom),S);return e.onCellStyles&&(L=e.onCellStyles(I,L||{})),l(T.Cell,y(n(n({isTH:!!G},W(L||{})[0]),m),{className:[e.cellClassName,m.className].join(" "),onClick:H=>{m.onClick&&m.onClick(H),e.onCellClick&&e.onCellClick(I,H)},children:l(w,{flexSizing:0,children:(R=C==null?void 0:C(g))!=null?R:he(u!=null?u:String(g),r.filter.keyword)})}),[h,d.key].join("/"))})}))}},pe=(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:ce(),tone:"border",maxRows:100,onNoRecordsRender:()=>l(O.Center,{children:l(ye.Mini,{fontColor:"4.thin",children:"(\u30C7\u30FC\u30BF\u306A\u3057)"})})},t),t.rowStyles=n({backgroundColor:"layer.0"},t.rowStyles),t.cellStyles=n(y(n({},p.scope(()=>{if(!t.tone)return{};let e={};return p.isOneOf(t.tone,"border","border.horizontal")&&(e.borderBottom="2.normal"),p.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=f.toSafetyHeader(t.header||[]),t.header.forEach((e,r)=>{var o;e.sortable=(o=e.sortable)!=null?o:1,e.checkable===!0&&(e.checkable="left")}),l(f.index,n({},t))),ue={getBodyRows:t=>ae.get("rows-"+t)||[],toSafetyBody:f.toSafetyBody,reset:t=>{var e;(e=ae.get("reset-"+t))==null||e()},refreshBody:t=>{var e;(e=ae.get("refresh-"+t))==null||e()},reservedKeys:f.reservedKeys,Table:t=>l(w,y(n({htmlTag:"table",borderRadius:"inherit"},t),{border:t.border})),Head:t=>l(w,n({htmlTag:"thead",borderRadius:"inherit"},t)),Body:t=>l(w,n({htmlTag:"tbody",borderRadius:"inherit"},t)),Row:t=>l(w,n({htmlTag:"tr",borderRadius:"inherit"},t)),TH:t=>l(w,n({htmlTag:"th"},t)),TD:t=>l(w,n({htmlTag:"td"},t)),Cell:t=>{let o=t,{isTH:e}=o,r=z(o,["isTH"]);return e?l(ue.TH,n({},r)):l(ue.TD,n({},r))},RightIndicator:{data:"",label:l(O.Right,{children:l(v.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:t=>{let a=t,{datagridID:e}=a,r=z(a,["datagridID"]),o=ne.catch(t.datagridID);if(!o)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:i}=o;return l(P.TextField,y(n({label:"\u691C\u7D22...",clearButton:!0,padding:["1/2","2/3"],rightIcon:l(P.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(v.Search,{})}),value:i.filter.keyword},r),{onUpdateValidValue:(...c)=>{r.onUpdateValidValue&&r.onUpdateValidValue(...c),o.remoteUpdate.searchKey(c[0])}}))},Info:t=>{let e=ne.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=t.totalCount||r.body.length,i=r.body.filter(c=>c.isFilterMatched).length,a=i.ratio(o,1)||0;return j(ke,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(Ke,{fontSize:"4.thirdTitle",fontColor:"theme",children:i.toLocaleString()}),"/ ",o.toLocaleString(),"\u4EF6 (",a,"%)"]})},Paging:t=>{let e=ne.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=[];for(let a=0;a<r.paging.total;a++)o.push({value:a+1,label:(a+1).toString()});const i=a=>{let c=Math.min(Math.max(1,a),r.paging.total),d=n({},r);d.paging.current=c,e.remoteUpdate.paging(c)};return l(P.Select,{emptySelect:!1,padding:["1/3","2/3"],override:"force",gap:0,leftIcon:l(P.LeftIcon,{xcss:{left:2,pointerEvents:"all"},children:l(de.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(r.paging.current==1){i(r.paging.total);return}i(r.paging.current-1)},children:l(v.ChevronLeft,{})})}),rightIcon:l(P.RightIcon,{xcss:{right:2,pointerEvents:"all"},children:l(de.Sub.S,{color:"cloud",fontColor:"4.thin",ssSquare:2.5,unitWidth:2,onClick:()=>{if(r.paging.current==r.paging.total){i(1);return}i(r.paging.current+1)},children:l(v.ChevronRight,{})})}),options:o.map(a=>({value:a.value||0,label:j(O.Left,{gap:"1/3",verticalAlign:"baseline",children:[a.label,j(ye.Micro,{fontColor:"4.thin",children:["/ ",r.paging.total]})]})})),value:r.paging.current,onUpdateValidValue:a=>{i(a)}})},RowCount:t=>{let e=ne.catch(t.datagridID);if(!e)return null;let{val_config:r}=e,o=r.body.filter(d=>d.isFilterMatched).length,i=r.paging.rows,a=0,c=t.options.map(d=>(a|=+(d==i),{value:d,label:d.toString()}));return a||c.push({value:i,label:i.toString()}),l(O.Center,{gap:"1/2",children:l(P.Select,{emptySelect:!1,override:"force",padding:"1/3",paddingLeft:3,paddingRight:2,pickerStyles:{xcss:{minWidth:12*9}},pickerPosition:4,leftIcon:l(P.LeftIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{left:6},children:"\u8868\u793A"}),rightIcon:l(P.RightIcon,{fontSize:"0.xs",fontColor:"4.thin",xcss:{right:6},children:"\u4EF6"}),value:r.paging.rows,options:c.toASC("value"),onUpdateValidValue:d=>{e.remoteUpdate.maxRow(Number(d))}})})}},T=Object.assign(Be,ue);export{T as DataGrid,T as default,pe as onDefaultCellStyles};
|