amotify 0.2.293 → 0.2.295
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.js +1 -1
- package/dist/fn/DataGrid/index.js +1 -1
- package/dist/fn/Input/Autocomplete.js +1 -1
- package/dist/fn/Input/List.d.ts +2 -2
- package/dist/fn/Input/List.js +1 -1
- package/package.json +1 -1
package/dist/@styles/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r={preventScroll:"_preventScroll_z564v_1",isDragging:"_isDragging_z564v_6",Clone:"_Clone_z564v_10",isHovering:"_isHovering_z564v_19",DropSign:"_DropSign_z564v_23",activeOn_landing:"_activeOn_landing_z564v_23",activeOn_dragging:"_activeOn_dragging_z564v_26",active:"_active_z564v_23",DropArea:"_DropArea_z564v_34",Origin:"_Origin_z564v_37",isDroppable:"_isDroppable_z564v_43",isLanding:"_isLanding_z564v_46",Marker_top:"_Marker_top_z564v_63",Marker_bottom:"_Marker_bottom_z564v_63",Marker_left:"_Marker_left_z564v_71",Marker_right:"_Marker_right_z564v_71"};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:"
|
|
1
|
+
var r={preventScroll:"_preventScroll_z564v_1",isDragging:"_isDragging_z564v_6",Clone:"_Clone_z564v_10",isHovering:"_isHovering_z564v_19",DropSign:"_DropSign_z564v_23",activeOn_landing:"_activeOn_landing_z564v_23",activeOn_dragging:"_activeOn_dragging_z564v_26",active:"_active_z564v_23",DropArea:"_DropArea_z564v_34",Origin:"_Origin_z564v_37",isDroppable:"_isDroppable_z564v_43",isLanding:"_isLanding_z564v_46",Marker_top:"_Marker_top_z564v_63",Marker_bottom:"_Marker_bottom_z564v_63",Marker_left:"_Marker_left_z564v_71",Marker_right:"_Marker_right_z564v_71"};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 qr=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=>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,qr as DragEffectClasses,Gr as EffectClasses,Sr as GridClasses,Lr 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 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as D,c as h,d as P}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import e from"jmini";import{Config as O}from".";import{DragEffectClasses as r}from"../@styles/componentClasses";const A={Start:(n,t,a)=>{var x,b,w,N;t.horizontal=(x=t.horizontal)!=null?x:!0,t.vertical=(b=t.vertical)!=null?b:!0,t.autoScroll=(w=t.autoScroll)!=null?w:!0,t.allowPrevDataOnDropend=(N=t.allowPrevDataOnDropend)!=null?N:!0;let o=t.dragElement.cloneNode(!0),l=e(o),i=e.getCursor(t.startEvent),s=e.getScreenSize();l.addClass(r("Clone")).css({top:i.y-s.scrollY+8,left:i.x-s.scrollX+8}),e("html").addClass(r("preventScroll")),e(["."+r("DropArea"),`[data-drag-type="${n}"]`].join("")).addClass(r("isDroppable")),e(["."+r("DropArea"),`[data-drag-type="${n}"]`,`[data-drag-id="${t.originId}"]`].join("")).addClass(r("Origin")),e(["."+r("activeOn_dragging"),`[data-drag-type="${n}"]`].join("")).addClass(r("active")),e(O.get().appRoot).append(o).addClass(r("isDragging")).await(10).callback(()=>{l.addClass(r("isHovering"))});let d="-1";const c=g=>{g.preventDefault(),g.stopPropagation();let p=e.getCursor(g),u=e.getScreenSize(),C=p.x-u.scrollX,S=p.y-u.scrollY,y=document.elementFromPoint(C,S),f=p.y-u.scrollY+8,E=p.x-u.scrollX+8;l.css(D(D({},t.horizontal&&{left:E}),t.vertical&&{top:f})),A.AutoScroll(g);let m=e(y).parent(`[data-drag-type=${n}]`);if(!m[0]&&!t.allowPrevDataOnDropend||(e("."+r("DropArea")).removeClass(r("isLanding")),e(["."+r("activeOn_landing"),`[data-drag-type="${n}"]`].join("")).removeClass(r("active")),!m[0]))return;let{dragId:v,dragIdx:R,dragGroup:$}=m[0].dataset;if(m.addClass(r("isLanding")),e(["."+r("activeOn_landing"),`[data-drag-type="${n}"]`,`[data-drag-id="${v}"]`].join("")).addClass(r("active")),d!=String(v))return d=String(v),e.interval.once(()=>{a({idx:Number(R||0),id:String(v||""),groupId:String($||""),end:!1})},30,"DragEffect"),!1},T=g=>{e("html").removeClass(r("preventScroll")),e("."+r("DropArea")).removeClass(r("isDroppable"));let p=e.getCursor(g),u=e.getScreenSize(),C=p.x-u.scrollX,S=p.y-u.scrollY,y=document.elementFromPoint(C,S);e(O.get().appRoot).removeClass(r("isDragging")),l.removeClass(r("isHovering")).await(300).remove(),e("."+r("DropArea")).removeClass(r("isLanding"),r("Origin")),e("."+r("DropSign")).removeClass(r("active")),e.interval.abort("AutoScroll"),e(window).removeEvent(["dragEffect.touchmove","dragEffect.pointermove","dragEffect.pointerup"]);let f=e(y).parent(`[data-drag-type=${n}]`)[0];if(!f){if(!t.allowPrevDataOnDropend)return a({idx:-1,id:"",groupId:"",end:!0});if(!d){e.interval.once(()=>{a({idx:-1,id:"",groupId:"",end:!0})},30,"DragEffect");return}}let{dragId:E,dragIdx:m,dragGroup:v}=(f==null?void 0:f.dataset)||{};e.interval.once(()=>{a({idx:Number(m||0),id:String(E||d||""),groupId:String(v||""),end:!0})},50,"DragEffect")};e(window).onEvent("touchmove",g=>(g.preventDefault(),g.stopPropagation(),!1),{eventID:"dragEffect.touchmove",passive:!1}).onEvent("pointermove",c,{eventID:"dragEffect.pointermove",passive:!1}).onEvent("pointerup",T,{eventID:"dragEffect.pointerup"})},AutoScroll:n=>{e.interval.abort("AutoScroll");let t=e("html")[0],a=e.getScreenSize(),o=e.getCursor(n),l=(o.y-a.scrollY)/a.height,i=(o.x-a.scrollX)/a.width,s=a.height/100/2,d=null,c=null;e.scope(()=>{l<=.1&&(d=s*-1),l>=.9&&(d=s)}),e.scope(()=>{i<=.1&&(c=s*-1),i>=.9&&(c=s)}),!(e.isNullish(d)&&e.isNullish(c))&&e.interval.start(()=>{c&&(t.scrollLeft+=c),d&&(t.scrollTop+=d)},10,"AutoScroll")},styles:r,DropArea:function(n){var i;let l=n,{component:t,dragInfo:a}=l,o=P(l,["component","dragInfo"]);return a.disabled?I(t,D({},o)):I(t,h(D({transition:"short",position:"relative"},o),{"data-drag-type":a.type,"data-drag-group":a.group||null,"data-drag-id":a.id||null,"data-drag-idx":a.idx||0,className:[r("DropArea"),r("Marker_"+((i=a.marker)!=null?i:"bottom")),(o==null?void 0:o.className)||""].join(" ")}))},DropSign:function(n){let s=n,{component:t,dragInfo:{type:a,id:o,activeOn:l="landing"}}=s,i=P(s,["component","dragInfo"]);return I(t,h(D({transition:"short"},i),{"data-drag-type":a,"data-drag-id":o||null,className:[l!="always"&&r("DropSign"),r("activeOn_"+l),(i==null?void 0:i.className)||""].join(" ")}))}};export{A as DragEffect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as y,d as _,e as se}from"../../chunk-C5N2D3ZX.js";import{Fragment as we,jsx as o,jsxs as U}from"react/jsx-runtime";import S,{useStore as Z,UUID as ce}from"jmini";import ye,{useState as me,useEffect as ee}from"react";import{ExtractStyles as A,GenerateHTMLProps as Se,DragEffect as le,useRemote as Y}from"../../@utils";import{faArrowUp as he}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faUpDown as Ce}from"@fortawesome/free-solid-svg-icons/faUpDown";import{Box as D,Flex as Re,FAI as E,Span as Ie}from"../../atoms";import{Literal as ae,Row as G,MarkerPen as ge}from"../../mols";import{Button as te}from"../Button";import L from"../Input";import{TableClasses as xe}from"../../@styles/componentClasses";import{faGripVertical as pe}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{Tips as fe}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 i={};return Object.entries(e).forEach(([n,s])=>{var f,b;if(S.isOneOf(n,...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:"",i[n]=l)}),i=y(a({},i),{row_id:(d=e.row_id)!=null?d:t,onRowClick:e.onRowClick,isSelected:!!e.isSelected,isFilterMatched:!0,isVisible:!0,draggerIndex:t+1}),i}),toSafetyData:r=>{var i,d,n;let{header:e=[]}=r,t={datagridID:r.datagridID||ce(),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=(i=e==null?void 0:e.filter(l=>l.defSort))==null?void 0:i[0];s&&(t.sort.col=(d=e.indexOf(s))!=null?d:-1,t.sort.dir=(n=s==null?void 0:s.sortable)!=null?n: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 i=e.header[t.sort.col].key;t.sort.dir==1?t.body.toASC(i+".data"):t.body.toDESC(i+".data")}{let i=String(t.filter.keyword)||"";t.body.forEach(d=>{if(d.isFilterMatched=!0,!i)return;let n=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(i.escapeRegExChar(),"i")))});d.isFilterMatched=n})}{let i=t.paging.rows;t.paging.total=Math.ceil(t.body.filter(l=>l.isFilterMatched).length/i);let d=i*(t.paging.current-1),n=d+i,s=0;t.body.forEach(l=>{l.isVisible=!1,l.isFilterMatched&&(l.isVisible=s>=d&&s<n,s++)})}return t.draggable&&t.body.toASC("draggerIndex"),t},index:r=>{var f,b,B;let[e,t]=me(()=>p.toSafetyData(r));ee(()=>{Z.set({["refresh-"+e.datagridID]:()=>t(g=>p.updateRowMeta(y(a({},g),{body:p.toSafetyBody(r.body)}),r))})},[r]),ee(()=>{Z.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 i=ye.useRef(!1);ee(()=>{if(r.onSelected){if(!i.current){i.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=ye.useRef(!1);ee(()=>{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 n={input:r,val_config:e,set_config:t},{className:s,style:l}=Se(r);return o(D,{className:s,style:l,children:o(w.Table,{className:xe("DataGrid"),borderRadius:"inherit",children:U(w.Body,{children:[o(p.Header,a({},n)),o(p.Body,a({},n)),o(p.Footer,a({},n))]})})})},Checker:r=>o(D,{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:i}=r;if(e.headerless)return null;let d="datagrid-dragger-"+t.datagridID,n=["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:n},e.rowStyles),{dragInfo:{type:d,id:n,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:N,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),ie(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?he:Ce},"sort")),P=="left"&&M.unshift(o(p.Checker,{value:t.body.every(u=>u.isSelected),onUpdateValue:u=>{i(R=>{let m=a({},R);return m.body.forEach(h=>{h.isFilterMatched&&(h.isSelected=!!u)}),m})}},"check")),v&&M.unshift(o(te.Clear.S,{ssSphere:2,fontColor:"theme",onMouseOver:u=>{fe.open(u.currentTarget,U(ae.Supplement,{children:[o(E,{icon:pe}),"\u30C9\u30E9\u30C3\u30B0\u3067\u5217\u306E\u9806\u756A\u3092\u5909\u66F4"]}),22)},onMouseLeave:u=>fe.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=>{i(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&&i(R=>{let m=a({},R);return m.sort={col:f,dir:C?R.sort.dir*-1:H},p.updateRowMeta(m,e)})},children:o(G.Left,{gap:"1/3",children:M})}),f)})}))},Body:r=>{var s;let{input:e,val_config:t,set_config:i}=r,d=t.body.filter(l=>l.isVisible),n=+!e.headerless+d.length+ +!!e.footer;return U(we,{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:l.draggerIndex,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[N,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:n-b-1,isHeader:!1,isBody:!0,isFooter:!1},F=S.deepMerge(S.deepCopy(e.cellStyles),ie(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),N);e.onCellStyles&&(F=e.onCellStyles(C,F||{}));let M=[o(D,{flexSizing:0,children:(u=v==null?void 0:v(k))!=null?u:ge(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=>{i(m=>y(a({},m),{body:m.body.map(h=>(h.row_id==l.row_id&&(h.isSelected=!!R),h))}))}},"check")),P&&M.unshift(o(te.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=>se(void 0,null,function*(){let re=f,V=Number(de.idx);if(S.isNullish(V)||V==-1||(V>re&&V--,re==V)||!de.end)return;let X=[...t.body||[]],ue=X.splice(re,1)[0];X.splice(V,0,ue),X.forEach((oe,be)=>{oe.draggerIndex=be+1}),e.onDragged&&e.onDragged(X),i(oe=>y(a({},oe),{body:X}))}))},children:o(G.Center,{gap:"1/4",children:o(E,{icon:pe})})},"drag")),c.checkable=="right"&&M.push(o(p.Checker,{override:"force",value:!!l.isSelected,onUpdateValue:R=>{i(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(G.Left,{gap:"1/3",children:M})}),I)})}),String(l.row_id))})]})},Footer:r=>{let{input:e,val_config:t,set_config:i}=r;if(!e.footer)return null;let d=+!e.headerless+t.body.filter(n=>n.isVisible).length+1;return o(w.Row,y(a({},e.rowStyles),{children:e.header.map((n,s)=>{var O,z,k,x,v,K;let l=e.footer[n.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},N=S.deepMerge(S.deepCopy(e.cellStyles),ie(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&&(N=e.onCellStyles(T,N||{})),o(w.Cell,y(a(a({isTH:!!B},A(N||{})[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:ge(c!=null?c:String(g),t.filter.keyword)})}),s)})}))}},ie=(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},Te=r=>(r=a({datagridID:ce(),tone:"border",colLength:0,maxRows:100,onNoRecordsRender:()=>o(G.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 i;e.sortable=(i=e.sortable)!=null?i:1,e.checkable===!0&&(e.checkable="left")}),o(p.index,a({},r))),ne={getBodyRows:r=>Z.get("rows-"+r)||[],toSafetyBody:p.toSafetyBody,remoteRefresh:r=>{var e;(e=Z.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 i=r,{isTH:e}=i,t=_(i,["isTH"]);return e?o(ne.TH,a({},t)):o(ne.TD,a({},t))},RightIndicator:{data:"",label:o(G.Right,{children:o(E.AngleRight,{fontColor:"theme",fontSize:"3.paragraph"})})},SearchInput:r=>{let n=r,{datagridID:e}=n,t=_(n,["datagridID"]),i=Y.catch(r.datagridID);if(!i)return console.warn("[DataGrid] SearchInput must be used inside DataGrid."),null;let{val_config:d}=i;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),i.remoteUpdate.searchKey(s[0])}}))},Info:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,i=t.body.length,d=t.body.filter(s=>s.isFilterMatched).length,n=d.ratio(i)||0;return U(Re,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(Ie,{fontSize:"4.thirdTitle",fontColor:"theme",children:d.toLocaleString()}),"/ ",i.toLocaleString(),"\u4EF6 (",n,"%)"]})},Paging:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,i=[];for(let n=0;n<t.paging.total;n++)i.push({value:n+1,label:(n+1).toString()});const d=n=>{let s=Math.min(Math.max(1,n),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(te.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(te.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:i.map(n=>({value:n.value||0,label:U(G.Left,{gap:"1/3",verticalAlign:"baseline",children:[n.label,U(ae,{fontColor:"4.thin",fontSize:"0.xs",children:["/ ",t.paging.total]})]})})),value:t.paging.current,onUpdateValidValue:n=>{d(n)}})},RowCount:r=>{let e=Y.catch(r.datagridID);if(!e)return null;let{val_config:t}=e,i=t.body.filter(l=>l.isFilterMatched).length,d=t.paging.rows,n=0,s=r.options.map(l=>(n|=+(l==d),{value:l,label:l.toString()}));return n||s.push({value:d,label:d.toString()}),o(G.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(Te,ne);export{w as DataGrid,w as default,ie as onDefaultCellStyles};
|
|
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+".data"):t.body.toDESC(n+".data")}{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 +1 @@
|
|
|
1
|
-
import{b as l,c as f,d as Z,e as H}from"../../chunk-C5N2D3ZX.js";import{Fragment as N,jsx as c,jsxs as V}from"react/jsx-runtime";import{useState as A,useEffect as F,useRef as ne}from"react";import a,{UUID as v}from"jmini";import{Config as oe}from"../../@utils";import{Box as X,Span as ie,FAI as B,Column as q}from"../../atoms";import{Literal as K,Row as M}from"../../mols";import{Button as $}from"../Button";import{Loader as le}from"../Loader";import{Sheet as ae}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as z,DefaultBoxishStyles as ue}from"./core";import{InputAutocompleteClasses as L}from"../../@styles/componentClasses";import{InputLabel as ce}from"./Label";import{RightIcon as G}from".";function pe(t){let{value:e,states:i}=t,{required:s,options:d,min:m,max:o}=i;m=m||0,o=o||65535;let n=[],p=e.filter(h=>h!==null).length;return s&&(p||n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),p<m&&n.push({type:"invalid",label:m+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),p>o&&n.push({type:"invalid",label:o+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!n.filter(({type:h})=>h=="invalid").length,notice:n}}const R={InitOptions:t=>{let e=[];return t.forEach(i=>{if(!i)return;let{type:s,label:d,value:m,searchValue:o}=i,n=o||a.isString(d)&&d||""||a.isString(m)&&m||a.Stringify(m||"")||"";a.isNullish(d)&&(d=String(m)),e.push(f(l({id:v(8)},i),{searchValue:n,type:s||"selector",label:d,value:m}))}),e},FilterSelectableOptions:(t,e,i)=>{let s=t;return i||(s=t.filter(d=>(d==null?void 0:d.type)!="label")),a.scope(()=>{if(!e)return;let d=e.toLower().replace(/ /g,"");s=s.filter(m=>(m.searchValue||"").toLower().replace(/ /g,"").includes(d))}),s},Button:t=>{let{rootStates:e,val_keyword:i,set_keyword:s,val_optionFocused:d,set_optionFocused:m,val_status:o,set_status:n}=t,J=e,{tone:p,required:h,form:O,className:r,multiSelect:u,enableFormSubmit:y,showInitValidation:S,onValidate:g,onValidateDelay:I,onUpdateValue:x,onUpdateValidValue:C,onUserAction:P,value:E="",options:w,leftIndicator:D,rightIndicator:_,leftIcon:de,rightIcon:fe,componentId:me,status_id:Se,wrapStyles:ve,emptySelect:ye,searchInputPlaceholder:he,onSelectedRender:ge,onSelectorRender:Ie,pickerStyles:be,pickerPosition:Oe,onDynamicSearchOptions:_e,onDynamicSearchOptionsDelay:we}=J,T=Z(J,["tone","required","form","className","multiSelect","enableFormSubmit","showInitValidation","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","emptySelect","searchInputPlaceholder","onSelectedRender","onSelectorRender","pickerStyles","pickerPosition","onDynamicSearchOptions","onDynamicSearchOptionsDelay"]),W="SearchInput_"+e.componentId;return F(()=>{var b;if(e.disabled||!o.isPickerOpen||a.isExist(d))return;let k=R.FilterSelectableOptions(t.val_options,i,!1);m(((b=k[0])==null?void 0:b.id)||"")},[i]),F(()=>{if(o.eventType!="init"&&o.eventType!="override"&&e.max==o.rawValue.length){s(""),n(k=>f(l({},k),{eventID:v(8),isPickerOpen:!1}));return}},[o.rawValue]),F(()=>{let k="autocomplete-click-"+e.componentId;if(!o.isPickerOpen){a(document).removeEvent([k]);return}a('[data-input-origin="'+e.componentId+'"]')&&a(document).onEvent("mousedown",U=>{let j=a(U.target),Y=!!a(j).parent("."+L("Core")).length,ee=!!a(j).parent("."+L("Selector")).length;Y||ee||n(te=>f(l({},te),{eventID:v(8),isFocusing:!1,isPickerOpen:!1}))},{eventID:k,passive:!1})},[o.isPickerOpen]),V(N,{children:[c(X,f(l({tabIndex:-1},T),{"data-disabled":e.disabled,"data-show-validation":z.isShowValidation(o,!!S),"data-component-id":o.componentId,"data-input-origin":o.componentId,"data-focus":o.isFocusing||o.isPickerOpen,className:[r,L("Core")].join(" "),onClick:k=>{if(T!=null&&T.onClick&&(T==null||T.onClick(k)),e.disabled)return;let b=document.activeElement;(b==null?void 0:b.id)!=W&&(oe.get().isTouchDevice||a("#"+W).focus()),n(U=>f(l({},U),{eventID:v(8),isPickerOpen:!0,isFocusing:!0}))},onKeyDown:k=>{let b=document.activeElement;(b==null?void 0:b.id)!=W&&(k.preventDefault(),a("#"+W).focus())},children:V(M.Left,{gap:0,children:[c(ie,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),V(M.Left,{flexWrap:!0,flexSizing:0,gap:"1/2",verticalAlign:"unset",xcss:{letterSpacing:".5px"},children:[c(R.Selected,l({},t)),c(R.SearchInput,l({},t))]}),o.rawValue.length>1&&c($.Clear,{tabIndex:-1,color:"nega",fontColor:"4.thin",ssSphere:2,onClick:k=>{n(b=>f(l({},b),{eventType:"update",eventID:v(8),rawValue:[]}))},children:c(B.X,{})})]})})),c(R.Picker,l({},t))]})},SearchInput:t=>{let{rootStates:e,val_status:i,set_status:s}=t;if(e.disabled)return null;let d=!!i.isFocusing||!!i.isPickerOpen||!!i.rawValue.length;i.isFocusing||e.multiSelect||i.rawValue.length&&(d=!1);let m=e.searchInputPlaceholder||"\u691C\u7D22...";return c(X,{htmlTag:"input",id:"SearchInput_"+e.componentId,"data-input-value-shallow":i.componentId,placeholder:m,opacity:d?"max":"trans",transition:"middle",flexSizing:0,fontSize:"inherit",border:"0.trans",backgroundColor:"trans",isRounded:!0,padding:[0,"2/3"],value:t.val_keyword,className:[L("SearchInput"),d&&L("isActive")].join(" "),xcss:{outline:"none",minWidth:12*4},onFocus:o=>{s(n=>f(l({},n),{eventID:v(8),isFocusing:!0,isPickerOpen:!0}))},onBlur:o=>H(void 0,null,function*(){s(n=>f(l({},n),{eventID:v(8),isFocusing:!1}))}),onCompositionStart:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!0}))},onCompositionEnd:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!1}))},onKeyDown:o=>{let{key:n,metaKey:p,ctrlKey:h}=o,O=p||h;n=="Escape"?s(r=>f(l({},r),{eventID:v(12),isPickerOpen:!1})):n=="Tab"?s(r=>f(l({},r),{eventID:v(8),isFocusing:!1,isPickerOpen:!1})):n==" "?a.scope(()=>{i.isPickerOpen||t.val_keyword||(o.preventDefault(),s(r=>f(l({},r),{eventID:v(8),isPickerOpen:!0})))}):n=="Backspace"?a.scope(()=>{if(t.val_keyword)return;let r=[...t.val_status.rawValue];r.pop(),O&&(r=[]),s(u=>f(l({},u),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1}))}):n=="Enter"&&a.scope(()=>{if(i.isComposing||(o==null?void 0:o.keyCode)===229)return;if(!i.isPickerOpen){s(y=>f(l({},y),{eventID:v(8),isPickerOpen:!0}));return}if(!t.val_optionFocused)return;let r=t.val_options.find(y=>(y==null?void 0:y.id)==t.val_optionFocused);if(!r)return;let{value:u}=r;s(y=>{let S=[...y.rawValue];return a.scope(()=>{if(u===null)return S=[];y.rawValue.includes(u)?S=S.filter(I=>I!==u):e.multiSelect?S.push(u):S=[u]}),f(l({},y),{rawValue:S,eventType:"update",eventID:v(8),isInspected:!1})}),t.set_optionsModified(!0),t.set_keyword("")}),a.scope(()=>{if(!a.isOneOf(n,"ArrowDown","ArrowUp"))return;if(o.preventDefault(),!i.isPickerOpen){s(g=>f(l({},g),{eventID:v(8),isPickerOpen:!0}));return}let r=n=="ArrowDown"?1:-1,u=R.FilterSelectableOptions(t.val_options,t.val_keyword),y=u.length-1,S=null;a.scope(()=>{var I,x,C,P,E,w,D;let g=u.findIndex(_=>(_==null?void 0:_.id)==t.val_optionFocused);if(g==-1){S=(I=u[0])==null?void 0:I.id;return}if(r==1){if(S=(x=u[0])==null?void 0:x.id,O){S=(C=u[y])==null?void 0:C.id;return}if(g==-1||g==y)return;S=(P=u[g+1])==null?void 0:P.id}else{if(S=(E=u[y])==null?void 0:E.id,O){S=(w=u[0])==null?void 0:w.id;return}if(g==-1||g==0)return;S=(D=u[g-1])==null?void 0:D.id}}),t.set_optionFocused(S)}),e.enableFormSubmit&&z.SubmitForm(o,t.rootStates.form)},onChange:o=>{let p=o.target.value;t.set_keyword(p),t.set_optionFocused(""),p&&s(h=>f(l({},h),{eventID:v(8),isPickerOpen:!0}))}},"searchInput")},Picker:t=>{var n;let{rootStates:e,val_status:i}=t,[s,d]=A("idle");F(()=>{if(!e.onDynamicSearchOptions||!i.isPickerOpen)return;if(t.val_optionsModified)return t.set_optionsModified(!1);if(i.isComposing)return;d("fetch");let p="autocomplete-search-"+e.componentId;t.set_optionFocused(""),a.interval.once(()=>H(void 0,null,function*(){var r;let h=yield e.onDynamicSearchOptions(t.val_keyword);d("idle");let O=R.InitOptions(h||[]);t.set_options(O),t.set_optionFocused(((r=O[0])==null?void 0:r.id)||"")}),e.onDynamicSearchOptionsDelay||500,p)},[t.val_keyword,i.isComposing]),F(()=>{let p=a(`[data-selector-id="${i.componentId}"]`)[0];if(!p)return;let h=a(`[data-autocomplete-input-value="${t.val_optionFocused}"]`)[0];h&&(p.scrollTop=h.offsetTop-24)},[t.val_optionFocused]);let m=R.FilterSelectableOptions(t.val_options,e.onDynamicSearchOptions?"":t.val_keyword,!0),o={};{let p=e.pickerPosition||0;a.isOneOf(p,1,2)?o.bottom="100%":a.isOneOf(p,3,4)&&(o.top="100%"),a.isOneOf(p,1,3)?o.left=0:a.isOneOf(p,2,4)&&(o.right=0)}return i.isPickerOpen?c(X,f(l({position:"absolute",ssZIndex:1e3,padding:"1/3"},o),{xcss:l({minWidth:"75%"},o.xcss),children:c(ae.Body,f(l({className:L("Selector"),borderRadius:"2.tone.secondary",ssCardBox:!0,tabIndex:-1,boxShadow:"1.normal",overflow:"auto","data-selector-id":i.componentId},e.pickerStyles),{xcss:l({maxHeight:12*24},(n=e.pickerStyles)==null?void 0:n.xcss),children:V(q,{gap:"1/12",padding:[1,0],children:[s=="fetch"&&c(M.Center,{padding:"1/2",children:c(le.Theme.R,{showInitial:!0})}),s!="fetch"&&V(N,{children:[!m.length&&c(K.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"}),m.map((p,h)=>{if(!p)return null;let{type:O,value:r}=p,u=t.val_optionFocused==p.id,y=i.rawValue.includes(r),S=e.onSelectorRender;return c(q,{"data-autocomplete-input-value":p.id,children:c(S,{option:p,isFocused:u,isSelected:y,onAdd:()=>{t.set_status(g=>{let I=[...g.rawValue];return a.scope(()=>{if(r===null)return I=[];if(g.rawValue.includes(r)){I=I.filter(C=>C!==r);return}e.multiSelect?I.push(r):I=[r]}),f(l({},g),{rawValue:I,eventType:"update",eventID:v(8),isFocusing:e.max!=I.length,isInspected:!1})})},onKeyDown:g=>{let{key:I}=g;I=="Tab"&&(t.set_optionFocused(""),t.set_status(x=>f(l({},x),{eventID:v(8),isPickerOpen:!1,isFocusing:!1})))}})},p.id)})]})]})}))})):null},Selected:t=>{let{rootStates:e,val_status:i,set_status:s,val_optionsDict:d}=t,m=[];return i.rawValue.forEach(o=>{let n=d[a.Stringify(o)];if(!n)return;let p=e.onSelectedRender,h=(n==null?void 0:n.selectedLabel)||(n==null?void 0:n.label);(n==null?void 0:n.value)===null&&(h=""),m.push(c(q,{position:"relative",flexCenter:!0,xcss:{userSelect:"none"},children:c(p,{value:n==null?void 0:n.value,label:h,onRemove:O=>{if(e.disabled)return;let r=[...i.rawValue];r=r.filter(u=>u!==o),s(u=>f(l({},u),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1,isFocusing:e.max!=r.length,isPickerOpen:!0}))}})},a.Stringify(n==null?void 0:n.value)||v(8)))}),c(N,{children:m})},Core:t=>{var C,P,E;let{value:e}=t,[i,s]=A(!1),[d,m]=A(""),[o,n]=A(t.options),[p,h]=A(((C=t.options.find(w=>{var D;return(w==null?void 0:w.value)===((D=t.value)==null?void 0:D[0])}))==null?void 0:C.id)||((P=t.options[0])==null?void 0:P.id)||""),[O,r]=A({}),[u,y]=A(z.DefaultStatus(t.componentId,e)),S=ne(!1);F(()=>{i||(S.current?n(t.options):S.current=!0)},[a.Stringify((E=t.options)==null?void 0:E.map(w=>w.value))]),F(()=>{if(!o.length)return;let w=[...o],D=l({},O);w.forEach(_=>{(_==null?void 0:_.type)!="label"&&(D[a.Stringify(_==null?void 0:_.value)]=_)}),r(D)},[o]);let g={rootStates:t,val_options:o,set_options:n,val_optionFocused:p,set_optionFocused:h,val_optionsDict:O,set_optionsDict:r,val_optionsModified:i,set_optionsModified:s,val_keyword:d,set_keyword:m,val_status:u,set_status:y},I=!!t.multiSelect;z.CommonEffects({type:I?"autocomplete.multi":"autocomplete.single",states:t,val_status:u,set_status:y,SystemValidation:pe});let x=u.rawValue.length&&u.rawValue[0]!==null||u.isPickerOpen||u.isFocusing;return V(se,{val_status:u,set_status:y,states:t,children:[c(ce,{componentId:t.componentId,fontSize:t.fontSize,required:t.required,label:t.label,isActive:x,val_status:u}),c(R.Button,l({},g))]})}},Q=t=>{let e=l({},t);return e=f(l({value:[],min:0,max:65535,multiSelect:!0,emptySelect:!0,onSelectorRender:i=>{var s;return i.option?((s=i.option)==null?void 0:s.type)=="label"?c(N,{children:i.option.label}):c($.Sub.S,{color:"cloud",tabIndex:-1,backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["2/3",1.5],isActive:i.isFocused,isActiveStyles:{backgroundColor:"cloud"},onClick:i.onAdd,onKeyDown:i.onKeyDown,children:V(M.Left,{gap:"1/2",children:[i.isSelected&&c(B.Check,{fontColor:"theme"}),c(K.Supplement,{transition:"short",children:i.option.label})]})}):null},onSelectedRender:i=>V(M.Left,{ssCardBox:!0,borderRadius:"1.tone.primary",fontSize:"1.mini",padding:"1/3",gap:0,children:[c(K,{padding:[0,"1/2"],children:i.label}),c($.Clear,{flexSizing:"none",color:"nega",fontColor:"4.thin",tabIndex:-1,ssSphere:2,onClick:i.onRemove,xcss:{lineHeight:1,aspectRatio:"1/1"},children:c(B.X,{})})]}),pickerPosition:3},e),{xcss:l({cursor:"pointer"},e.xcss)}),e.multiSelect||(e.min=0,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:c(K.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=a.Arrayify(e.value),e.options=R.InitOptions(e.options),a.isNullish(e.rightIcon)&&(e.rightIcon=c(G,{children:c(B.Search,{})}),e.disabled&&(e.rightIcon=c(G,{fontColor:"5.translucent",children:c(B.Ban,{})}))),e.rightIcon&&(e=l({paddingRight:3},e)),e.leftIcon&&(e=l({paddingLeft:3},e)),c(re,{componentId:e.componentId,children:R.Core,states:ue(e)})};export{Q as Autocomplete,Q as default};
|
|
1
|
+
import{b as l,c as f,d as Z,e as H}from"../../chunk-C5N2D3ZX.js";import{Fragment as N,jsx as c,jsxs as V}from"react/jsx-runtime";import{useState as A,useEffect as F,useRef as ne}from"react";import a,{UUID as v}from"jmini";import{Config as oe}from"../../@utils";import{Box as X,Span as ie,FAI as B,Column as q}from"../../atoms";import{Literal as K,Row as M}from"../../mols";import{Button as $}from"../Button";import{Loader as le}from"../Loader";import{Sheet as ae}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as z,DefaultBoxishStyles as ue}from"./core";import{InputAutocompleteClasses as L}from"../../@styles/componentClasses";import{InputLabel as ce}from"./Label";import{RightIcon as G}from".";function pe(t){let{value:e,states:i}=t,{required:s,options:d,min:m,max:o}=i;m=m||0,o=o||65535;let n=[],p=e.filter(h=>h!==null).length;return s&&(p||n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),p<m&&n.push({type:"invalid",label:m+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),p>o&&n.push({type:"invalid",label:o+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!n.filter(({type:h})=>h=="invalid").length,notice:n}}const R={InitOptions:t=>{let e=[];return t.forEach(i=>{if(!i)return;let{type:s,label:d,value:m,searchValue:o}=i,n=o||a.isString(d)&&d||""||a.isString(m)&&m||a.Stringify(m||"")||"";a.isNullish(d)&&(d=String(m)),e.push(f(l({id:v(8)},i),{searchValue:n,type:s||"selector",label:d,value:m}))}),e},FilterSelectableOptions:(t,e,i)=>{let s=t;return i||(s=t.filter(d=>(d==null?void 0:d.type)!="label")),a.scope(()=>{if(!e)return;let d=e.toLower().replace(/ /g,"");s=s.filter(m=>(m.searchValue||"").toLower().replace(/ /g,"").includes(d))}),s},Button:t=>{let{rootStates:e,val_keyword:i,set_keyword:s,val_optionFocused:d,set_optionFocused:m,val_status:o,set_status:n}=t,J=e,{tone:p,required:h,form:O,className:r,multiSelect:u,enableFormSubmit:y,showInitValidation:S,onValidate:g,onValidateDelay:I,onUpdateValue:x,onUpdateValidValue:C,onUserAction:P,value:E="",options:w,leftIndicator:D,rightIndicator:_,leftIcon:de,rightIcon:fe,componentId:me,status_id:Se,wrapStyles:ve,emptySelect:ye,searchInputPlaceholder:he,onSelectedRender:ge,onSelectorRender:Ie,pickerStyles:be,pickerPosition:Oe,onDynamicSearchOptions:_e,onDynamicSearchOptionsDelay:we}=J,T=Z(J,["tone","required","form","className","multiSelect","enableFormSubmit","showInitValidation","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","emptySelect","searchInputPlaceholder","onSelectedRender","onSelectorRender","pickerStyles","pickerPosition","onDynamicSearchOptions","onDynamicSearchOptionsDelay"]),W="SearchInput_"+e.componentId;return F(()=>{var b;if(e.disabled||!o.isPickerOpen||a.isExist(d))return;let k=R.FilterSelectableOptions(t.val_options,i,!1);m(((b=k[0])==null?void 0:b.id)||"")},[i]),F(()=>{if(o.eventType!="init"&&o.eventType!="override"&&e.max==o.rawValue.length){s(""),n(k=>f(l({},k),{eventID:v(8),isPickerOpen:!1}));return}},[o.rawValue]),F(()=>{let k="autocomplete-click-"+e.componentId;if(!o.isPickerOpen){a(document).removeEvent([k]);return}a('[data-input-origin="'+e.componentId+'"]')&&a(document).onEvent("mousedown",U=>{let j=a(U.target),Y=!!a(j).parent("."+L("Core")).length,ee=!!a(j).parent("."+L("Selector")).length;Y||ee||n(te=>f(l({},te),{eventID:v(8),isFocusing:!1,isPickerOpen:!1}))},{eventID:k,passive:!1})},[o.isPickerOpen]),V(N,{children:[c(X,f(l({tabIndex:-1},T),{"data-disabled":e.disabled,"data-show-validation":z.isShowValidation(o,!!S),"data-component-id":o.componentId,"data-input-origin":o.componentId,"data-focus":o.isFocusing||o.isPickerOpen,className:[r,L("Core")].join(" "),onClick:k=>{if(T!=null&&T.onClick&&(T==null||T.onClick(k)),e.disabled)return;let b=document.activeElement;(b==null?void 0:b.id)!=W&&(oe.get().isTouchDevice||a("#"+W).focus()),n(U=>f(l({},U),{eventID:v(8),isPickerOpen:!0,isFocusing:!0}))},onKeyDown:k=>{let b=document.activeElement;(b==null?void 0:b.id)!=W&&(k.preventDefault(),a("#"+W).focus())},children:V(M.Left,{gap:0,children:[c(ie,{"data-input-value-shallow":o.componentId,width:0,overflow:"hidden",opacity:"trans",children:"A"}),V(M.Left,{flexWrap:!0,flexSizing:0,gap:"1/4",verticalAlign:"unset",xcss:{letterSpacing:".5px"},children:[c(R.Selected,l({},t)),c(R.SearchInput,l({},t))]}),o.rawValue.length>1&&c($.Clear,{tabIndex:-1,color:"nega",fontColor:"4.thin",ssSphere:2,onClick:k=>{n(b=>f(l({},b),{eventType:"update",eventID:v(8),rawValue:[]}))},children:c(B.X,{})})]})})),c(R.Picker,l({},t))]})},SearchInput:t=>{let{rootStates:e,val_status:i,set_status:s}=t;if(e.disabled)return null;let d=!!i.isFocusing||!!i.isPickerOpen||!!i.rawValue.length;i.isFocusing||e.multiSelect||i.rawValue.length&&(d=!1);let m=e.searchInputPlaceholder||"\u691C\u7D22...";return c(X,{htmlTag:"input",id:"SearchInput_"+e.componentId,placeholder:m,opacity:d?"max":"trans",transition:"middle",flexSizing:0,fontSize:"inherit",border:"0.trans",backgroundColor:"trans",isRounded:!0,padding:[0,"2/3"],value:t.val_keyword,className:[L("SearchInput"),d&&L("isActive")].join(" "),xcss:{outline:"none",minWidth:12*4},onFocus:o=>{s(n=>f(l({},n),{eventID:v(8),isFocusing:!0,isPickerOpen:!0}))},onBlur:o=>H(void 0,null,function*(){s(n=>f(l({},n),{eventID:v(8),isFocusing:!1}))}),onCompositionStart:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!0}))},onCompositionEnd:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!1}))},onKeyDown:o=>{let{key:n,metaKey:p,ctrlKey:h}=o,O=p||h;n=="Escape"?s(r=>f(l({},r),{eventID:v(12),isPickerOpen:!1})):n=="Tab"?s(r=>f(l({},r),{eventID:v(8),isFocusing:!1,isPickerOpen:!1})):n==" "?a.scope(()=>{i.isPickerOpen||t.val_keyword||(o.preventDefault(),s(r=>f(l({},r),{eventID:v(8),isPickerOpen:!0})))}):n=="Backspace"?a.scope(()=>{if(t.val_keyword)return;let r=[...t.val_status.rawValue];r.pop(),O&&(r=[]),s(u=>f(l({},u),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1}))}):n=="Enter"&&a.scope(()=>{if(i.isComposing||(o==null?void 0:o.keyCode)===229)return;if(!i.isPickerOpen){s(y=>f(l({},y),{eventID:v(8),isPickerOpen:!0}));return}if(!t.val_optionFocused)return;let r=t.val_options.find(y=>(y==null?void 0:y.id)==t.val_optionFocused);if(!r)return;let{value:u}=r;s(y=>{let S=[...y.rawValue];return a.scope(()=>{if(u===null)return S=[];y.rawValue.includes(u)?S=S.filter(I=>I!==u):e.multiSelect?S.push(u):S=[u]}),f(l({},y),{rawValue:S,eventType:"update",eventID:v(8),isInspected:!1})}),t.set_optionsModified(!0),t.set_keyword("")}),a.scope(()=>{if(!a.isOneOf(n,"ArrowDown","ArrowUp"))return;if(o.preventDefault(),!i.isPickerOpen){s(g=>f(l({},g),{eventID:v(8),isPickerOpen:!0}));return}let r=n=="ArrowDown"?1:-1,u=R.FilterSelectableOptions(t.val_options,t.val_keyword),y=u.length-1,S=null;a.scope(()=>{var I,x,C,P,E,w,D;let g=u.findIndex(_=>(_==null?void 0:_.id)==t.val_optionFocused);if(g==-1){S=(I=u[0])==null?void 0:I.id;return}if(r==1){if(S=(x=u[0])==null?void 0:x.id,O){S=(C=u[y])==null?void 0:C.id;return}if(g==-1||g==y)return;S=(P=u[g+1])==null?void 0:P.id}else{if(S=(E=u[y])==null?void 0:E.id,O){S=(w=u[0])==null?void 0:w.id;return}if(g==-1||g==0)return;S=(D=u[g-1])==null?void 0:D.id}}),t.set_optionFocused(S)}),e.enableFormSubmit&&z.SubmitForm(o,t.rootStates.form)},onChange:o=>{let p=o.target.value;t.set_keyword(p),t.set_optionFocused(""),p&&s(h=>f(l({},h),{eventID:v(8),isPickerOpen:!0}))}},"searchInput")},Picker:t=>{var n;let{rootStates:e,val_status:i}=t,[s,d]=A("idle");F(()=>{if(!e.onDynamicSearchOptions||!i.isPickerOpen)return;if(t.val_optionsModified)return t.set_optionsModified(!1);if(i.isComposing)return;d("fetch");let p="autocomplete-search-"+e.componentId;t.set_optionFocused(""),a.interval.once(()=>H(void 0,null,function*(){var r;let h=yield e.onDynamicSearchOptions(t.val_keyword);d("idle");let O=R.InitOptions(h||[]);t.set_options(O),t.set_optionFocused(((r=O[0])==null?void 0:r.id)||"")}),e.onDynamicSearchOptionsDelay||500,p)},[t.val_keyword,i.isComposing]),F(()=>{let p=a(`[data-selector-id="${i.componentId}"]`)[0];if(!p)return;let h=a(`[data-autocomplete-input-value="${t.val_optionFocused}"]`)[0];h&&(p.scrollTop=h.offsetTop-24)},[t.val_optionFocused]);let m=R.FilterSelectableOptions(t.val_options,e.onDynamicSearchOptions?"":t.val_keyword,!0),o={};{let p=e.pickerPosition||0;a.isOneOf(p,1,2)?o.bottom="100%":a.isOneOf(p,3,4)&&(o.top="100%"),a.isOneOf(p,1,3)?o.left=0:a.isOneOf(p,2,4)&&(o.right=0)}return i.isPickerOpen?c(X,f(l({position:"absolute",ssZIndex:1e3,padding:"1/3"},o),{xcss:l({minWidth:"75%"},o.xcss),children:c(ae.Body,f(l({className:L("Selector"),borderRadius:"2.tone.secondary",ssCardBox:!0,tabIndex:-1,boxShadow:"1.normal",overflow:"auto","data-selector-id":i.componentId},e.pickerStyles),{xcss:l({maxHeight:12*24},(n=e.pickerStyles)==null?void 0:n.xcss),children:V(q,{gap:"1/12",padding:[1,0],children:[s=="fetch"&&c(M.Center,{padding:"1/2",children:c(le.Theme.R,{showInitial:!0})}),s!="fetch"&&V(N,{children:[!m.length&&c(K.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"}),m.map((p,h)=>{if(!p)return null;let{type:O,value:r}=p,u=t.val_optionFocused==p.id,y=i.rawValue.includes(r),S=e.onSelectorRender;return c(q,{"data-autocomplete-input-value":p.id,children:c(S,{option:p,isFocused:u,isSelected:y,onAdd:()=>{t.set_status(g=>{let I=[...g.rawValue];return a.scope(()=>{if(r===null)return I=[];if(g.rawValue.includes(r)){I=I.filter(C=>C!==r);return}e.multiSelect?I.push(r):I=[r]}),f(l({},g),{rawValue:I,eventType:"update",eventID:v(8),isFocusing:e.max!=I.length,isInspected:!1})})},onKeyDown:g=>{let{key:I}=g;I=="Tab"&&(t.set_optionFocused(""),t.set_status(x=>f(l({},x),{eventID:v(8),isPickerOpen:!1,isFocusing:!1})))}})},p.id)})]})]})}))})):null},Selected:t=>{let{rootStates:e,val_status:i,set_status:s,val_optionsDict:d}=t,m=[];return i.rawValue.forEach(o=>{let n=d[a.Stringify(o)];if(!n)return;let p=e.onSelectedRender,h=(n==null?void 0:n.selectedLabel)||(n==null?void 0:n.label);(n==null?void 0:n.value)===null&&(h=""),m.push(c(q,{position:"relative",flexCenter:!0,xcss:{userSelect:"none"},children:c(p,{value:n==null?void 0:n.value,label:h,onRemove:O=>{if(e.disabled)return;let r=[...i.rawValue];r=r.filter(u=>u!==o),s(u=>f(l({},u),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1,isFocusing:e.max!=r.length,isPickerOpen:!0}))}})},a.Stringify(n==null?void 0:n.value)||v(8)))}),c(N,{children:m})},Core:t=>{var C,P,E;let{value:e}=t,[i,s]=A(!1),[d,m]=A(""),[o,n]=A(t.options),[p,h]=A(((C=t.options.find(w=>{var D;return(w==null?void 0:w.value)===((D=t.value)==null?void 0:D[0])}))==null?void 0:C.id)||((P=t.options[0])==null?void 0:P.id)||""),[O,r]=A({}),[u,y]=A(z.DefaultStatus(t.componentId,e)),S=ne(!1);F(()=>{i||(S.current?n(t.options):S.current=!0)},[a.Stringify((E=t.options)==null?void 0:E.map(w=>w.value))]),F(()=>{if(!o.length)return;let w=[...o],D=l({},O);w.forEach(_=>{(_==null?void 0:_.type)!="label"&&(D[a.Stringify(_==null?void 0:_.value)]=_)}),r(D)},[o]);let g={rootStates:t,val_options:o,set_options:n,val_optionFocused:p,set_optionFocused:h,val_optionsDict:O,set_optionsDict:r,val_optionsModified:i,set_optionsModified:s,val_keyword:d,set_keyword:m,val_status:u,set_status:y},I=!!t.multiSelect;z.CommonEffects({type:I?"autocomplete.multi":"autocomplete.single",states:t,val_status:u,set_status:y,SystemValidation:pe});let x=u.rawValue.length&&u.rawValue[0]!==null||u.isPickerOpen||u.isFocusing;return V(se,{val_status:u,set_status:y,states:t,children:[c(ce,{componentId:t.componentId,fontSize:t.fontSize,required:t.required,label:t.label,isActive:x,val_status:u}),c(R.Button,l({},g))]})}},Q=t=>{let e=l({},t);return e=f(l({value:[],min:0,max:65535,multiSelect:!0,emptySelect:!0,onSelectorRender:i=>{var s;return i.option?((s=i.option)==null?void 0:s.type)=="label"?c(N,{children:i.option.label}):c($.Sub.S,{color:"cloud",tabIndex:-1,backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["2/3",1.5],isActive:i.isFocused,isActiveStyles:{backgroundColor:"cloud"},onClick:i.onAdd,onKeyDown:i.onKeyDown,children:V(M.Left,{gap:"1/2",children:[i.isSelected&&c(B.Check,{fontColor:"theme"}),c(K.Supplement,{transition:"short",children:i.option.label})]})}):null},onSelectedRender:i=>V(M.Left,{ssCardBox:!0,borderRadius:"1.tone.primary",fontSize:"1.mini",padding:"1/3",gap:0,children:[c(K,{padding:[0,"1/2"],children:i.label}),c($.Clear,{flexSizing:"none",color:"nega",fontColor:"4.thin",tabIndex:-1,ssSphere:2,onClick:i.onRemove,xcss:{lineHeight:1,aspectRatio:"1/1"},children:c(B.X,{})})]}),pickerPosition:3},e),{xcss:l({cursor:"pointer"},e.xcss)}),e.multiSelect||(e.min=0,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:c(K.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=a.Arrayify(e.value),e.options=R.InitOptions(e.options),a.isNullish(e.rightIcon)&&(e.rightIcon=c(G,{children:c(B.Search,{})}),e.disabled&&(e.rightIcon=c(G,{fontColor:"5.translucent",children:c(B.Ban,{})}))),e.rightIcon&&(e=l({paddingRight:3},e)),e.leftIcon&&(e=l({paddingLeft:3},e)),c(re,{componentId:e.componentId,children:R.Core,states:ue(e)})};export{Q as Autocomplete,Q as default};
|
package/dist/fn/Input/List.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ declare namespace List {
|
|
|
6
6
|
type Type = 'radio' | 'checkbox';
|
|
7
7
|
type IconType = Type;
|
|
8
8
|
type Tone = 'normal' | 'border' | 'cloud' | 'plain';
|
|
9
|
-
type Size = '
|
|
9
|
+
type Size = 'regular' | 'large' | 'xLarge';
|
|
10
10
|
type Value<T = any> = T extends infer V ? V : string | number | boolean | Records | void | null;
|
|
11
11
|
type Input<T = Value, O = T> = InputTypes.CoreInput<O> & {
|
|
12
12
|
type?: Type;
|
|
@@ -17,7 +17,7 @@ declare namespace List {
|
|
|
17
17
|
iconPosition?: 'left' | 'right';
|
|
18
18
|
iconColor?: StyleProps.BackgroundColor;
|
|
19
19
|
isChecker?: boolean;
|
|
20
|
-
|
|
20
|
+
onIconRender?: React.FC<CustomIconInput>;
|
|
21
21
|
tabIndex?: number;
|
|
22
22
|
id?: string;
|
|
23
23
|
min?: number;
|
package/dist/fn/Input/List.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o,c as
|
|
1
|
+
import{b as o,c as d,d as z}from"../../chunk-C5N2D3ZX.js";import{jsx as i}from"react/jsx-runtime";import m,{UUID as D}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ne,GenerateHTMLProps as se}from"../../@utils";import{Box as x,Flex as ae,FAI as re,Span as ce}from"../../atoms";import{Button as de}from"../Button";import{OptionalInputWrapper as ue,BoxWrapper as pe,CoreEffects as F}from"./core";import{InputListClasses as y}from"../../@styles/componentClasses";function me(t){let{value:l,states:n}=t,{type:e,required:a,min:s,max:h}=n;s=s||0,h=h||65535;let c=[],f=l.length;return a&&(f||e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),f<s&&c.push({type:"invalid",label:s+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),f>h&&c.push({type:"invalid",label:h+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const C={InitOptions:t=>{let l=[];return t.forEach(n=>{if(!n)return;let{label:e,value:a}=n;m.isNullish(e)&&(e=String(a)),l.push(d(o({},n),{label:e,value:a}))}),l},OptionalListWrapper:t=>{let{value:l,options:n=[]}=t,e=m.isExist(l)?m.Arrayify(l):[],a=[];return e.forEach(s=>{n.findIndex(c=>m.isEqual(c.value,s))!=-1&&a.push(s)}),i(C.Core,d(o({},t),{value:a,options:n}))},Core:t=>{let k=t,{type:l,tone:n,required:e,componentId:a="",form:s,override:h,icon:c,iconType:f,iconSize:V,iconPosition:_,iconColor:R,onIconRender:J,enableFormSubmit:X,showInitValidation:A,onValidate:U,onValidateDelay:v,onUpdateValue:W,onUpdateValidValue:$,onUserAction:H,value:I,options:q,className:j,cellStyles:K,cellClassName:Z,cellCheckedStyles:G,cellCheckedClassName:E,min:u,max:O,hideInput:L,xcss:Q,wrapStyles:b}=k,Y=z(k,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","onIconRender","enableFormSubmit","showInitValidation","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","xcss","wrapStyles"]),[N,T]=ie(F.DefaultStatus(a,I));return F.CommonEffects({type:"list."+l,states:t,val_status:N,set_status:T,SystemValidation:me}),i(pe,{val_status:N,set_status:T,states:t,children:i(C.List,{rootStates:t,val_status:N,set_status:T})})},List:t=>{let{rootStates:l,val_status:n,set_status:e}=t,{componentId:a,type:s,tone:h,icon:c,iconSize:f,iconColor:V,isChecker:_,options:R,name:J,form:X,tabIndex:A,hideInput:U,disabled:v,className:W,cellStyles:$,cellClassName:H="",cellCheckedStyles:I,cellCheckedClassName:q="",enableFormSubmit:j}=l,K=l.onIconRender,Z=R.map((G,E)=>{let oe=G,{value:u,label:O,disabled:L,className:Q="",checkedStyles:b,checkedClassName:Y="",xcss:N}=oe,T=z(oe,["value","label","disabled","className","checkedStyles","checkedClassName","xcss"]),k=D(),w=n.rawValue.findIndex(r=>r===u||m.isEqual(r,u))!=-1,S=o(o({},$),T),B=[y("Label"),H,Q];w&&(S=d(o(o(o({},S),I),b),{xcss:o(o(o({},S==null?void 0:S.xcss),I==null?void 0:I.xcss),b==null?void 0:b.xcss)}),B=[...B,q,Y]);const ee=()=>{if(v||L)return;let r=[];if(s=="radio")r=[u];else if(s=="checkbox"||_)if(!w)r=[...n.rawValue,u];else{let p=[...n.rawValue];p.splice(n.rawValue.findIndex(P=>P==u),1),r=p}e(p=>d(o({},p),{rawValue:r,eventType:"update",eventID:D(12),isInspected:!1}))};let te=[i(ce,{ssZIndex:2,flexSizing:0,children:m.isString(O)?i(x,{children:O}):O},"content")];return c&&te[l.iconPosition=="right"?"push":"unshift"](i(K,{isChecked:w,iconSize:f,iconColor:V,toggle:ee},"icon")),[i(x,{htmlTag:"input",type:s=="radio"?"radio":"checkbox",className:y("Input"),name:"RadioCheckbox-"+J,"data-list-index":a+"-"+E,id:k,value:String(u),disabled:v||L,checked:w,onFocus:r=>{L||s=="radio"&&(n.rawValue.length||e(p=>d(o({},p),{rawValue:[u],eventType:"update",eventID:D(12),isInspected:!1})))},onChange:()=>{ee()},onKeyDown:r=>{let{key:p,shiftKey:P}=r;if((s=="checkbox"||t.rootStates.isChecker)&&p!="Tab"){if(p.match(/Arrow/)){r.preventDefault();let le=m.isOneOf(p,"ArrowLeft","ArrowUp")?-1:1,g=E+le;g<0?g=R.length-1:g>=R.length&&(g=0),ne(`input[data-list-index="${a}-${g}"]`).focus()}}j&&F.SubmitForm(r,X)},tabIndex:A},"List-"+m.Stringify(u)),i(x,d(o({htmlTag:"label","data-disabled":v||L,htmlFor:k,className:B.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},S),{children:te}),"ListTrigger-"+m.Stringify(u))]});return i(ae,{flexSizing:"auto",style:l.style,xcss:o({},l.xcss),className:[W,y("CellBase"),y("HideInput_"+U),y("IconIndicator_"+!!c),y("Tone_"+h)].join(" "),children:Z})},IconBase:t=>{let l=18;return t.iconSize=="large"?l=12*2.5:t.iconSize=="xLarge"&&(l=12*3),i(de.Clear,{tabIndex:-1,color:"cloud",ssEffectsOnActive:!1,padding:0,flexCenter:!0,className:y("Icon"),xcss:{borderRadius:t.type=="radio"?"50%":"20%",width:l,aspectRatio:1},onClick:n=>{n.preventDefault(),n.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>i(C.IconBase,d(o({type:"radio"},t),{children:i(x,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",xcss:{width:"100%",height:"100%"},children:i(x,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",xcss:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>i(C.IconBase,d(o({type:"checkbox"},t),{children:i(x,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",xcss:{borderRadius:"25%",padding:"4%",width:"100%",height:"100%"},children:i(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",ssZIndex:8,xcss:{width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},M=t=>{t=t||"checkbox";const l=e=>(e=d(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.onIconRender||(e=d(o({},e),{onIconRender:e.iconType=="radio"?C.RadioIcon:C.CheckboxIcon})),e.iconSize=="large"?e.cellStyles.gap="1/2":e.iconSize=="xLarge"&&(e.cellStyles.gap="2/3"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=se(e),e.options=C.InitOptions(e.options),i(ue,{componentId:e.componentId,children:C.OptionalListWrapper,states:e}));return Object.assign(l,{Normal:e=>i(l,o({type:t,tone:"normal",icon:!1},e)),Border:e=>i(l,o({type:t,tone:"border"},e)),Cloud:e=>i(l,o({type:t,tone:"cloud"},e)),Vivid:e=>i(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),Simple:e=>i(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e))})},he=M("radio"),Ce=M("checkbox"),ye=M();export{Ce as Checkbox,ye as List,he as Radio};
|