amotify 0.2.34 → 0.2.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/esbuild/app.tsx +39 -0
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +83 -83
- 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/collectForm.js +1 -1
- package/dist/fn/Input/Segmented.js +1 -1
- package/dist/fn/Input/TextField.js +1 -1
- package/dist/fn/Input/core.js +1 -1
- package/dist/fn/Sheet.d.ts +12 -3
- package/dist/fn/Sheet.js +1 -1
- package/dist/fn/Table/Data.js +1 -1
- package/dist/fn/Tooltips.js +1 -1
- package/dist/temps/designBook.js +13 -13
- package/package.json +1 -1
package/dist/@styles/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={FixScroll:"
|
|
1
|
+
var r={Img:"_Img_1egfu_1",ShowExpand_true:"_ShowExpand_true_1egfu_11"};var a={Size_S:"_Size_S_10jdu_1",Size_R:"_Size_R_10jdu_6",Size_L:"_Size_L_10jdu_11",Size_2L:"_Size_2L_10jdu_16",Size_3L:"_Size_3L_10jdu_21",Icon:"_Icon_10jdu_27",Title:"_Title_10jdu_31",ComunIcon:"_ComunIcon_10jdu_38",ComunTitle:"_ComunTitle_10jdu_42",MingooIcon:"_MingooIcon_10jdu_46",P:"_P_10jdu_46",P_0:"_P_0_10jdu_50",P_1:"_P_1_10jdu_53",P_2:"_P_2_10jdu_56",P_3:"_P_3_10jdu_59",P_4:"_P_4_10jdu_62",P_5:"_P_5_10jdu_65",P_6:"_P_6_10jdu_68",P_7:"_P_7_10jdu_71",P_8:"_P_8_10jdu_74",P_9:"_P_9_10jdu_77",P_10:"_P_10_10jdu_81",P_11:"_P_11_10jdu_85",P_12:"_P_12_10jdu_89"};var t={Placeholder:"_Placeholder_rl2bi_14",Body:"_Body_rl2bi_14",PlaceholderEffect:"_PlaceholderEffect_rl2bi_1",Color_white:"_Color_white_rl2bi_25"};var _={Wrap:"_Wrap_13krz_1",Open_true:"_Open_true_13krz_1",Open_false:"_Open_false_13krz_4"};var l={Wrapper:"_Wrapper_1s842_1",Cell:"_Cell_1s842_9",FadeIn:"_FadeIn_1s842_13",FadeOut:"_FadeOut_1s842_17"};var e={FixScroll:"_FixScroll_1mzkd_1",Float:"_Float_1mzkd_8",Wrapper:"_Wrapper_1mzkd_16",Wrap:"_Wrap_1mzkd_16",TapSensor:"_TapSensor_1mzkd_30",TapContent:"_TapContent_1mzkd_40",Hide:"_Hide_1mzkd_47",Open:"_Open_1mzkd_50",isMainSheet_true:"_isMainSheet_true_1mzkd_50",Content:"_Content_1mzkd_50",isMainSheet_false:"_isMainSheet_false_1mzkd_54",BB:"_BB_1mzkd_54",Tcate_normal:"_Tcate_normal_1mzkd_57",BaseBody:"_BaseBody_1mzkd_61",Tcate_drawer:"_Tcate_drawer_1mzkd_76",Tpos_left:"_Tpos_left_1mzkd_76",Tpos_right:"_Tpos_right_1mzkd_91",Tpos_bottom:"_Tpos_bottom_1mzkd_106",DragBar:"_DragBar_1mzkd_113",Tcate_custom:"_Tcate_custom_1mzkd_121",CustomSheet:"_CustomSheet_1mzkd_129",GPT:"_GPT_1mzkd_132",Col_1:"_Col_1_1mzkd_132",Row_1:"_Row_1_1mzkd_132",Row_4:"_Row_4_1mzkd_132",Col_4:"_Col_4_1mzkd_132",Row_2:"_Row_2_1mzkd_135",Row_5:"_Row_5_1mzkd_135",Col_2:"_Col_2_1mzkd_138",Col_5:"_Col_5_1mzkd_138",GPT_3:"_GPT_3_1mzkd_144",GPT_18:"_GPT_18_1mzkd_144",GPT_8:"_GPT_8_1mzkd_147",GPT_23:"_GPT_23_1mzkd_147",GPT_11:"_GPT_11_1mzkd_150",GPT_14:"_GPT_14_1mzkd_150",GPT_12:"_GPT_12_1mzkd_153",GPT_15:"_GPT_15_1mzkd_153",Col_3:"_Col_3_1mzkd_163"};var c={Wrapper:"_Wrapper_11vvw_1",CornerLoader:"_CornerLoader_11vvw_17",Wrap:"_Wrap_11vvw_1",isActive:"_isActive_11vvw_28",ldAnm:"_ldAnm_11vvw_1",Ld1:"_Ld1_11vvw_34",Ld2:"_Ld2_11vvw_37",Ld3:"_Ld3_11vvw_40",Ld4:"_Ld4_11vvw_43",MiniLoader:"_MiniLoader_11vvw_61",Active_false:"_Active_false_11vvw_64",Hide:"_Hide_11vvw_67",Active:"_Active_11vvw_64",Core:"_Core_11vvw_77",spin:"_spin_11vvw_1",SVG1:"_SVG1_11vvw_85",loader:"_loader_11vvw_1",loading:"_loading_11vvw_1",SVG2:"_SVG2_11vvw_92"};var i={RootViewController:"_RootViewController_k39n4_2",Content:"_Content_k39n4_2",TopNav:"_TopNav_k39n4_6",FooterNav:"_FooterNav_k39n4_9",Body:"_Body_k39n4_12",SideNav:"_SideNav_k39n4_12",SwipeView:"_SwipeView_k39n4_19",Rail:"_Rail_k39n4_19",ShowOther_true:"_ShowOther_true_k39n4_19",Child:"_Child_k39n4_19",Display:"_Display_k39n4_27",LoopAdjusting:"_LoopAdjusting_k39n4_31"};var n={Wrap:"_Wrap_1rtvv_1",RowClickable_true:"_RowClickable_true_1rtvv_4",Row:"_Row_1rtvv_4",BodyRow:"_BodyRow_1rtvv_4",DataNotFound:"_DataNotFound_1rtvv_4",Cell:"_Cell_1rtvv_7",Table:"_Table_1rtvv_13",TableType_drag:"_TableType_drag_1rtvv_24",DraggerOrigin:"_DraggerOrigin_1rtvv_28",DragableButton:"_DragableButton_1rtvv_34",TableType_data:"_TableType_data_1rtvv_43",Console:"_Console_1rtvv_43",TableBase:"_TableBase_1rtvv_50",HeadRow:"_HeadRow_1rtvv_60",FilterRegion:"_FilterRegion_1rtvv_66",Filtering_true:"_Filtering_true_1rtvv_69"};var s={RippleElement:"_RippleElement_17vcx_1",Color_cloud:"_Color_cloud_17vcx_7",RippleWrap:"_RippleWrap_17vcx_7",Wave:"_Wave_17vcx_7",Color_theme:"_Color_theme_17vcx_10",PuddingEffect:"_PuddingEffect_17vcx_39",pdAnm:"_pdAnm_17vcx_1"};var d={Wrap:"_Wrap_8x4zl_1",Use_profile:"_Use_profile_8x4zl_4",Use_head:"_Use_head_8x4zl_7",Canvas:"_Canvas_8x4zl_11",Preview:"_Preview_8x4zl_17",ToneBall:"_ToneBall_8x4zl_21",ToneBall_1:"_ToneBall_1_8x4zl_25",ToneBall_2:"_ToneBall_2_8x4zl_28",ToneBall_3:"_ToneBall_3_8x4zl_31",ToneBall_4:"_ToneBall_4_8x4zl_34",ToneBall_5:"_ToneBall_5_8x4zl_37",ToneBall_6:"_ToneBall_6_8x4zl_40",ToneBall_7:"_ToneBall_7_8x4zl_43",ToneBall_8:"_ToneBall_8_8x4zl_46",ToneBall_9:"_ToneBall_9_8x4zl_49",ToneBall_10:"_ToneBall_10_8x4zl_52"};var m={Wrap:"_Wrap_2p2fg_1",isLocked_true:"_isLocked_true_2p2fg_16",Tone_Sub_Color_theme:"_Tone_Sub_Color_theme_2p2fg_21",Tone_Clear_Color_theme:"_Tone_Clear_Color_theme_2p2fg_21",Tone_Sub_Color_posi:"_Tone_Sub_Color_posi_2p2fg_24",Tone_Clear_Color_posi:"_Tone_Clear_Color_posi_2p2fg_24",Tone_Sub_Color_nega:"_Tone_Sub_Color_nega_2p2fg_27",Tone_Clear_Color_nega:"_Tone_Clear_Color_nega_2p2fg_27",Tone_Sub_Color_warn:"_Tone_Sub_Color_warn_2p2fg_30",Tone_Clear_Color_warn:"_Tone_Clear_Color_warn_2p2fg_30",Tone_Sub_Color_white:"_Tone_Sub_Color_white_2p2fg_33",Tone_Clear_Color_white:"_Tone_Clear_Color_white_2p2fg_33",Tone_Sub_Color_cloud:"_Tone_Sub_Color_cloud_2p2fg_36",Tone_Clear_Color_cloud:"_Tone_Clear_Color_cloud_2p2fg_36",Tone_Sub_Color_layer:"_Tone_Sub_Color_layer_2p2fg_39",Tone_Clear_Color_layer:"_Tone_Clear_Color_layer_2p2fg_39",isNeutral_true:"_isNeutral_true_2p2fg_43",Tone_Clear:"_Tone_Clear_2p2fg_21",Tone_BorderToFill:"_Tone_BorderToFill_2p2fg_46",Tone_FillToBorder:"_Tone_FillToBorder_2p2fg_49",Tone_FillToBorder_Color_white:"_Tone_FillToBorder_Color_white_2p2fg_52",Tone_FillToBorder_Color_cloud:"_Tone_FillToBorder_Color_cloud_2p2fg_52",Tone_Link:"_Tone_Link_2p2fg_55",Tone_Normal_Color_plain:"_Tone_Normal_Color_plain_2p2fg_62",Tone_Normal_Color_theme:"_Tone_Normal_Color_theme_2p2fg_66",Tone_Normal_Color_posi:"_Tone_Normal_Color_posi_2p2fg_70",Tone_Normal_Color_nega:"_Tone_Normal_Color_nega_2p2fg_74",Tone_Normal_Color_warn:"_Tone_Normal_Color_warn_2p2fg_78",Tone_Border:"_Tone_Border_2p2fg_46",Tone_Prime:"_Tone_Prime_2p2fg_85",Tone_BorderToFill_Color_white:"_Tone_BorderToFill_Color_white_2p2fg_120",Tone_BorderToFill_Color_cloud:"_Tone_BorderToFill_Color_cloud_2p2fg_120"};var g={Wrapper:"_Wrapper_8wns2_1",Input:"_Input_8wns2_27",DigitCharacterCell:"_DigitCharacterCell_8wns2_58",Combined:"_Combined_8wns2_58",ShowCell:"_ShowCell_8wns2_1"};var b={SelectorWrapper:"_SelectorWrapper_vfpyx_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_xuhga_1",HideInput_true:"_HideInput_true_xuhga_1",Input:"_Input_xuhga_1",Label:"_Label_xuhga_5"};var h={Core:"_Core_1psny_1",SelectedCell:"_SelectedCell_1psny_5",Selector:"_Selector_1psny_9"};var v={Input:"_Input_lskuu_1",Label:"_Label_lskuu_7",Dot:"_Dot_lskuu_7"};var u={Label:"_Label_qfhyi_1",Wrap:"_Wrap_qfhyi_18",Rail:"_Rail_qfhyi_18",Bar:"_Bar_qfhyi_18",BarColor:"_BarColor_qfhyi_21",Labels:"_Labels_qfhyi_24",ShowLegendsAlways_true:"_ShowLegendsAlways_true_qfhyi_27",Ball:"_Ball_qfhyi_38"};var w={Header:"_Header_1rlyc_1",Body:"_Body_1rlyc_8",Footer:"_Footer_1rlyc_13",ClockBase:"_ClockBase_1rlyc_20",DesignSide:"_DesignSide_1rlyc_20",ClockUiBase:"_ClockUiBase_1rlyc_20",ClockUi:"_ClockUi_1rlyc_20",Needle:"_Needle_1rlyc_24",hour:"_hour_1rlyc_31",minute:"_minute_1rlyc_36",DateBase:"_DateBase_1rlyc_42",LeftButton:"_LeftButton_1rlyc_42",RightButton:"_RightButton_1rlyc_45",MonthBase:"_MonthBase_1rlyc_49",Cell:"_Cell_1rlyc_55",isThisMonth:"_isThisMonth_1rlyc_55",miniYearInput:"_miniYearInput_1rlyc_61",CalendarDay:"_CalendarDay_1rlyc_66",isToday_true:"_isToday_true_1rlyc_66"};var k={Origin:"_Origin_vvhgd_1",Shallow:"_Shallow_vvhgd_5"};var y={Label:"_Label_1kvwn_1",Tone_plain:"_Tone_plain_1kvwn_6",Checked:"_Checked_1kvwn_6",Tone_cloud:"_Tone_cloud_1kvwn_9",Tone_cloudmono:"_Tone_cloudmono_1kvwn_12",Tone_cloudtheme:"_Tone_cloudtheme_1kvwn_15",Tone_bordervivid:"_Tone_bordervivid_1kvwn_21",Tone_bottomline:"_Tone_bottomline_1kvwn_27"};var Sr=o=>r[o],Lr=o=>a[o],Br=o=>t[o],Nr=o=>_[o],Rr=o=>l[o],Wr=o=>e[o],Pr=o=>c[o],jr=o=>i[o],Ir=o=>n[o],Ar=o=>s[o],Gr=o=>d[o],Fr=o=>m[o],Mr=o=>g[o],Yr=o=>b[o],Dr=o=>p[o],qr=o=>f[o],Or=o=>h[o],Ur=o=>v[o],Vr=o=>u[o],Er=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{Nr as AccordionClasses,Fr as ButtonClasses,Gr as CropperClasses,Ar as EffectClasses,Sr as ImgClasses,Kr as InputAutoHeightClasses,Or as InputAutocompleteClasses,Yr as InputChipsClasses,Mr as InputClasses,Dr as InputFilerClasses,qr as InputListClasses,Xr as InputSegmentedClasses,Vr as InputSliderClasses,Ur as InputSwitchClasses,Er as InputTimeClasses,jr as LayoutClasses,Pr as LoaderClasses,Lr as LogoClasses,Br as PlaceholderClasses,Wr as SheetClasses,Rr as SnackbarClasses,Ir as TableClasses};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as m}from"../chunk-C5N2D3ZX.js";import o from"@mingoo/jsmin";import k from"./useStore";let r=!1;const p=y=>m(void 0,null,function*(){if(r)return{valid:!1,data:{}};let c=document.activeElement;c&&c.blur(),r=!0;let n=o(`[data-form="${y}"]`),u=1,d={};for(let i=0;i<n.length;i++){let b=n[i],{componentId:h=""}=b.dataset,a=k.get(h);a&&a.Refresh&&(yield a.Refresh());let{value:x,name:f,checked:
|
|
1
|
+
import{e as m}from"../chunk-C5N2D3ZX.js";import o from"@mingoo/jsmin";import k from"./useStore";let r=!1;const p=y=>m(void 0,null,function*(){if(r)return{valid:!1,data:{}};let c=document.activeElement;c&&c.blur(),r=!0;let n=o(`[data-form="${y}"]`),u=1,d={};for(let i=0;i<n.length;i++){let b=n[i],{componentId:h=""}=b.dataset,a=k.get(h);a&&a.Refresh&&(yield a.Refresh());let{value:x,name:f,checked:J,dataset:{value:g,name:V="",inputType:t="",validation:l}}=n[i],e=g;if(f=f||V,l=+((l!=null?l:"true")=="true"),t=="hidden")e&&(e=JSON.parse(e));else if(["radio","checkbox","checker"].includes(t)){if(e){let s=o.toJson(e);if(!s.ok)continue;e=s.body,o.is.array(e)?e=e.map(N=>o.toJson(N).body):e=o.toJson(e).body,t=="radio"&&(e=e[0]),t=="checker"&&(e=!!e[0])}}else["autocomplete-single","autocomplete-multi"].includes(t)?(e=o.toJson(e).body,e.length&&(e=e.map(s=>o.toJson(s).body),t=="autocomplete-single"&&(e=e[0]))):t=="time"?e&&(e=o.toJson(e).body):t=="select"?(console.log(e),e=o.toJson(e).body):t=="file"?a&&(e=a.Files):t=="slider"?e&&(e=o.toJson(e).body):t=="switch"&&(e=J|0);let F=(l!=null?l:1)|0;u&=F,l&&(d[f]=e)}return r=!1,{valid:!!u,data:d}});export{p as collectForm,p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as n,d as S}from"../../chunk-C5N2D3ZX.js";import{jsx as r}from"react/jsx-runtime";import V from"@mingoo/jsmin";import{useState as a}from"react";import{Radio as E}from"./List";import{InputSegmentedClasses as p}from"../../@styles/componentClasses";const R=t=>{let c=t,{__sys_segmented_type:o,tone:B,value:d,options:y,onUpdateValue:h,onUpdateValidValue:u,enableFormSubmit:M,checkValidationAtFirst:J,cellStyles:g,cellClassName:_,cellCheckedClassName:f,cellCheckedStyles:b,freeCSS:k,wrapStyles:L}=c,I=S(c,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[v]=a(V.uuid.gen()),[i,x]=a(d),[w,m]=a(i);return i!=d&&(x(d),m(d)),r(E,n(e({options:y,value:w,componentID:v,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},I),{freeCSS:e({whiteSpace:"nowrap"},k),cellStyles:e({flexCenter:!0,ssEffectsOnActive:"push"},g),cellCheckedStyles:e({},b),cellClassName:[_,p("Label"),p("Tone_"+o.replace(/\./ig,""))].join(" "),cellCheckedClassName:[f,p("Checked")].join(" "),tone:"custom",onUpdateValue:h,onUpdateValidValue:C=>{u&&u(C),o=="bottomline"&&m(C.value)}}))},s=t=>{let{__sys_segmented_type:o}=t;return o=o||"plain",o=="plain"&&(t=n(e({padding:"1/3",gap:"1/3",ssCardBox:!0,isRounded:!0},t),{cellStyles:e({isRounded:!0,padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},t.cellCheckedStyles)})),r(R,e({__sys_segmented_type:"plain"},t))},l=s;l.Cloud=t=>{let o=n(e({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},t),{cellStyles:e({padding:"3/4",borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return r(s,e({},o))},l.CloudTheme=t=>{let o=e({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},t);return r(l.Cloud,e({},o))},l.CloudMono=t=>{let o=n(e({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},t),{cellCheckedStyles:e({backgroundColor:"layer.1",fontColor:"1.clear"},t.cellCheckedStyles)});return r(l.Cloud,e({},o))},l.Border=t=>{let o=n(e({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},t),{cellStyles:e({padding:["
|
|
1
|
+
import{b as e,c as n,d as S}from"../../chunk-C5N2D3ZX.js";import{jsx as r}from"react/jsx-runtime";import V from"@mingoo/jsmin";import{useState as a}from"react";import{Radio as E}from"./List";import{InputSegmentedClasses as p}from"../../@styles/componentClasses";const R=t=>{let c=t,{__sys_segmented_type:o,tone:B,value:d,options:y,onUpdateValue:h,onUpdateValidValue:u,enableFormSubmit:M,checkValidationAtFirst:J,cellStyles:g,cellClassName:_,cellCheckedClassName:f,cellCheckedStyles:b,freeCSS:k,wrapStyles:L}=c,I=S(c,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[v]=a(V.uuid.gen()),[i,x]=a(d),[w,m]=a(i);return i!=d&&(x(d),m(d)),r(E,n(e({options:y,value:w,componentID:v,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},I),{freeCSS:e({whiteSpace:"nowrap"},k),cellStyles:e({flexCenter:!0,ssEffectsOnActive:"push"},g),cellCheckedStyles:e({},b),cellClassName:[_,p("Label"),p("Tone_"+o.replace(/\./ig,""))].join(" "),cellCheckedClassName:[f,p("Checked")].join(" "),tone:"custom",onUpdateValue:h,onUpdateValidValue:C=>{u&&u(C),o=="bottomline"&&m(C.value)}}))},s=t=>{let{__sys_segmented_type:o}=t;return o=o||"plain",o=="plain"&&(t=n(e({padding:"1/3",gap:"1/3",ssCardBox:!0,isRounded:!0},t),{cellStyles:e({isRounded:!0,padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},t.cellCheckedStyles)})),r(R,e({__sys_segmented_type:"plain"},t))},l=s;l.Cloud=t=>{let o=n(e({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},t),{cellStyles:e({padding:"3/4",borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return r(s,e({},o))},l.CloudTheme=t=>{let o=e({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},t);return r(l.Cloud,e({},o))},l.CloudMono=t=>{let o=n(e({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},t),{cellCheckedStyles:e({backgroundColor:"layer.1",fontColor:"1.clear"},t.cellCheckedStyles)});return r(l.Cloud,e({},o))},l.Border=t=>{let o=n(e({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},t),{cellStyles:e({padding:["3/4",1],borderRadius:0,borderRight:"2.normal"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme.opa.few",fontColor:"theme"},t.cellCheckedStyles)});return r(s,e({},o))},l.BorderVivid=t=>{let o=n(e({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},t),{cellStyles:e({borderRight:!0,borderColor:"theme"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return r(l.Border,e({},o))},l.Bottomline=t=>{let o=n(e({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},t),{cellStyles:e({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},t.cellStyles),cellCheckedStyles:e({fontColor:"theme"},t.cellCheckedStyles)});return r(s,e({},o))};export{l as Segmented,l as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import{b as o,c as s,d as Y,e as ne}from"../../chunk-C5N2D3ZX.js";import{Fragment as se,jsx as l,jsxs as U}from"react/jsx-runtime";import{useState as A,useEffect as G}from"react";import g from"@mingoo/jsmin";import{$$fromRoot as Ie,useStore as ve,ExtractStyles as Te}from"../../@utils";import{Box as R,FAI as le}from"../../atoms";import{Text as X}from"../../mols";import oe from"../Button";import P from"../Tooltips";import{faEye as re}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as Se,BoxWrapper as Ce,CoreEffects as L,DefaultStyles as Re}from"./core";import{InputLabel as ye}from"./Label";import{LeftIndicator as Ve,RightIndicator as j}from".";const we={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー ｦ-ﾟ ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:U(se,{children:[l(R,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),l(R,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:U(se,{children:[l(R,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),l(R,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),l(R,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},y={setSelection:e=>{let{id:a,restrict:r,val_status:t}=e,n=Ie("#"+a)[0];if(n&&t.prevValue&&t.formatValue){let{formatValue:u,prevValue:c,caretFrom:i,caretTo:d}=t;if(r=="creditCard")u.length>=c.length&&i%5==0&&(i++,d++),n.setSelectionRange(i,d);else if(r=="postal")u.length==5&&c.length==3&&(i++,d++),n.setSelectionRange(i,d);else if(r=="digitNumber"){let h=u.length-c.length;h==2&&(i++,d++),h==-2&&(i--,d--),n.setSelectionRange(i,d)}}},Validation:{Default:e=>{let{value:a,states:r}=e,{restrict:t="text",maxLength:n,multiline:u,required:c}=r,i=[];if(u||(n=n||255),g.is.exist(n)&&a.length>=Number(n)&&i.push({type:"invalid",label:n+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a){let d=y.Validation.Text(a,t);d.ok||i.push({type:"invalid",label:d.body})}else c&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:d})=>d=="invalid").length,notice:i}},Text:(e,a)=>{let r={ok:!0,body:""};return(()=>{let t=we[a];if(!t)return;let n=t.reason;if(t){let u=!!(+!!e.match(t.reg)^+!t.exist);r={ok:u,body:u?"":n}}})(),r},DataLeveling:e=>{let{restrict:a,value:r=""}=e,t=String(r),n=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(a)&&(t=t.zen2hanNumber()),a=="katakana"&&(t=t.replace(/[^ァ-ヶー ｦ-ﾟ ]/ig,"")),a=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ ]/ig,"")),["postal","creditCard"].includes(a)&&(t=t.removeLetters()),["number","number.zeroStart","digitNumber"].includes(a)){let c=t[0]=="0";if(t){if(t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(n=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(n=!1),n&&(i=-1*i),g.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),g.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}c&&t!="0"&&a=="number.zeroStart"&&(t="0"+t)}}let u=t;if(a=="digitNumber"){if(t&&t!="-"){let c=[];for(let i=t.length-1;i>=0;i--){c.unshift(t[i]);let d=t.length-1-i+1;i!=0&&d%3==0&&c.unshift(",")}u=c.join("")}}else a=="postal"?t.length>=4&&(u=t.clip(0,3)+"-"+t.clip(3)):a=="creditCard"&&(u=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(a)&&n&&(t="-"+t,u="-"+u),{formatValue:u,dataValue:t}}}},Q={Shallow:e=>{let{rootStates:a,val_status:r}=e,t=r.dataValue||"";G(()=>{g.scope(()=>ne(void 0,null,function*(){if(!a.multiline)return;let h=g('[data-input-origin="'+r.componentID+'"]'),V=g('[data-input-shallow="'+r.componentID+'"]'),B=g('[data-input-min-height-value-shallow="'+r.componentID+'"]'),N=g('[data-input-max-height-value-shallow="'+r.componentID+'"]');if(!h[0]||!V[0]||!B[0]||!N[0])return;let m=V.position(),w=B.position(),k=N.position(),I=0;a.autoHeight&&(I=m.height),I=Math.max(I,w.height),I=Math.min(I,k.height),h[0].style.height=I+"px"}))},[t]);let n=t||a.label||a.placeholder||"";(!!t.match(/\n$/)||!t)&&(n+="T");let c="",i="";if(a.multiline){let h=a.minRows||1,V=a.maxRows||100;c=`
|
|
2
2
|
T`.repeat(h-1),i=`
|
|
3
|
-
T`.repeat(V-1)}let d=Te(a);return U(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[l(X.Description,s(o({className:a.className},d),{position:"absolute",width:1,freeCSS:s(o({},d.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:l(R,{"data-input-value-shallow":r.componentID,children:n})})),l(X.Description,s(o({className:a.className},d),{position:"absolute",left:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:c})),l(X.Description,s(o({className:a.className},d),{position:"absolute",right:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:c,set_focus:i,val_isComposing:d,set_isComposing:h}=e;if(a.multiline)return null;let ae=a,{componentID:V,tone:B,required:N,restrict:m="text",form:w,autoComplete:k="off",autoCapitalize:I="off",minRows:F,maxRows:ue,multiline:ee,autoHeight:K,enableFormSubmit:z,clearButton:de=!1,checkValidationAtFirst:te,onChange:O,onKeyDown:W,onValidate:me,onUpdateValue:pe,onUpdateValidValue:ce,value:fe="",leftIndicator:ge,rightIndicator:b,leftIcon:xe,rightIcon:Z,maxLength:S,min:E,max:H,label:De,wrapStyles:Ne}=ae,p=Y(ae,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","wrapStyles"]),he=m=="password"||m=="concealed"?"password":"text",be=["number","digitNumber","creditCard"].includes(m)?"numeric":m=="email"?"email":"text";return l(R,s(o({htmlTag:"input",type:he,inputMode:be,"data-disabled":a.disabled,"data-form":w,"data-input-type":"text","data-show-validation":L.isShowValidation(r,n,!!te),"data-validation":r.ok,"data-value":n.dataValue,"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:k,autoCapitalize:I,onKeyDown:f=>{let{key:v,target:D}=f;{let C=D,{selectionStart:_,selectionEnd:M}=C,$=Number(_),ie=Number(M),q=n.formatValue[Number($)],J=n.formatValue[Number($)-1];v=="Delete"&&(m=="creditCard"&&q==" "||m=="postal"&&q=="-"||m=="digitNumber"&&q==",")&&(C.setSelectionRange($+1,ie+1),f.preventDefault()),v=="Backspace"&&(m=="creditCard"&&J==" "||m=="postal"&&J=="-"||m=="digitNumber"&&J==",")&&(C.setSelectionRange($-1,ie-1),f.preventDefault()),v=="Enter"||v=="Tab"}if(["number","digitNumber","creditCard"].includes(m)&&v=="Clear"&&u(C=>s(o({},C),{dataValue:"",formatValue:"",eventType:"update",eventID:g.uuid.gen()})),["number","digitNumber"].includes(m)&&["ArrowUp","ArrowDown"].includes(v)){let C=+(v=="ArrowUp")*2-1,_=String(Number(n.dataValue)+C);r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),y.Validation.DataLeveling({min:E,max:H,restrict:m,value:_})),{eventType:"update",eventID:g.uuid.gen()})),f.preventDefault()}W&&W(f),z&&L.SubmitForm(f)},onChange:f=>{let{value:v,selectionStart:D,selectionEnd:C}=f.target,_=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:v});d&&(_.formatValue=v),_.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),_),{prevValue:n.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D),caretTo:Number(C)})),O&&O(f))},width:1},p),{onFocus:f=>{p!=null&&p.onFocus&&(p==null||p.onFocus(f)),i(!0)},onBlur:f=>{p!=null&&p.onBlur&&(p==null||p.onBlur(f)),i(!1)},onCompositionStart:f=>{p!=null&&p.onCompositionStart&&(p==null||p.onCompositionStart(f)),h(!0)},onCompositionEnd:f=>{if(p!=null&&p.onCompositionEnd&&(p==null||p.onCompositionEnd(f)),m=="text")return;let v=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:n.formatValue});u(D=>s(o(o({},D),v),{prevValue:D.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D.formatValue.length+1),caretTo:Number(D.formatValue.length+1)})),h(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:c,set_status:i,isShallow:d}=e,Z=a,{componentID:h,tone:V,required:B,form:N,minRows:m,maxRows:w,multiline:k,autoHeight:I,enableFormSubmit:F,maxLength:ue,checkValidationAtFirst:ee,onChange:K,onKeyDown:z,onValidate:de,onUpdateValue:te,onUpdateValidValue:O,value:W="",leftIndicator:me,rightIndicator:pe,leftIcon:ce,rightIcon:fe,wrapStyles:ge}=Z,b=Y(Z,["componentID","tone","required","form","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:l(R,s(o({htmlTag:"textarea","data-form":N,"data-input-type":"textarea","data-show-validation":L.isShowValidation(n,c,!!ee),"data-validation":n.ok,"data-value":c.dataValue,"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},b),{onFocus:S=>{b!=null&&b.onFocus&&(b==null||b.onFocus(S)),t(!0)},onBlur:S=>{b!=null&&b.onBlur&&(b==null||b.onBlur(S)),t(!1)},onKeyDown:S=>{z&&z(S),F&&L.SubmitForm(S)},onChange:S=>{let{value:E}=S.target;n.ok&&u({ok:!1,notice:[]}),i(H=>s(o({},H),{dataValue:E,eventType:"update",eventID:g.uuid.gen()})),K&&K(S)}}))}},ke=e=>{let{componentID:a,restrict:r="text",onUpdateValue:t,onUpdateValidValue:n,value:u="",min:c,max:i}=e,d=s(o({componentID:a},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u})),{prevValue:"",eventType:"init",eventID:g.uuid.gen(),caretFrom:null,caretTo:null}),[h,V]=A(!1),[B,N]=A(!1),[m,w]=A(d),[k,I]=A({ok:!1,notice:[]}),F={rootStates:e,val_focus:h,set_focus:V,val_isComposing:B,set_isComposing:N,val_status:m,set_status:w,val_validate:k,set_validate:I};return L.CommonEffects({type:"textfield",states:e,val_status:m,set_status:w,val_validate:k,set_validate:I,onUpdateValue:t,onUpdateValidValue:n,DefaultValidation:y.Validation.Default,ExtraOverrideStates:o({},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u}))}),G(()=>{y.setSelection({id:e.id,restrict:r,val_status:m})},[m]),U(Ce,{val_status:m,set_status:w,val_validate:k,states:F.rootStates,children:[l(ye,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:h||!!m.dataValue}),l(Q.Shallow,o({},F)),l(Q.InputBox,o({},F)),l(Q.TextAreaBox,o({},F))]})},T=e=>{e=o({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.rightIcon&&(e=o({paddingRight:3},e)),e.leftIcon&&(e=o({paddingLeft:3},e)),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1);let a=Re.Boxish(e);return l(Se,{componentID:e.componentID,children:ke,states:a})},x=T;x.Validate=y.Validation.Text,x.Katakana=e=>l(T,s(o({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),x.HankakuKatakana=e=>l(T,s(o({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),x.CreditCard=e=>l(T,s(o({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),x.Tel=e=>l(T,s(o({},e),{restrict:"tel",
|
|
3
|
+
T`.repeat(V-1)}let d=Te(a);return U(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[l(X.Description,s(o({className:a.className},d),{position:"absolute",width:1,freeCSS:s(o({},d.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:l(R,{"data-input-value-shallow":r.componentID,children:n})})),l(X.Description,s(o({className:a.className},d),{position:"absolute",left:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:c})),l(X.Description,s(o({className:a.className},d),{position:"absolute",right:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:c,set_focus:i,val_isComposing:d,set_isComposing:h}=e;if(a.multiline)return null;let ae=a,{componentID:V,tone:B,required:N,restrict:m="text",form:w,autoComplete:k="off",autoCapitalize:I="off",minRows:F,maxRows:ue,multiline:ee,autoHeight:K,enableFormSubmit:z,clearButton:de=!1,checkValidationAtFirst:te,onChange:O,onKeyDown:W,onValidate:me,onUpdateValue:pe,onUpdateValidValue:ce,value:fe="",leftIndicator:ge,rightIndicator:b,leftIcon:xe,rightIcon:Z,maxLength:S,min:E,max:H,label:De,wrapStyles:Ne}=ae,p=Y(ae,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","wrapStyles"]),he=m=="password"||m=="concealed"?"password":"text",be=["number","digitNumber","creditCard"].includes(m)?"numeric":m=="email"?"email":"text";return l(R,s(o({htmlTag:"input",type:he,inputMode:be,"data-disabled":a.disabled,"data-form":w,"data-input-type":"text","data-show-validation":L.isShowValidation(r,n,!!te),"data-validation":r.ok,"data-value":n.dataValue,"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:k,autoCapitalize:I,onKeyDown:f=>{let{key:v,target:D}=f;{let C=D,{selectionStart:_,selectionEnd:M}=C,$=Number(_),ie=Number(M),q=n.formatValue[Number($)],J=n.formatValue[Number($)-1];v=="Delete"&&(m=="creditCard"&&q==" "||m=="postal"&&q=="-"||m=="digitNumber"&&q==",")&&(C.setSelectionRange($+1,ie+1),f.preventDefault()),v=="Backspace"&&(m=="creditCard"&&J==" "||m=="postal"&&J=="-"||m=="digitNumber"&&J==",")&&(C.setSelectionRange($-1,ie-1),f.preventDefault()),v=="Enter"||v=="Tab"}if(["number","digitNumber","creditCard"].includes(m)&&v=="Clear"&&u(C=>s(o({},C),{dataValue:"",formatValue:"",eventType:"update",eventID:g.uuid.gen()})),["number","digitNumber"].includes(m)&&["ArrowUp","ArrowDown"].includes(v)){let C=+(v=="ArrowUp")*2-1,_=String(Number(n.dataValue)+C);r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),y.Validation.DataLeveling({min:E,max:H,restrict:m,value:_})),{eventType:"update",eventID:g.uuid.gen()})),f.preventDefault()}W&&W(f),z&&L.SubmitForm(f)},onChange:f=>{let{value:v,selectionStart:D,selectionEnd:C}=f.target,_=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:v});d&&(_.formatValue=v),_.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),_),{prevValue:n.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D),caretTo:Number(C)})),O&&O(f))},width:1},p),{onFocus:f=>{p!=null&&p.onFocus&&(p==null||p.onFocus(f)),i(!0)},onBlur:f=>{p!=null&&p.onBlur&&(p==null||p.onBlur(f)),i(!1)},onCompositionStart:f=>{p!=null&&p.onCompositionStart&&(p==null||p.onCompositionStart(f)),h(!0)},onCompositionEnd:f=>{if(p!=null&&p.onCompositionEnd&&(p==null||p.onCompositionEnd(f)),m=="text")return;let v=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:n.formatValue});u(D=>s(o(o({},D),v),{prevValue:D.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D.formatValue.length+1),caretTo:Number(D.formatValue.length+1)})),h(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:c,set_status:i,isShallow:d}=e,Z=a,{componentID:h,tone:V,required:B,form:N,minRows:m,maxRows:w,multiline:k,autoHeight:I,enableFormSubmit:F,maxLength:ue,checkValidationAtFirst:ee,onChange:K,onKeyDown:z,onValidate:de,onUpdateValue:te,onUpdateValidValue:O,value:W="",leftIndicator:me,rightIndicator:pe,leftIcon:ce,rightIcon:fe,wrapStyles:ge}=Z,b=Y(Z,["componentID","tone","required","form","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:l(R,s(o({htmlTag:"textarea","data-form":N,"data-input-type":"textarea","data-show-validation":L.isShowValidation(n,c,!!ee),"data-validation":n.ok,"data-value":c.dataValue,"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},b),{onFocus:S=>{b!=null&&b.onFocus&&(b==null||b.onFocus(S)),t(!0)},onBlur:S=>{b!=null&&b.onBlur&&(b==null||b.onBlur(S)),t(!1)},onKeyDown:S=>{z&&z(S),F&&L.SubmitForm(S)},onChange:S=>{let{value:E}=S.target;n.ok&&u({ok:!1,notice:[]}),i(H=>s(o({},H),{dataValue:E,eventType:"update",eventID:g.uuid.gen()})),K&&K(S)}}))}},ke=e=>{let{componentID:a,restrict:r="text",onUpdateValue:t,onUpdateValidValue:n,value:u="",min:c,max:i}=e,d=s(o({componentID:a},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u})),{prevValue:"",eventType:"init",eventID:g.uuid.gen(),caretFrom:null,caretTo:null}),[h,V]=A(!1),[B,N]=A(!1),[m,w]=A(d),[k,I]=A({ok:!1,notice:[]}),F={rootStates:e,val_focus:h,set_focus:V,val_isComposing:B,set_isComposing:N,val_status:m,set_status:w,val_validate:k,set_validate:I};return L.CommonEffects({type:"textfield",states:e,val_status:m,set_status:w,val_validate:k,set_validate:I,onUpdateValue:t,onUpdateValidValue:n,DefaultValidation:y.Validation.Default,ExtraOverrideStates:o({},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u}))}),G(()=>{y.setSelection({id:e.id,restrict:r,val_status:m})},[m]),U(Ce,{val_status:m,set_status:w,val_validate:k,states:F.rootStates,children:[l(ye,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:h||!!m.dataValue}),l(Q.Shallow,o({},F)),l(Q.InputBox,o({},F)),l(Q.TextAreaBox,o({},F))]})},T=e=>{e=o({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.rightIcon&&(e=o({paddingRight:3},e)),e.leftIcon&&(e=o({paddingLeft:3},e)),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1);let a=Re.Boxish(e);return l(Se,{componentID:e.componentID,children:ke,states:a})},x=T;x.Validate=y.Validation.Text,x.Katakana=e=>l(T,s(o({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),x.HankakuKatakana=e=>l(T,s(o({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),x.CreditCard=e=>l(T,s(o({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),x.Tel=e=>l(T,s(o({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),x.Number=e=>l(T,s(o({},e),{restrict:"number",multiline:!1,autoHeight:!1})),x.DigitNumber=e=>l(T,s(o({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),x.Email=e=>l(T,s(o({},e),{restrict:"email",multiline:!1,autoHeight:!1})),x.Url=e=>l(T,s(o({},e),{restrict:"url",multiline:!1,autoHeight:!1})),x.Postal=e=>{let[a]=A(g.uuid.gen());return G(()=>()=>{ve.delete(a)},[]),l(T,s(o({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIndicator:l(Ve,{children:"\u3012"})}))},x.Password=e=>l(T,s(o({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIndicator:l(j,{padding:0,children:l(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{P.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:l(P.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{g(a.target).parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:l(le,{icon:re})})})},e),{restrict:"password",multiline:!1,autoHeight:!1})),x.Concealed=e=>l(T,s(o({label:"\u79D8\u5BC6\u9375",rightIndicator:l(j,{padding:0,children:l(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{P.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:l(P.Body,{children:"\u5024\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{g(a.target).parent().parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:l(le,{icon:re})})})},e),{restrict:"concealed",multiline:!1,autoHeight:!1})),x.Money={JPY:e=>l(x.DigitNumber,s(o({label:"\u91D1\u984D",rightIndicator:l(j,{children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};export{x as TextField,ke as TextInput,x as default};
|
package/dist/fn/Input/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as n,c as d,e as B}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as
|
|
1
|
+
import{b as n,c as d,e as B}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as x}from"react/jsx-runtime";import{useState as E,useEffect as R}from"react";import i from"@mingoo/jsmin";import{$$fromRoot as N,Config as w,useStore as I}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as z,Flex as F,FAI as h,Column as A}from"../../atoms";import{Row as k,Text as O}from"../../mols";import W from"../Button";import V from"../Tooltips";const ue=e=>{let[t]=E(e.componentID||i.uuid.gen(24));e=n({},e),e.states=d(n({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.states),{componentID:t});let{children:a}=e;return y(a,n({},e.states))},de=e=>{let{children:t,val_status:a,set_status:o,val_validate:s,states:r}=e,{leftIcon:l,wrapStyles:u}=r;return a.eventType=="init"&&!r.checkValidationAtFirst&&(s.notice=[]),x(k.Center,d(n({position:"relative",verticalAlign:"unset",gap:0},u),{className:_("Wrapper"),"data-notice-uid":a.componentID,children:[y(D.Notice,{notice:s.notice,val_status:a}),r.leftIndicator,x(F,{position:"relative",flexSizing:"auto",children:[l,t,y(D.ClearButton,n({},e)),y(D.RightIcon,n({},e))]}),r.rightIndicator]}))},D={ClearButton:e=>!e.states.clearButton||!e.val_status.dataValue?null:y(W.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{e.set_status(t=>d(n({},t),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:y(h.Times,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.dataValue?null:e.states.rightIcon,Notice:e=>{let{notice:t,val_status:a}=e,{componentID:o}=a,s="NoticeTimer-"+o,r="NoticeTimerClose-"+o,l="notice-tips-"+o;return R(()=>{i.interval.clear(s),i.interval.clear(r),i.interval.standBy(s,350,()=>{if(!t.length){V.close(l);return}V.open({tipsID:l,parent:`[data-notice-uid="${o}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:x(V.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(z,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(A,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:t.map((u,f)=>{let{type:g,label:T}=u,C=g=="invalid"?h.Times:g=="warn"?h.Exclamation:h.Check;return x(k.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(C,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[g]}),y(O.Supplement,{fontSize:"0.xs",fontColor:"white",children:T})]},f+"-"+JSON.stringify(u))})})]})})}),i.interval.standBy(r,6e3,()=>{V.close(l)})},[t]),null}},K={CommonEffects:e=>{let{type:t,states:a,val_status:o,set_status:s,ExtraOverrideStates:r,ExtraStoreStates:l,val_validate:u,set_validate:f,DefaultValidation:g,onUpdateValue:T,onUpdateValidValue:C}=e;a=n({},a);let{componentID:b}=o;R(()=>(I.update({[b]:n({ResolveRefresh:null,Refresh:()=>new Promise((p,c)=>{I.get(b).ResolveRefresh=p,s(v=>d(n({},v),{eventType:"refresh",eventID:i.uuid.gen()}))}),GenNotice:p=>{let{ok:c,notice:v}=p;f({ok:c,notice:v})}},l)}),()=>{I.delete(b)}),[]),R(()=>{a.value=o.dataValue,i.interval.clear("ValidationTimer-"+b),K.ValidationCheck({val_status:o,set_validate:f,DefaultValidation:g,states:a})},[o.eventID]),(()=>{let{override:p}=a;if(p=="never"||p=="beforeModified"&&!["init","override"].includes(o.eventType))return;let c=I.get(o.componentID);c&&(a.value!=o.dataValue&&a.status_id!=c.status_id&&s(v=>d(n(d(n({},v),{dataValue:a.value}),r),{eventType:"override",eventID:i.uuid.gen()})),c.status_id=a.status_id)})(),R(()=>{let{componentID:p,eventType:c,dataValue:v}=o,m=v;if(t=="list"?(m=v.map(S=>i.toJson(S).body),a.type=="radio"&&(m=m[0])):t=="autocomplete"?(m=v.map(S=>i.toJson(S).body),a.multiSelect||(m=m[0])):t=="select"?m=i.toJson(m).body:t=="file"&&I.update({[p]:{Files:o.dataValue}}),c=="refresh"){let S=I.get(p);S&&S.ResolveRefresh&&S.ResolveRefresh(null)}c=="update"&&(T&&T({componentID:p,value:m,storeData:I.get(p),eventType:c}),i.scope(()=>{u.ok&&C&&C({componentID:p,value:m,storeData:I.get(p),eventType:c})}))},[u])},ValidationCheck:e=>{let{val_status:t,states:a,set_validate:o,DefaultValidation:s}=e,r=s({value:t.dataValue,states:a});if(!r.ok){o(r);return}let l=r.notice;const u=()=>B(void 0,null,function*(){if(!a.onValidate)return;let f=yield a.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!f.ok){o({ok:!1,notice:[...l,...f.notice]});return}o({ok:!0,notice:[...l,...f.notice]})});a.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):o({ok:!0,notice:l})},SubmitForm:e=>{let t=e.target,{form:a,formName:o}=t.dataset;a=o||a;let s=!1,r=N(`[data-form-submit-button="${a}"]`)[0];if(!r)return s;let l=r.dataset.sdfike||"",u=e.key,f=e.ctrlKey||e.metaKey;return i.scope(()=>{l.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||w.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(l.includes("enter")||l.includes("auxEnter")&&f)||u==" "&&l.includes("space"))&&(r.click(),e.preventDefault()),s=!0)}),s},isShowValidation:(e,t,a)=>{let o=e.ok;return!a&&t.eventType=="init"&&(o=!0),o}},L={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e=="border"?t=d(n({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=d(n({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=d(n({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},Boxish:function(e){e=n({},e),e.tone||(e.tone="border");let t=L.Input(e.tone);return d(n(n(n(n({fontColor:"2.normal"},t),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:n({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[_("Input"),e.className].join(" ")})},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=d(n({},t),{border:!0}):e=="cloud"?t=d(n({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=d(n({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",top:"50%",freeCSS:{transform:"translateY(-50%)"}}};export{de as BoxWrapper,K as CoreEffects,L as DefaultStyles,ue as OptionalInputWrapper};
|
package/dist/fn/Sheet.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import $$, { Time } from '@mingoo/jsmin';
|
|
2
2
|
import { StyleTags, ReactElement } from '../@declares';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { Box } from '../atoms';
|
|
5
5
|
declare namespace Sheet {
|
|
6
6
|
type Methods = {
|
|
7
7
|
Wrapper(): JSX.Element;
|
|
8
|
-
open<T
|
|
8
|
+
open<T extends Input>(p: T): void;
|
|
9
9
|
refresh(p: Input, open: boolean): void;
|
|
10
10
|
resize(p: {
|
|
11
11
|
sheetID: string;
|
|
@@ -27,7 +27,6 @@ declare namespace Sheet {
|
|
|
27
27
|
content: ReactElement | {
|
|
28
28
|
(): JSX.Element;
|
|
29
29
|
};
|
|
30
|
-
isOpen?: boolean;
|
|
31
30
|
overwrap?: boolean;
|
|
32
31
|
close_option?: CloseOptions;
|
|
33
32
|
hold_state?: boolean;
|
|
@@ -78,6 +77,16 @@ declare namespace Sheet {
|
|
|
78
77
|
};
|
|
79
78
|
};
|
|
80
79
|
}
|
|
80
|
+
type CoreProps = {
|
|
81
|
+
sheetID: string;
|
|
82
|
+
isOpen: boolean;
|
|
83
|
+
created_at: Time.Chains;
|
|
84
|
+
};
|
|
85
|
+
type SheetContent = Sheet.Input & CoreProps;
|
|
86
|
+
type WrapperStates = {
|
|
87
|
+
val_sheets: SheetContent[];
|
|
88
|
+
set_sheets: React.Dispatch<React.SetStateAction<SheetContent[]>>;
|
|
89
|
+
};
|
|
81
90
|
}
|
|
82
91
|
declare const Sheet: Sheet.Methods;
|
|
83
92
|
export { Sheet, Sheet as default };
|
package/dist/fn/Sheet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as g,c as R,d as Y}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as $}from"react/jsx-runtime";import n from"@mingoo/jsmin";import{useState as A,useEffect as X,useRef as te}from"react";import{$$fromRoot as H,Config as U,useStore as _}from"../@utils";import{Box as z,Flex as oe,Img as q,FAI as re,Column as J}from"../atoms";import{Row as K}from"../mols";import ee from"./Button";import ne from"./SwipeView";import se from"./Input";import{SheetClasses as c}from"../@styles/componentClasses";const w={currentIndex:0,contents:{},addNewSheet:function(t){let e=R(g({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,isOpen:!0},t),{sheetID:t.sheetID||n.uuid.gen(),close_option:g({pageTransit:!0,escapeKeyDown:!0,aroundClick:t.type=="custom"},t.close_option)});if(e.type=="custom"&&(e.parent=e.parent||e.event.currentTarget),this.contents[e.sheetID]){let l=_.get(e.sheetID);l&&l.refresh&&l.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,p:e,created_at:n.Time()};let a=_.get("Sheet-"+U.get().sessionUID);a&&a.refresh()},Wrapper:()=>{let[t,e]=A(n.uuid.gen());X(()=>{_.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{e(n.uuid.gen())}}}),n(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(l){let{key:m,metaKey:h}=l;if(m=="Escape"||m==","&&h){let S=Object.values(w.contents).filter(f=>f.isOpen);if(!S.length)return;let r=S.reduce((f,T)=>f.created_at.value>T.created_at.value?f:T);N.close(r.p.sheetID,m)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(l){let m=Object.values(w.contents).filter(r=>r.p.type=="custom");if(!m.length||!!m.find(r=>{let{p:f}=r,T=f.parent,B=l.target,E=H(T)[0];return!!(T==B||E===B||n(E).find(B).length)}))return;let S=l.target;S!=null&&S.closest("."+c("CustomSheet"))||m.forEach(r=>{var f;(f=r.p.close_option)!=null&&f.aroundClick&&N.close(r.p.sheetID)})}})},[]);let a=Object.entries(w.contents).map(([l,m])=>u(z,{id:"Sheet-"+l,children:u(w.Core,g({isOpen:m.isOpen},m.p),l)},l));return u(z,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:a})},Core:t=>{var G;let[e]=A(n.uuid.gen()),[a,l]=A(t),[m,h]=A(t.isOpen),{type:S,sheetID:r,openAfter:f,closeAfter:T}=a,B=!a.overwrap,E=w.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[S]];X(()=>{_.set({[r]:{refresh:(v,s)=>{l(v),h(s!=null?s:!1)},resize:v=>{if(S=="drawer.bottom"){let s=_.get(e);s&&s.resize&&s.resize(v)}else(a.type.includes("normal")||a.type.includes("drawer"))&&l(s=>R(g({},s),{size:v}))},close:v=>{w.contents[r].isOpen=!1,h(!1)},open:()=>{w.contents[r].isOpen=!0,h(!0)}}})}),X(()=>{n.scope(()=>{if(!B||!a.backgroundEffect)return;let v=Object.values(w.contents).filter(I=>I.isOpen&&!I.p.overwrap&&I.p.type!="custom").length,s=H(".AMOTIFY_be_root");if(m){if(s.hasClass(c("FixScroll")))return;let I=n("html"),C=0;v==1&&(C=I[0].scrollTop|0,l(y=>R(g({},y),{bodyScrolls:C}))),U.get().isPhone||(I[0].scrollTop=0,s.addClass(c("FixScroll")).callback(y=>{y[0].scrollTop=C}).await(40).addClass(c("Float")));return}U.get().isPhone||v==0&&s.hasClass(c("FixScroll"))&&s.removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{n("html")[0].scrollTop=a.bodyScrolls||0,s[0].scrollTop=0})}),n.scope(()=>{let v=H("#"+e);if(m){v.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{let s=w.contents[r];s&&(s.isOpen=!0,f&&f())});return}v.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{!T||T();let s=w.contents[r];if(!s||(s.isOpen=!1,a.hold_state))return;delete w.contents[r];let I=_.get("Sheet-"+U.get().sessionUID);I&&I.refresh()})})},[m]),X(()=>{w.currentIndex++;let{close_option:v}=a;n.scope(()=>{if(!(v!=null&&v.parentBlur))return;let s=n(a.parent);s[0]&&s.addEvent({eventID:"SheetClosation-"+r,eventType:"mouseout",callback:()=>{s.removeEvent("SheetClosation-"+r),h(!1)}})})},[]);let[k,F]=S.split(".");return u(z,{className:[c("Wrap"),c("Tcate_"+k),c("Tpos_"+F),c("isNewSheet_"+B)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:w.currentIndex+1},id:e,children:$(J,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!B&&u(w.TapSensor,{sheetID:r,delegateAroundClick:(G=a.close_option)==null?void 0:G.aroundClick}),u(E,g({componentID:e},a))]})},e)},Types:{Normal:t=>{let x=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,content:m,className:h="",type:S,size:r="R",freeCSS:f,openAfter:T,closeAfter:B,close_option:E,hold_state:k,overwrap:F,isOpen:G,backgroundEffect:v}=x,s=Y(x,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[I,C]=S.split("."),y={},D=[];return C.match(/top/)?(D.push("top"),y.marginBottom="auto"):C.match(/middle/)?(D.push("center"),y.marginTop="auto",y.marginBottom="auto"):C.match(/bottom/)&&(D.push("bottom"),y.marginTop="auto"),C.match(/left/i)?(D.push("left"),y.marginRight="auto"):C.match(/center/i)?(D.push("center"),y.marginLeft="auto",y.marginRight="auto"):C.match(/right/i)&&(D.push("right"),y.marginLeft="auto"),u(z,R(g(g({className:[c("BB"),h].join(" "),padding:1,transition:"long",opacity:"trans"},s),y),{freeCSS:g({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[r],maxWidth:"96vw",transformOrigin:D.join(" ")},f),children:n.is.function(m)?u(m,{}):m}))},Edge:t=>{let s=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,type:m,content:h,className:S="",size:r="R",openAfter:f,closeAfter:T,close_option:B,hold_state:E,overwrap:k,isOpen:F,backgroundEffect:G}=s,v=Y(s,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return u(z,R(g(R(g({className:[c("BB"),S].join(" ")},m=="drawer.right"?{marginLeft:"auto"}:m=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),v),{freeCSS:g({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},v.freeCSS),children:n.is.function(h)?u(h,{}):h}))},Bottom:t=>{let V=t,{componentID:e,sheetID:a,sheetGroups:l,bodyScrolls:m,content:h,size:S="R",sizeChanged:r,baseStyles:f,openAfter:T,closeAfter:B,close_option:{swipeDown:E=!0}={},hold_state:k,overwrap:F,isOpen:G,backgroundEffect:v}=V,s=Y(V,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),I=n.getScreenSize(),C=[0,.2,.6,.95],y={ZERO:0,S:1,R:2,L:3},[D,x]=A(S),[O,P]=A({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:C[y[S]]});_.update({[e]:{val_edit:O,resize:b=>{let d=C[y[b]];P(p=>R(g({},p),{value:d})),x(b)}}});const W={Start:b=>{n(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:W.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:W.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:W.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:W.End});let d=n.getCursor(b),p=R(g({},O),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:O.value,viewHeight:n.getScreenSize().height});_.update({[e]:{val_edit:p}}),P(p)},Move:b=>{var M;let d=(M=_.get(e))==null?void 0:M.val_edit;if(!d.process)return;let L=(n.getCursor(b).y-d.originY)/d.viewHeight,o=d.originValue-L;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let j=.2-o;j-=.1,o=.1+(.1-j)*.5}P(R(g({},d),{value:o}))},End:b=>{var o;let d=(o=_.get(e))==null?void 0:o.val_edit;if(!d.process)return;n(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(d.value<.1||(d.value<.5?p=1:d.value>.75?p=3:p=2),new Date().getTime()-d.processStart<300){let M=n.getCursor(b).y-d.originY;if(Math.abs(M)>=20){let j=+(M<0)*2-1;p+=j,p=Math.min(Math.max(p,0),C.length-1)}}p==0&&(E||(p=1)),x(["ZERO","S","R","L"][p]),P(R(g({},d),{value:C[p],process:!1}))}},Z=te(!1);return X(()=>{Z.current?D=="ZERO"?E&&N.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(D)},250):Z.current=!0},[D]),u(z,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:g({maxWidth:12*60,height:I.height*O.value},O.process?{transition:"0s"}:{}),children:$(J,R(g({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},f),{children:[u(K.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(K.Center,{onMouseDown:W.Start,onTouchStart:W.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(z,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:c("DragBar")})})}),u(z,R(g({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},s),{children:n.is.function(h)?u(h,{}):h}))]}))})},Custom:t=>{let V=t,{sheetID:e,sheetGroups:a,bodyScrolls:l,event:m,parent:h,nextToCursor:S,gravityPoint:r=22,content:f,close_option:T,hold_state:B,openAfter:E,closeAfter:k,overwrap:F,isOpen:G,backgroundEffect:v}=V,s=Y(V,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[I]=A(n.uuid.gen()),C=n.is.element(h)||n.is.jsmin(h)?n(h):H(h),y='[data-sheet-id="'+I+'"]',D='[data-sheet-content="'+I+'"]';r=r;let x=r%5||5,O=Math.ceil(r/5);const P={Init:()=>{if(S&&m){let i=n.getScreenSize(),Q=n.getCursor(m);return{top:Q.y-i.pageYOffset,left:Q.x-i.pageXOffset}}let b={},{top:d,right:p,bottom:L,left:o,height:M,width:j}=C.position();return[1,2].includes(x)?b.left=o:x==3?b.left=o+j/2:[4,5].includes(x)&&(b.left=p),r<=10?b.top=d:r<=15?b.top=d+M/2:r<=25&&(b.top=L),b},Adjust:()=>{let b=H(y).position(),d=H(D).position(),p=C.position(),L=n.getScreenSize(),o={};for(let i in d)o[i]=d[i];{let i=0;O==1?i=p.top-o.bottom:O==2?i=p.top-o.top:O==3?i=p.top-o.top+(p.height-o.height)/2:O==4?i=p.bottom-o.bottom:O==5&&(i=p.bottom-o.top),o.top+=i,o.bottom+=i}{let i=0;x==1?i=p.left-o.right:x==2?i=p.left-o.left:x==3?i=p.left-o.left+(p.width-o.width)/2:x==4?i=p.right-o.right:x==5&&(i=p.right-o.left),o.left+=i,o.right+=i}if(o.top<0){let i=-o.top;o.top+=i,o.bottom+=i}if(o.bottom>L.height){let i=o.bottom-L.height;o.top-=i,o.bottom-=i}if(o.left<0){let i=-o.left;o.left+=i,o.right+=i}if(o.right>L.width){let i=o.right-L.width;o.left-=i,o.right-=i}let M=o.top-d.top,j=o.left-d.left;n(y).css({top:b.top+M+"px",left:b.left+j+"px"})}};let[W,Z]=A(P.Init());return X(()=>{H(y).await(10).addClass(c("Open")).await(200).callback(()=>{P.Adjust()}),_.update({["customSheet-"+t.sheetID]:{reposition:()=>{P.Adjust()}}})},[]),C[0]?u(z,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":I,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:W,children:u(oe,{position:"absolute",className:[c("GPT"),c("GPT_"+r),c("Col_"+x),c("Row_"+O)].join(" "),children:u(z,R(g({"data-sheet-content":I,flexSizing:"none",maxHeight:"viewHeight"},s),{freeCSS:g({maxWidth:"98vw"},s.freeCSS),children:n.is.function(f)?u(f,{}):f}))})}):null}},TapSensor:t=>u(z,{className:c("TapSensor"),children:u(ee.Button.Plain,{className:c("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&N.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},N={Wrapper:()=>u(w.Wrapper,{}),open:t=>{let e=t;if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let l=e.sheetID||n.uuid.gen(),a=e,{type:m,src:h}=a,S=Y(a,["type","src"]);N.open(R(g({type:"normal.topCenter",backgroundColor:"trans"},S),{sheetID:l,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[r]=A(n.flatArray(h)),[f,T]=A(0),B=[],E=[];return r.forEach((k,F)=>{B.push({value:F,label:u(q,{src:n.flatArray(k)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),E.push(u(q,{width:1,height:"auto",src:n.flatArray(k)[0]}))}),$(J,{gap:0,children:[$(K.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[u(se.Radio.Border,{icon:!1,value:f,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:k})=>{T(k)},cellStyles:{borderWidth:2,padding:"1/3"},options:B}),u(ee.Button.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{N.close(l)},children:$(K.Center,{gap:"1/3",children:["\u9589\u3058\u308B",u(re.Times,{})]})})]}),u(ne,{slideIndex:f,options:{loop:r.length>1,onSlideCallback:k=>{T(k)}},slides:E,wrapper:k=>u(z,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:k})})]})}}));return}w.addNewSheet(e)},refresh:(t,e)=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let a=_.get(t.sheetID);a&&a.refresh&&a.refresh(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=_.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=_.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){var m;t=t==null?void 0:t.replace(/\./g,"-");let l=w.contents[t];if(l&&!(e=="Escape"&&!((m=l.p.close_option)!=null&&m.escapeKeyDown))){let{p:h}=l,{sheetID:S}=h,r=_.get(S);r&&r.close&&r.close(a)}},closeGroup:t=>{var e;t=(t||"").replace(/\./g,"-");for(let[a,l]of Object.entries(w.contents))(e=l.p.sheetGroups)!=null&&e.includes(t)&&N.close(a)},closeAll:t=>{var e;for(let[a,l]of Object.entries(w.contents))t&&((e=l.p.close_option)==null?void 0:e.pageTransit)==!1||N.close(a,"pageTransit",!0)},Body:t=>u(z,g({className:c("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{N as Sheet,N as default};
|
|
1
|
+
import{b as c,c as y,d as V}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as $}from"react/jsx-runtime";import l from"@mingoo/jsmin";import{useState as M,useEffect as Y,useRef as ee}from"react";import{$$fromRoot as j,Config as H,useStore as T}from"../@utils";import{Box as O,Flex as te,Img as Q,FAI as oe,Column as J}from"../atoms";import{Row as K}from"../mols";import q from"./Button";import re from"./SwipeView";import se from"./Input";import{SheetClasses as h}from"../@styles/componentClasses";const z={currentIndex:0,mainSheetsCounter:0,getSessionStates:()=>{let e=T.get("sessionStates-"+H.get().sessionUID);return e||null},getNewSheetStates:e=>{var d;let s=y(c({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1},e),{sheetID:e.sheetID||l.uuid.gen(24),close_option:c({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option),isOpen:!0,created_at:l.Time()});if(s.type=="custom"){let m=s;m.parent=m.parent||((d=m==null?void 0:m.event)==null?void 0:d.currentTarget),s=m}return s}},Z={Wrapper:()=>{let[e,s]=M(l.uuid.gen()),[d,m]=M([]),g={val_sheets:d,set_sheets:m};T.set({["sessionStates-"+H.get().sessionUID]:g}),Y(()=>{T.set({["Sheet-"+H.get().sessionUID]:{refresh:()=>{s(l.uuid.gen())},add:p=>{let a=T.get("Sheet-"+H.get().sessionUID);if(!a)return;let f=z.getNewSheetStates(p);if(!!a.find(f.sheetID)){let x=T.get(f.sheetID);x&&x.refresh&&x.refresh(f,!0);return}m(x=>[f,...x])},find:p=>{let a=z.getSessionStates();if(!a)return null;let{val_sheets:f}=a;return f.find(b=>b.sheetID==p)}}}),l(H.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:a,metaKey:f}=p;if(a=="Escape"||a==","&&f){let b=z.getSessionStates();if(!b)return;let{val_sheets:x}=b,I=x.filter(i=>i.isOpen);if(!I.length)return;let r=I.reduce((i,C)=>i.created_at.value>C.created_at.value?i:C);W.close(r.sheetID,a)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){let a=z.getSessionStates();if(!a)return;let{val_sheets:f}=a,b=f.filter(r=>r.type=="custom");if(!b.length||!!b.find(r=>{let{parent:i}=r,C=p.target,w=j(i)[0];return!!(i==C||w===C||l(w).find(C).length)}))return;let I=p.target;I!=null&&I.closest("."+h("CustomSheet"))||b.forEach(r=>{var i;(i=r.close_option)!=null&&i.aroundClick&&W.close(r.sheetID)})}})},[]);let o=d.map(p=>u(Z.Core,c({sheet:p},g),p.sheetID));return u(O,{className:["AMOTIFY_be",h("Wrapper")].join(" "),children:o})},Core:e=>{var I;let{val_sheets:s,set_sheets:d}=e,[m]=M(z.currentIndex+1),[g]=M(l.uuid.gen()),[o,p]=M(e.sheet),a=o.type!="custom"&&!o.overwrap,f=Z.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[o.type]];Y(()=>{},[o]),Y(()=>{z.currentIndex++;let{close_option:r}=o;l.scope(()=>{if(!(r!=null&&r.parentBlur))return;let i=l(o.parent);i[0]&&i.addEvent({eventID:"SheetClosation-"+o.sheetID,eventType:"mouseout",callback:()=>{i.removeEvent("SheetClosation-"+o.sheetID),p(C=>y(c({},C),{isOpen:!1}))}})})},[]),Y(()=>{T.set({[o.sheetID]:{refresh:(r,i)=>{let C=z.getNewSheetStates(r);p(w=>y(c(c({},w),C),{created_at:w.created_at,isOpen:i!=null?i:!1}))},resize:r=>{if(o.type=="drawer.bottom"){let i=T.get(g);i&&i.resize&&i.resize(r)}else(o.type.includes("normal")||o.type.includes("drawer"))&&p(i=>y(c({},i),{size:r}))},close:r=>{p(i=>y(c({},i),{isOpen:!1}))},open:()=>{p(r=>y(c({},r),{isOpen:!0}))}}})},[o]),Y(()=>{l.scope(()=>{if(!a||!o.backgroundEffect)return;z.mainSheetsCounter+=o.isOpen?1:-1;let r=j(".AMOTIFY_be_root");if(o.isOpen){if(r.hasClass(h("FixScroll")))return;let i=l("html"),C=0;z.mainSheetsCounter==1&&(C=i[0].scrollTop|0,p(w=>y(c({},w),{bodyScrolls:C}))),H.get().isPhone||(i[0].scrollTop=0,r.addClass(h("FixScroll")).callback(w=>{w[0].scrollTop=C}).await(40).addClass(h("Float")));return}H.get().isPhone||z.mainSheetsCounter>0||r.hasClass(h("FixScroll"))&&r.removeClass(h("Float")).await(251).removeClass(h("FixScroll")).callback(()=>{l("html")[0].scrollTop=o.bodyScrolls||0,r[0].scrollTop=0})}),l.scope(()=>{let r=j("#"+g);if(o.isOpen){r.await(10).removeClass(h("Hide")).await(10).addClass(h("Open")).callback(()=>{o.openAfter&&o.openAfter()});return}else r.await(10).removeClass(h("Open")).await(251).addClass(h("Hide")).callback(()=>{o.closeAfter&&o.closeAfter(),!e.sheet.hold_state&&(d(i=>{let C=[...i],w=C.findIndex(N=>N.sheetID==o.sheetID);return w==-1||C.splice(w,1),C}),a&&l(H.get().appRoot).focus())})})},[o.isOpen]);let[b,x]=o.type.split(".");return u(O,{className:[h("Wrap"),h("Tcate_"+b),h("Tpos_"+x),h("isMainSheet_"+a)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:m},id:g,children:$(J,{className:h("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!a&&u(Z.TapSensor,{sheetID:o.sheetID,delegateAroundClick:(I=o.close_option)==null?void 0:I.aroundClick}),u(f,c({componentID:g},o))]})},g)},Types:{Normal:e=>{let R=e,{sheetID:s,sheetGroups:d,bodyScrolls:m,content:g,className:o="",type:p,size:a="R",freeCSS:f,openAfter:b,closeAfter:x,close_option:I,hold_state:r,overwrap:i,isOpen:C,backgroundEffect:w}=R,N=V(R,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[U,D]=p.split("."),_={},k=[];return D.match(/top/)?(k.push("top"),_.marginBottom="auto"):D.match(/middle/)?(k.push("center"),_.marginTop="auto",_.marginBottom="auto"):D.match(/bottom/)&&(k.push("bottom"),_.marginTop="auto"),D.match(/left/i)?(k.push("left"),_.marginRight="auto"):D.match(/center/i)?(k.push("center"),_.marginLeft="auto",_.marginRight="auto"):D.match(/right/i)&&(k.push("right"),_.marginLeft="auto"),u(O,y(c(c({className:[h("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},N),_),{freeCSS:c({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[a],maxWidth:"96vw",transformOrigin:k.join(" ")},f),children:l.is.function(g)?u(g,{}):g}))},Edge:e=>{let N=e,{sheetID:s,sheetGroups:d,bodyScrolls:m,type:g,content:o,className:p="",size:a="R",openAfter:f,closeAfter:b,close_option:x,hold_state:I,overwrap:r,isOpen:i,backgroundEffect:C}=N,w=V(N,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return u(O,y(c(y(c({className:[h("BB"),p].join(" ")},g=="drawer.right"?{marginLeft:"auto"}:g=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),w),{freeCSS:c({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[a],maxWidth:"96vw"},w.freeCSS),children:l.is.function(o)?u(o,{}):o}))},Bottom:e=>{let L=e,{componentID:s,sheetID:d,sheetGroups:m,bodyScrolls:g,content:o,size:p="R",sizeChanged:a,baseStyles:f,openAfter:b,closeAfter:x,close_option:{swipeDown:I=!0}={},hold_state:r,overwrap:i,isOpen:C,backgroundEffect:w}=L,N=V(L,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),U=l.getScreenSize(),D=[0,.2,.6,.95],_={ZERO:0,S:1,R:2,L:3},[k,R]=M(p),[A,F]=M({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:D[_[p]]});T.update({[s]:{val_edit:A,resize:v=>{let S=D[_[v]];F(t=>y(c({},t),{value:S})),R(v)}}});const P={Start:v=>{l(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:P.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:P.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:P.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:P.End});let S=l.getCursor(v),t=y(c({},A),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:A.value,viewHeight:l.getScreenSize().height});T.update({[s]:{val_edit:t}}),F(t)},Move:v=>{var n;let S=(n=T.get(s))==null?void 0:n.val_edit;if(!S.process)return;let X=(l.getCursor(v).y-S.originY)/S.viewHeight,B=S.originValue-X;if(B>.95)B=.95+(B-.95)*.5;else if(B<.2){let G=.2-B;G-=.1,B=.1+(.1-G)*.5}F(y(c({},S),{value:B}))},End:v=>{var B;let S=(B=T.get(s))==null?void 0:B.val_edit;if(!S.process)return;l(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let t=0;if(S.value<.1||(S.value<.5?t=1:S.value>.75?t=3:t=2),new Date().getTime()-S.processStart<300){let n=l.getCursor(v).y-S.originY;if(Math.abs(n)>=20){let G=+(n<0)*2-1;t+=G,t=Math.min(Math.max(t,0),D.length-1)}}t==0&&(I||(t=1)),R(["ZERO","S","R","L"][t]),F(y(c({},S),{value:D[t],process:!1}))}},E=ee(!1);return Y(()=>{E.current?k=="ZERO"?I&&W.close(d):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(k)},250):E.current=!0},[k]),u(O,{className:h("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:c({maxWidth:12*60,height:U.height*A.value},A.process?{transition:"0s"}:{}),children:$(J,y(c({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},f),{children:[u(K.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(K.Center,{onMouseDown:P.Start,onTouchStart:P.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(O,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:h("DragBar")})})}),u(O,y(c({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},N),{children:l.is.function(o)?u(o,{}):o}))]}))})},Custom:e=>{let P=e,{sheetID:s,sheetGroups:d,bodyScrolls:m,event:g,parent:o,nextToCursor:p,gravityPoint:a=22,content:f,close_option:b,hold_state:x,openAfter:I,closeAfter:r,overwrap:i,isOpen:C,backgroundEffect:w}=P,N=V(P,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[U]=M(l.uuid.gen()),D=l.is.element(o)||l.is.jsmin(o)?l(o):j(o),_='[data-sheet-id="'+U+'"]',k='[data-sheet-content="'+U+'"]';a=a;let R=a%5||5,A=Math.ceil(a/5);const F={Init:()=>{if(p&&g){let n=l.getScreenSize(),G=l.getCursor(g);return{top:G.y-n.pageYOffset,left:G.x-n.pageXOffset}}let E={},{top:L,right:v,bottom:S,left:t,height:X,width:B}=D.position();return[1,2].includes(R)?E.left=t:R==3?E.left=t+B/2:[4,5].includes(R)&&(E.left=v),a<=10?E.top=L:a<=15?E.top=L+X/2:a<=25&&(E.top=S),E},Adjust:()=>{let E=j(_).position(),L=j(k).position(),v=D.position(),S=l.getScreenSize(),t={};for(let n in L)t[n]=L[n];{let n=0;A==1?n=v.top-t.bottom:A==2?n=v.top-t.top:A==3?n=v.top-t.top+(v.height-t.height)/2:A==4?n=v.bottom-t.bottom:A==5&&(n=v.bottom-t.top),t.top+=n,t.bottom+=n}{let n=0;R==1?n=v.left-t.right:R==2?n=v.left-t.left:R==3?n=v.left-t.left+(v.width-t.width)/2:R==4?n=v.right-t.right:R==5&&(n=v.right-t.left),t.left+=n,t.right+=n}if(t.top<0){let n=-t.top;t.top+=n,t.bottom+=n}if(t.bottom>S.height){let n=t.bottom-S.height;t.top-=n,t.bottom-=n}if(t.left<0){let n=-t.left;t.left+=n,t.right+=n}if(t.right>S.width){let n=t.right-S.width;t.left-=n,t.right-=n}let X=t.top-L.top,B=t.left-L.left;l(_).css({top:E.top+X+"px",left:E.left+B+"px"})}};return Y(()=>{j(_).await(10).addClass(h("Open")).await(200).callback(()=>{F.Adjust()}),T.update({["customSheet-"+e.sheetID]:{reposition:()=>{F.Adjust()}}})},[]),D[0]?u(O,{className:[h("BB"),h("CustomSheet")].join(" "),"data-sheet-id":U,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:F.Init(),children:u(te,{position:"absolute",className:[h("GPT"),h("GPT_"+a),h("Col_"+R),h("Row_"+A)].join(" "),children:u(O,y(c({"data-sheet-content":U,flexSizing:"none",maxHeight:"viewHeight"},N),{freeCSS:c({maxWidth:"98vw"},N.freeCSS),children:l.is.function(f)?u(f,{}):f}))})}):null}},TapSensor:e=>u(O,{className:h("TapSensor"),children:u(q.Button.Plain,{className:h("TapContent"),onClick:()=>{var s;(s=e.delegateAroundClick)!=null&&s&&W.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},W={Wrapper:()=>u(Z.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let m=e.sheetID||l.uuid.gen(),d=e,{type:g,src:o}=d,p=V(d,["type","src"]);W.open(y(c({type:"normal.topCenter",backgroundColor:"trans"},p),{sheetID:m,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=M(l.flatArray(o)),[f,b]=M(0),x=[],I=[];return a.forEach((r,i)=>{x.push({value:i,label:u(Q,{src:l.flatArray(r)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),I.push(u(Q,{width:1,height:"auto",src:l.flatArray(r)[0]}))}),$(J,{gap:0,children:[$(K.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[u(se.Radio.Border,{icon:!1,value:f,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:r})=>{b(r)},cellStyles:{borderWidth:2,padding:"1/3"},options:x}),u(q.Button.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{W.close(m)},children:$(K.Center,{gap:"1/3",children:["\u9589\u3058\u308B",u(oe.Times,{})]})})]}),u(re,{slideIndex:f,options:{loop:a.length>1,onSlideCallback:r=>{b(r)}},slides:I,wrapper:r=>u(O,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:r})})]})}}));return}let s=T.get("Sheet-"+H.get().sessionUID);s&&s.add(e)},refresh:(e,s)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let d=T.get(e.sheetID);d&&d.refresh&&d.refresh(e,s)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let s=T.get(e.sheetID);s&&s.resize&&s.resize(e.size)},customSheet:{reposition:e=>{let s=T.get("customSheet-"+e);s&&s.reposition&&s.reposition()}},close:function(e,s,d){var a;let m=z.getSessionStates();if(!m)return;let{val_sheets:g}=m;e=e==null?void 0:e.replace(/\./g,"-");let o=g.find(f=>f.sheetID==e);if(!o||s=="Escape"&&!((a=o.close_option)!=null&&a.escapeKeyDown))return;let p=T.get(o.sheetID);p&&p.close&&p.close(d)},closeGroup:e=>{let s=z.getSessionStates();if(!s)return;let{val_sheets:d}=s;e=(e||"").replace(/\./g,"-");for(let m of d)m.sheetGroups&&m.sheetGroups==e&&W.close(m.sheetID)},closeAll:e=>{var m;let s=z.getSessionStates();if(!s)return;let{val_sheets:d}=s;for(let g of d)e&&!((m=g.close_option)!=null&&m.pageTransit)||W.close(g.sheetID,"pageTransit",!0)},Body:e=>u(O,c({className:h("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))};export{W as Sheet,W as default};
|
package/dist/fn/Table/Data.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as l,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as n,jsxs as k}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as P}from"../../@utils";import{Box as F,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import _ from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as U}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=l({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=U(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(n(_.TH,x(l(l(l({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(l(l({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(l({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children||a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?n(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,N=n(J,{});if(C){let T=u.map(O=>{var A;return(A=O[s])==null?void 0:A.data});T=[...new Set(T)].order({direction:"ASC"});let v=o.current[s];if(v){let O=T.filter(I=>!v.includes(I)),A=[];T.forEach(I=>{I&&A.push({value:I,label:n(F,{flexSizing:"auto",children:I})})});let q="BUTTON-"+e.componentID+"-"+s,G=e.componentID+"-"+s,Q={sheetID:G,parent:"#"+q,gravityPoint:23,type:"custom",content:k(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=T.filter(re=>!I.includes(re)),Y=l({},e);Y.filter.current[s]=V,r(Y)}})}),k(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(G)},children:"\u9589\u3058\u308B"}),n(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];v.length||(I=T);let V=l({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),N=n(F,{className:S("FilterRegion"),children:n(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!v.length),id:q,onClick:I=>{I.stopPropagation(),j.open(Q)},children:n(E,{icon:ie})})})}}let X={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=U(X),$=e.cellStylesCallback?e.cellStylesCallback(X):{};a=x(l(l(l(l({},e.cellStyles),te),a),$),{ssPushable:p,freeCSS:l(l(l({},(R=e.cellStyles)==null?void 0:R.freeCSS),$.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(n(_.TH,x(l({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:l({zIndex:2},a.freeCSS),onClick:T=>{if(p){let v=l({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];v.order.current=O,r(v),e.onOrderChanged&&e.onOrderChanged(O)}},children:k(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[N,k(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[B,i]})]})}),s))}return n(_.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=U(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(n(_.TH,x(l(l(l({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:l(l({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(l({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var N;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=U(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(l(l(l(l({},e.cellStyles),i),s),p),{freeCSS:l(l(l({},(N=e.cellStyles)==null?void 0:N.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=_[R=="td"?"TD":"TH"];y.push(n(C,l({},s),g))}),u.push(n(_.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=n(F,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=n(J,{children:e.noRecords})),u.push(n(_.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:n(_.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return n(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)*i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return P.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=l({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=l({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=l({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(i=>{let p=P.get(i);p!=null&&p.refresh&&p.refresh()})}),n(F,{className:S("TableBase"),children:n(_.Table,{className:S("Table"),children:k(_.Body,{children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),n(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=l({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=l({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID||d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c||String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),n(f.StateManager,l({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID||c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),n(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(l({},f.Propagations[t]),{[e]:1}),P.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=P.get(d))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=P.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},W={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(L.TextField,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(L.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return k(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return k(H.Center,{children:[k(H.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(L.Select,{emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),k(H.Right,{gap:"1/2",children:[n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(E.ChevronLeft,{})}),n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u|=+(o==r),{value:o,label:o.toString()}));return u||d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),k(H.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(L.Select,{emptySelect:!1,rightIcon:!1,label:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},de=t=>n(ue,x(l({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=W.Info,D.Paging=W.Paging,D.RowLength=W.RowLength,D.SearchInput=W.SearchInput;export{D as Data,D as default};
|
|
1
|
+
import{b as l,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as n,jsxs as k}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as P}from"../../@utils";import{Box as F,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import _ from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as U}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=l({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=U(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(n(_.TH,x(l(l(l({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(l(l({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(l({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children||a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?n(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,N=n(J,{});if(C){let T=u.map(O=>{var A;return(A=O[s])==null?void 0:A.data});T=[...new Set(T)].order({direction:"ASC"});let v=o.current[s];if(v){let O=T.filter(I=>!v.includes(I)),A=[];T.forEach(I=>{I&&A.push({value:I,label:n(F,{flexSizing:"auto",children:I})})});let q="BUTTON-"+e.componentID+"-"+s,G=e.componentID+"-"+s,Q={sheetID:G,parent:"#"+q,gravityPoint:23,type:"custom",content:k(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=T.filter(re=>!I.includes(re)),Y=l({},e);Y.filter.current[s]=V,r(Y)}})}),k(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(G)},children:"\u9589\u3058\u308B"}),n(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];v.length||(I=T);let V=l({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),N=n(F,{className:S("FilterRegion"),children:n(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!v.length),id:q,onClick:I=>{I.stopPropagation(),j.open(Q)},children:n(E,{icon:ie})})})}}let X={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=U(X),$=e.cellStylesCallback?e.cellStylesCallback(X):{};a=x(l(l(l(l({},e.cellStyles),te),a),$),{ssPushable:p,freeCSS:l(l(l({},(R=e.cellStyles)==null?void 0:R.freeCSS),$.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(n(_.TH,x(l({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:l({zIndex:2},a.freeCSS),onClick:T=>{if(p){let v=l({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];v.order.current=O,r(v),e.onOrderChanged&&e.onOrderChanged(O)}},children:k(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[N,k(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[B,i]})]})}),s))}return n(_.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=U(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(n(_.TH,x(l(l(l({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:l(l({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(l({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var N;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=U(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(l(l(l(l({},e.cellStyles),i),s),p),{freeCSS:l(l(l({},(N=e.cellStyles)==null?void 0:N.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=_[R=="td"?"TD":"TH"];y.push(n(C,l({},s),g))}),u.push(n(_.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=n(F,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=n(J,{children:e.noRecords})),u.push(n(_.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:n(_.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return n(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)*i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return P.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=l({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=l({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=l({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(i=>{let p=P.get(i);p!=null&&p.refresh&&p.refresh()})}),n(F,{className:S("TableBase"),children:n(_.Table,{className:S("Table"),children:k(_.Body,{children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),n(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=l({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=l({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID||d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c||String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),n(f.StateManager,l({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID||c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),n(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(l({},f.Propagations[t]),{[e]:1}),P.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=P.get(d))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=P.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},W={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(L.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return k(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return k(H.Center,{children:[k(H.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(L.Select,{emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),k(H.Right,{gap:"1/2",children:[n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(E.ChevronLeft,{})}),n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u|=+(o==r),{value:o,label:o.toString()}));return u||d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),k(H.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(L.Select,{emptySelect:!1,rightIcon:!1,label:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},de=t=>n(ue,x(l({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=W.Info,D.Paging=W.Paging,D.RowLength=W.RowLength,D.SearchInput=W.SearchInput;export{D as Data,D as default};
|
package/dist/fn/Tooltips.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,c as r,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import i from"@mingoo/jsmin";import{Box as d}from"../atoms";import t from"./Sheet";const l={__memoryID:i.uuid.gen(),open:o=>{let n=o,{tipsID:a=i.uuid.gen(),tipsGroups:u=[]}=n,s=p(n,["tipsID","tipsGroups"]);t.open(r(e({sheetID:a,sheetGroups:["tooltips",...u]},s),{type:"custom",close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},s.close_option)}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Body:o=>c(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))};export{l as Tooltips,l as default};
|
|
1
|
+
import{b as e,c as r,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import i from"@mingoo/jsmin";import{Box as d}from"../atoms";import t from"./Sheet";const l={__memoryID:i.uuid.gen(),open:o=>{let n=o,{tipsID:a=i.uuid.gen(24),tipsGroups:u=[]}=n,s=p(n,["tipsID","tipsGroups"]);t.open(r(e({sheetID:a,sheetGroups:["tooltips",...u]},s),{type:"custom",close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},s.close_option)}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Body:o=>c(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))};export{l as Tooltips,l as default};
|